有很多設(shè)計(jì)糟糕的表單，不管你是否喜歡他們，表單都是必不可少的。Joe Leech（cxpartners負(fù)責(zé)用戶(hù)體驗(yàn)的）將介紹其在表單設(shè)計(jì)上的一些經(jīng)驗(yàn)。

估計(jì)沒(méi)有什么比表單更讓設(shè)計(jì)師出氣了。表單不一定可以讓?zhuān)ㄔO(shè)計(jì)師）表現(xiàn)創(chuàng)意，還是可以？我們可能需要從做基本的層面，重新審視表單，理解表單——表單是用戶(hù)和軟件之間的對(duì)話(huà)。

忘掉切換啊，點(diǎn)擊什么的，表單是我們數(shù)字設(shè)計(jì)師（我想應(yīng)該是依賴(lài)計(jì)算機(jī)進(jìn)行設(shè)計(jì)的設(shè)計(jì)人員）將面臨的最富有的交互。下一次，你要對(duì)付一個(gè)表單的時(shí)候，不要認(rèn)為就是要應(yīng)用好看的CSS效果或是添加漂亮的jQuery特效。表單設(shè)計(jì)的水是很深的。

我已經(jīng)做過(guò)上百個(gè)表單用戶(hù)測(cè)試，為保險(xiǎn)公司、假期預(yù)訂交互設(shè)計(jì)過(guò)一些非常復(fù)雜的表單，以及其他很多�？赡苣阕罱�使用的某個(gè)表單就是我設(shè)計(jì)的。

下面這些經(jīng)驗(yàn)教訓(xùn)，我希望在我開(kāi)始設(shè)計(jì)表單事前先學(xué)會(huì)之。

1. 不要標(biāo)記必填字段

你知道小星號(hào)（*）就表示必填字段？我已經(jīng)見(jiàn)過(guò)很多次因?yàn)檫@個(gè)用戶(hù)測(cè)試失敗。作為概念來(lái)講，必填字段沒(méi)有多大意義，等同離線(xiàn)（這個(gè)概念）。對(duì)于開(kāi)發(fā)者，這個(gè)是很好的，他們提供了一個(gè)很好的黑白方式去完成。星號(hào)以及必填字段（導(dǎo)致表單完成）失敗是因?yàn)樗�是個(gè)需要學(xué)習(xí)的行為。在用戶(hù)測(cè)試中我看到的典型行為是用戶(hù)在（表單）上面填寫(xiě)表單，結(jié)束于某個(gè)東西阻止他們時(shí)候或者他們碰了某個(gè)按鈕。

解決方法很簡(jiǎn)單，可選字段標(biāo)記，優(yōu)質(zhì)用戶(hù)需要駐足思考是否要填寫(xiě)的字段處標(biāo)記。

譯者注：從原文評(píng)論來(lái)看，這一段是爭(zhēng)議很大的一個(gè)地方：是必填字段標(biāo)記呢還是非必填字段標(biāo)記？

本文作者語(yǔ)法以及用詞上有些怪怪的，加上缺少必要的示例，所以這段譯文（雖然中文）理解起來(lái)并不順溜，我個(gè)人覺(jué)得作者的結(jié)論應(yīng)該是正確與合理的（畢竟做過(guò)大量實(shí)際用戶(hù)使用的測(cè)試，比設(shè)計(jì)師或開(kāi)發(fā)者的冥想要靠譜多），但是，在原因的闡述上顯得單薄了點(diǎn)，也可能是因?yàn)樽约海ㄖ缸g者）這方面了解不深。按照作者的解釋?zhuān)瑔渭兪褂茫�紅色的*）星號(hào)標(biāo)注必填字段有一定的學(xué)習(xí)成本，會(huì)讓用戶(hù)有學(xué)習(xí)負(fù)擔(dān)，反而增加出錯(cuò)幾率。

“必填選項(xiàng)的概念類(lèi)似于離線(xiàn)概念”，我想可能意思指：我們平時(shí)訪(fǎng)問(wèn)網(wǎng)頁(yè)，基本上都是處于在線(xiàn)狀態(tài)（雖然HTML5有離線(xiàn)訪(fǎng)問(wèn)）（我們沒(méi)有必要專(zhuān)門(mén)在頁(yè)面上弄個(gè)符號(hào)（eg. ※）表示當(dāng)前頁(yè)面在線(xiàn)），因此，對(duì)于網(wǎng)頁(yè)而言，離線(xiàn)這個(gè)概念就意義不大；同樣的，表單選項(xiàng)基本上都是需要填寫(xiě)的，特意的使用某個(gè)符號(hào)標(biāo)示這個(gè)必填的也是多此一舉沒(méi)有多大意義的概念。

我們或許過(guò)多地站在開(kāi)發(fā)者以及軟件測(cè)試人員的角度去看待表單設(shè)計(jì)了，如上面提到的“開(kāi)發(fā)者的黑白方式”，因?yàn)槲易约阂彩情_(kāi)發(fā)者，所以對(duì)于“星號(hào)是必填，沒(méi)有星號(hào)選填”很容易理解，但是，實(shí)際用戶(hù)是這種思維習(xí)慣，是這樣想的嗎？軟件測(cè)試人員也是作為極端作惡用戶(hù)（非上面提到的優(yōu)質(zhì)用戶(hù)）去使用表單，一些站在自身角度的認(rèn)知確實(shí)會(huì)讓我們對(duì)表單有經(jīng)久的錯(cuò)誤認(rèn)識(shí)。

至于最后的用戶(hù)表單完成終止我想可能只指：對(duì)于大部分正常使用用戶(hù)，其表單填寫(xiě)行為終止為被動(dòng)阻止或主動(dòng)點(diǎn)擊按鈕。所謂被動(dòng)阻止，可能包括即時(shí)的錯(cuò)誤提交；主動(dòng)點(diǎn)擊按鈕可能包括點(diǎn)擊按鈕提交等。為尋找案例，我去了企鵝微博綁定注冊(cè)頁(yè)面，發(fā)現(xiàn)，其表單所以選項(xiàng)都沒(méi)有必填字段的提示，所有的必填提示均出現(xiàn)在表單提交之時(shí)（即“用戶(hù)觸碰了某個(gè)按鈕”“某些事件的阻止”），這些都是我比較贊同的——相對(duì)比于有些落后（指注冊(cè)交互）的攜程、點(diǎn)評(píng)之類(lèi)，例如攜程注冊(cè)每項(xiàng)都必填，紅色星號(hào)顯然多余；為空必填即時(shí)提醒容易中斷用戶(hù)操作，實(shí)際是稍稍落后于趨勢(shì)可以進(jìn)一步優(yōu)化的體驗(yàn)。

下面兩張截圖以騰訊微博注冊(cè)頁(yè)面為例分別演示：阻止用戶(hù)填寫(xiě)表單的事情，以及“不標(biāo)記必填字段”。

這里所有字段都是必填的

標(biāo)簽： 表單設(shè)計(jì) 交互設(shè)計(jì) 用戶(hù)體驗(yàn) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。