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