設計評論表單
Usability Post的讀者Vadim提出一個關于評論表單設計的有趣問題。他發(fā)現(xiàn)網(wǎng)頁中兩個文本框被標為必填項——姓名和郵件地址。而評論表單通常還有另外兩個輸入項:網(wǎng)站地址和評論內(nèi)容。就像這樣:
Vadim提到,他在一個有數(shù)百個評論的熱門帖子中發(fā)現(xiàn)一個有趣的現(xiàn)象。那個帖子頁面有如上所示的評論表單。他發(fā)現(xiàn)一些人回復帖子時將網(wǎng)站地址一項填為“none”或“n/a”。
網(wǎng)站地址不是必填項,不過這明顯是被曲解了。上邊的兩項:姓名和郵件地址為標為必填,而其它項目并沒有。一點讓人困惑的是,評論內(nèi)容也是必填的,而表單的設計則暗示你應該足夠聰明能理解這一點。
優(yōu)秀的評論表單設計
理想的表單設計是什么樣的?
UX Matters發(fā)表過一篇名為《表單中的標簽位置》的優(yōu)秀文章。其發(fā)表的發(fā)現(xiàn)基于眼球追蹤研究,所以文中建議非常真實權威。
總結(jié)一下的話……結(jié)論是文字標簽應該放在文本框上方,可以使文字與文本框之間的視線距離最短。如果將文字放在文本框左側(cè),至少也要右對齊,同樣,為了減少視線移動距離。而粗體字表現(xiàn)不佳,盡管此現(xiàn)象的原因尚存疑惑。(譯注:《表》文中提到粗體字會讓用戶識別文字標簽的時間延長60%。)
所以理想的評論表單是文字標簽與文本框的距離很近,最好是在其上方。那表單項的順序呢?大多數(shù)是由昵稱開始,然后是郵件地址、網(wǎng)站地址,最后是評論內(nèi)容。很多Blog和網(wǎng)站都是這樣設計的。我想質(zhì)疑這是否是最好的順序。
我的一個朋友如下布局他的評論表單:
這一挑戰(zhàn)慣例的表單以評論內(nèi)容開始,隨后才是評論者信息。這樣你可以先說出你的評論,最后對你的評論簽名。人們寫信時是這個順序。你首先寫出信件內(nèi)容,然后簽上你的名字。我覺得評論表單這樣設計更有意義。
當然,這個表單并不完美,因為訪客需要觀察右側(cè)填入名字和郵箱地址,再返回左側(cè)尋找提交按鈕。下面是我覺而更好的設計。應用在了Particletree Blog:
非常棒。我們以評論內(nèi)容開頭,接著下邊是評論者信息。文字標簽和文本框很近,并且在其上方,就像UX Matters推薦的那樣。提交按鈕在整個流程的最下方,并在所有文本框的下方中央。必填項由紅色星號標出。
我也會在Usability Post上試試。
你怎么認為?普遍使用的評論表單就工作的不錯?還是更喜歡我的改變表單順序設計?我想知道你們的想法。
譯者:明月星光 @ UCD翻譯小組
原文:http://www.usabilitypost.com/2009/01/06/comment-form-design/