国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

優(yōu)秀的網(wǎng)頁(yè)評(píng)論表單的設(shè)計(jì)方法

2024-07-11 09:04:14
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介:文章里說(shuō)他在網(wǎng)上留心很久,發(fā)現(xiàn)了網(wǎng)上的大多數(shù)表單都把“姓名”和“Email” 作為必填的選項(xiàng),不過(guò)作為評(píng)論表單來(lái)說(shuō)和傳統(tǒng)表單應(yīng)該有區(qū)別了,除了“姓名”和“Email”外,“評(píng)論項(xiàng)”也是必不可少的.

vadim,usabilitypost 的讀者,發(fā)表過(guò)一篇很有意思的文章,《評(píng)論表單設(shè)計(jì)》。文章里說(shuō)他在網(wǎng)上留心很久,發(fā)現(xiàn)了網(wǎng)上的大多數(shù)表單都把“姓名”和“Email” 作為必填的選項(xiàng),不過(guò)作為評(píng)論表單來(lái)說(shuō)和傳統(tǒng)表單應(yīng)該有區(qū)別了,除了“姓名”和“Email”外,“評(píng)論項(xiàng)”也是必不可少的,如圖:

優(yōu)秀的網(wǎng)頁(yè)評(píng)論表單的設(shè)計(jì)方法

vadim提到,他曾特意去觀察一些有上百條評(píng)論的熱門(mén)博客,他發(fā)現(xiàn)這些博客的評(píng)論表單的選項(xiàng)非常多也沒(méi)有注明是否必填,很多人不得不在某些對(duì)他們沒(méi)用的選項(xiàng)留下”none”和”n/a”。

這些表單很多選項(xiàng)并不是非填不可的,但是沒(méi)有提示,很容易讓人產(chǎn)生思路混亂,因此除了姓名和Email,其它的都應(yīng)該可以算作是選填項(xiàng)吧。不過(guò)作為評(píng)論表單,評(píng)論框也應(yīng)該是作為必填項(xiàng)存在,當(dāng)然,如果你足夠聰明那也行~~

做一個(gè)優(yōu)秀的評(píng)論表單設(shè)計(jì)


如何設(shè)計(jì)一個(gè)完美的評(píng)論表單?

UX Matters 寫(xiě)過(guò)一篇《label placement in forms》(表單中的標(biāo)簽位置)的好文。這篇文章的研究是基于eye-tracking,可以算的上是比較權(quán)威的。

摘自本文“你應(yīng)該把label標(biāo)簽放在input的上面,這樣的布局,可以讓眼睛始終保持label和input的最小距離,如果你要把label放在input的左邊的話,那你至少要保持label中文字右對(duì)齊,這樣也是一種最小距離。同時(shí)建議文字不要使用粗體。”

一個(gè)好的評(píng)論表單設(shè)計(jì),應(yīng)該是label和input越靠近越好,如果label在input之上那是相當(dāng)完美的位置啦,但是實(shí)際操作可能需要考慮到實(shí)際的產(chǎn)品需求,字段的多少。大多數(shù)表單都是先‘姓名’,接下來(lái)‘Email’,其次是‘網(wǎng)址’,最后是‘評(píng)論框’這樣排列,幾乎所有的博客和網(wǎng)站的評(píng)論框都是用這樣的排列方式,但是否這樣的方式是最好的方式?

我的一個(gè)朋友,做了一個(gè)與眾不同的評(píng)論表單設(shè)計(jì),如圖:

優(yōu)秀的網(wǎng)頁(yè)評(píng)論表單的設(shè)計(jì)方法

 

這樣的設(shè)計(jì)挑戰(zhàn)了傳統(tǒng)的設(shè)計(jì),把評(píng)論框放在了第一的位置,然后才是評(píng)論者的信息。這樣的方式可以讓你先寫(xiě)評(píng)論,再登錄/注冊(cè),就像人們寫(xiě)信一樣,先把信的內(nèi)容寫(xiě)好,再在結(jié)尾處簽字。我想這樣可能會(huì)給用戶一種新感覺(jué)吧。

當(dāng)然,這樣的評(píng)論表單并不是非常完美的那種,它讓用戶必須得先到右側(cè)找到輸入框,填好信息之后,再回到左側(cè)確定提交才行。

于是,我這推薦另一種我覺(jué)得不錯(cuò)的表單,是來(lái)自Particletree blog:

優(yōu)秀的網(wǎng)頁(yè)評(píng)論表單的設(shè)計(jì)方法

感覺(jué)非常好的表單,我們能夠第一時(shí)間看到評(píng)論框,緊靠在下面就是作者信息框了,label標(biāo)簽也在input上方,布局就像ux matter說(shuō)的那樣。提交按鈕在所有的字段后,并且居中顯示,必填項(xiàng)也有紅色的星號(hào)提示。再一次說(shuō)下,非常不錯(cuò)。我可能會(huì)把usability post的評(píng)論框也換成這種兒。。。

你是怎么想的呢?你覺(jué)得傳統(tǒng)的那種評(píng)論框不錯(cuò)?還是我給你推薦的2種新式的表單很好?還是你有新的好方法?我非常歡迎聽(tīng)到你們的想法:)

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 余干县| 湘阴县| 富川| 什邡市| 三穗县| 尚志市| 安达市| 布尔津县| 镇康县| 安泽县| 平邑县| 平果县| 鲁甸县| 昭觉县| 嵩明县| 铜山县| 云安县| 龙川县| 兴城市| 大邑县| 伊金霍洛旗| 故城县| 鲁山县| 自贡市| 海阳市| 防城港市| 河源市| 迁安市| 娄底市| 天镇县| 涡阳县| 正安县| 黄龙县| 东至县| 五峰| 和田县| 遵义市| 南京市| 平果县| 隆安县| 谢通门县|