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