歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


寶雞世紀網(wǎng)絡(luò )制作網(wǎng)頁(yè)評論表單

作者:佚名      發(fā)布時(shí)間:2009-07-08      瀏覽:2714

62.9K


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

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

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

做一個(gè)優(yōu)秀的評論表單設計

如何設計一個(gè)完美的評論表單?

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

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

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

我的一個(gè)朋友,做了一個(gè)與眾不同的評論表單設計,如圖

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

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

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

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



0