設(shè)計評論表單

Usability Post的讀者Vadim提出一個關(guān)于評論表單設(shè)計的有趣問題。他發(fā)現(xiàn)網(wǎng)頁中兩個文本框被標(biāo)為必填項——姓名和郵件地址。而評論表單通常還有另外兩個輸入項：網(wǎng)站地址和評論內(nèi)容。就像這樣：

Vadim提到，他在一個有數(shù)百個評論的熱門帖子中發(fā)現(xiàn)一個有趣的現(xiàn)象。那個帖子頁面有如上所示的評論表單。他發(fā)現(xiàn)一些人回復(fù)帖子時將網(wǎng)站地址一項填為“none”或“n/a”。

網(wǎng)站地址不是必填項，不過這明顯是被曲解了。上邊的兩項：姓名和郵件地址為標(biāo)為必填，而其它項目并沒有。一點讓人困惑的是，評論內(nèi)容也是必填的，而表單的設(shè)計則暗示你應(yīng)該足夠聰明能理解這一點。

優(yōu)秀的評論表單設(shè)計

理想的表單設(shè)計是什么樣的？

UX Matters發(fā)表過一篇名為《表單中的標(biāo)簽位置》的優(yōu)秀文章。其發(fā)表的發(fā)現(xiàn)基于眼球追蹤研究，所以文中建議非常真實權(quán)威。

總結(jié)一下的話……結(jié)論是文字標(biāo)簽應(yīng)該放在文本框上方，可以使文字與文本框之間的視線距離最短。如果將文字放在文本框左側(cè)，至少也要右對齊，同樣，為了減少視線移動距離。而粗體字表現(xiàn)不佳，盡管此現(xiàn)象的原因尚存疑惑。（譯注：《表》文中提到粗體字會讓用戶識別文字標(biāo)簽的時間延長60%。）

所以理想的評論表單是文字標(biāo)簽與文本框的距離很近，最好是在其上方。那表單項的順序呢？大多數(shù)是由昵稱開始，然后是郵件地址、網(wǎng)站地址，最后是評論內(nèi)容。很多Blog和網(wǎng)站都是這樣設(shè)計的。我想質(zhì)疑這是否是最好的順序。

我的一個朋友如下布局他的評論表單：

這一挑戰(zhàn)慣例的表單以評論內(nèi)容開始，隨后才是評論者信息。這樣你可以先說出你的評論，最后對你的評論簽名。人們寫信時是這個順序。你首先寫出信件內(nèi)容，然后簽上你的名字。我覺得評論表單這樣設(shè)計更有意義。

當(dāng)然，這個表單并不完美，因為訪客需要觀察右側(cè)填入名字和郵箱地址，再返回左側(cè)尋找提交按鈕。下面是我覺而更好的設(shè)計。應(yīng)用在了Particletree Blog：

非常棒。我們以評論內(nèi)容開頭，接著下邊是評論者信息。文字標(biāo)簽和文本框很近，并且在其上方，就像UX Matters推薦的那樣。提交按鈕在整個流程的最下方，并在所有文本框的下方中央。必填項由紅色星號標(biāo)出。

我也會在Usability Post上試試。

你怎么認(rèn)為？普遍使用的評論表單就工作的不錯？還是更喜歡我的改變表單順序設(shè)計？我想知道你們的想法。

譯者：明月星光 @ UCD翻譯小組
原文：http://www.usabilitypost.com/2009/01/06/comment-form-design/