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

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

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

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

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

1. 不要標記必填字段

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

解決方法很簡單，可選字段標記，優(yōu)質(zhì)用戶需要駐足思考是否要填寫的字段處標記。

譯者注：從原文評論來看，這一段是爭議很大的一個地方：是必填字段標記呢還是非必填字段標記？

本文作者語法以及用詞上有些怪怪的，加上缺少必要的示例，所以這段譯文（雖然中文）理解起來并不順溜，我個人覺得作者的結(jié)論應(yīng)該是正確與合理的（畢竟做過大量實際用戶使用的測試，比設(shè)計師或開發(fā)者的冥想要靠譜多），但是，在原因的闡述上顯得單薄了點，也可能是因為自己（指譯者）這方面了解不深。按照作者的解釋，單純使用（紅色的*）星號標注必填字段有一定的學(xué)習(xí)成本，會讓用戶有學(xué)習(xí)負擔，反而增加出錯幾率。

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

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

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

下面兩張截圖以騰訊微博注冊頁面為例分別演示：阻止用戶填寫表單的事情，以及“不標記必填字段”。

這里所有字段都是必填的

標簽： 表單設(shè)計 交互設(shè)計 用戶體驗 

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