跟你所知的相反，佈滿漂亮的按鈕、顏色和字型，再加上一大把jQuery外掛的表單並不一定好用。真的，這麼做只能（零散地）體現表單可用性的1/3。
本文中，我們將為你提供簡單實用的指南。這些精心製作的指南，囊括了可用性測試、實地測試、網站跟蹤，眼球跟蹤、網路分析，甚至還有使用者對客服人員的抱怨等諸多方面。
表單可用性緣何重要？
ISO 9241標準中對網站可用性的定義是：特定使用者在特定環境下，能夠快速、有效且滿意地完成特定的目標。使用者使用網站都是有目標的。 如果設計得好，網站不但會達到使用者的目標，還會將其與自身公司的目標聯絡起來。介乎使用者目標和公司目標之間的往往就是表單，因為，儘管人機互動發展迅速，表單仍然是使用者與網站互動的主要方式。實際上，表單經常被認作是完成目標的最後也是最重要的一站。
讓我們通過討論表單的三個主要作用來闡述下最後這一點。就像Luke Wroblewski在他的《web表單設計：點石成金的藝術》一書中說的一樣，每個表單的存在必有如下三個原因之一：商務、社群或效率。下面的表單把這三個原因轉化成了其背後的使用者目標和公司目標：
表單的作用，基於Luke Wroblewski的《web表單設計：點石成金的藝術》。
如此可見，表單和可用性有如下兩方面的關係：
1. 表單可以使網站好用或不好用，因為它們擋在使用者達成目標的路上。
2. 為了幫助使用者達成目標，表單必須要好用。
本文將重點講述第二點，因為表單好用了，網站的整體可用性自然會提升，也就是上面的第一點。
表單的六個組成部分
對於設計師和使用者來說，表單讓人愛恨交加。隨著時間的流逝，對於表單的表現形式和操作方式，使用者已有了自己的期望。基本上，他們期望表單包含如下六個部分：
1.標籤。告訴使用者相應的輸入域裡應該填什麼。
2.輸入域。供使用者提供反饋。包括文字輸入框、密碼輸入框、多選框、單選框和滑塊等。
3.操作。包括連結和按鈕，使用者點選後，會執行一項操作，比如提交表單。
4.幫助。為填寫表單提供幫助。
5.資訊。使用者輸入內容的反饋資訊。可能是肯定的（比如提示表單提交成功），也可能是否定的（“該使用者名稱已被註冊”）。
6.驗證。確保使用者提交的資料符合引數規則。
Skype的登錄檔單包含了以上六個部分。
通過三方面來解決表單的可用性問題
儘管在佈局、功能和目的上各有不同，所有的表單都有三個主要的方向，就像在Caroline Jarrett與Gerry Gaffney合著的《Web表單設計：建立高可用性的網頁表單》中寫的一樣：
1.關係。表單在使用者與公司之間建立關係。
2.對話。表單在使用者與公司之間建立對話。
3.介面。通過其展現方式，表單建立了關係和對話。
一個好用的表單，需要解決這三個方面的問題。讓我們依次來看，要讓一個表單真正好用需要遵循哪些指導方針，這樣你也能輕易上手。
第一方面：關係
17世紀的英國詩人、諷刺作家、律師和牧師約翰•多恩曾說過：沒人是一座孤島。確實，人類在關係中成長，不管它是戀愛關係、友好關係、職業關係還是商務關係。表單是建立或增強使用者與公司關係的一種方式。如果做得不好，它就會終結此關係。
既然如此，以下規則就顯而易見了：
● 關係要基於信任，因此在表單中建立信任至關重要。可以通過logo、影像、配色、字型和措辭來表達誠意。當使用者知道表單所屬公司是以誠相待時，他們就會放鬆警惕。
● 每一種關係都有目標，浪漫關係的目標是愛和幸福，商業關係的目標是財務增長。自問一下，你的表單目標何在？
● 表單名字要能表達其意圖。表單名要告知使用者表單是什麼，他們為什麼要填寫。
● 一段關係中，瞭解對方很重要。要了解你的使用者並且深入思考，表單上的問題在形式上是否合理，在位置上是否合適。經過這樣思考的表單，流程自然很順暢。
● 瞭解使用者，對於選擇合適的語言和剔除冗餘的文字同樣有幫助。這樣打造的介面，才能在使用者需求與你的需求之間找到平衡。
● 不要問表單範圍以外的問題。一段關係裡，問話不合時宜的人會不被信任。網上亦然。跟相關股東們商量下究竟需要哪些資訊吧。
● 效能或介面的突變會讓使用者無所適從。同樣的，各表單之間或者一個表單的幾個步驟之間，絕對不能有突變。
瞭解你的使用者。讓註冊使用者易登入，讓新使用者易註冊。在Debenhams網站上，這兩種表單幾乎沒有區別。
另一方面，亞馬遜的表單把註冊使用者和新使用者合二為一了。
第二方面：對話
表單即對話。對話代表兩方的相互交流，此例中的雙方即使用者與公司。實際上，使用者填寫表單就是為了與公司交流。
例如，社交網站中，使用者通過填寫登錄檔單來告訴公司他們願意加入。在接受使用者申請時（不管是自動還是手動的），公司會（以標籤的形式）問使用者一系列問題，如姓氏、名字、電郵地址等。一旦使用者接受條款（或拒絕），公司就會反饋結果，完成對話全過程。
來看看從這方面得出的一些實用指南：
● 前面已經提到，表單是對話，而不是問話。強勢的用語會讓使用者難以接受，因此，（如果他們不就此離開的話）他們會給出一個你想要的答案，而不是他們的真實感受。
● 標籤的排序要有邏輯性，要能反映對話的流程。例如，先問別人一大堆的問題，然後再問姓名，不覺得這很奇怪嗎？相關度越高的問題越應該要放到後面問。
● 歸類同種資訊，比如個人介紹可歸為一類。好的對話是由一組問題接一組問題組成的。
雅虎的登錄檔單通過紫色標題和細線把相關資訊進行了有效的歸類。
Constant Contact的類別太多了，這樣會讓使用者困惑的。
● 跟真實對話一樣，每個標籤每次只應突出一個主題，這樣才能幫助使用者在相應的輸入域中作出應答。
● 對話中會有自然的停頓，表單中則表現為應該在哪裡留白，如何歸類標籤，以及是否分頁。
● 任何對話，人們都會因背景噪音而分心。因此，去除諸如banner和不必要的導航之類的雜亂資訊，避免讓使用者分心。
Dropbox的登錄檔單堪稱模範。留白適宜，頁面簡潔。
第三方面：介面
介面或者UI對於web表單的可用性極為重要，為此列出如下指南。簡便起見，我們將其按照前面說的六個部分進行了歸類。
1.標籤
● 單詞或句子。如果標籤容易理解，比如詢問姓名或電話號碼，一到兩個單詞就足矣。但是詞語或句子更能準確表述。
亞馬遜的登錄檔單用的全是句子，儘管有些地方單個詞語就能搞定。
● 句子形式或標題形式。是像“Name and Surname” 還是像 “Name and surname”？句子形式從語法角度比標題更容易（也就更快）理解。還有一點要明確：一定不要用大寫，不然表單會看起來不專業且難以閱讀。
要快速瀏覽Barnes & Noble的登錄檔單得有多難啊？
● 標籤後面加冒號。一些桌面程式和諸如Windows之類的作業系統建議在表單標籤後面加冒號。一些web表單的設計師也信奉此準則，主要是因為老的螢幕閱讀器（供盲人使用的一種工具）是依據冒號來鑑別標籤。而新的螢幕閱讀器則依據標示（尤其是標籤tag）。也就是說，冒號的存在，既不會增強也不會減弱表單的可用性，只要形式統一就行了。
● 標籤的對齊：上對齊、左對齊還是右對齊。 跟一般的建議相反，輸入域上方並不總是放置標籤的最佳位置。如果想讓使用者儘快填完表單，這樣做是最最好的。但有時為了讓使用者閱讀標籤，你會故意想讓他們慢 下來。還有，把長表單用一頁顯示，讓使用者滾動頁面，要比分成幾頁，每頁只有一屏的效果好。每一種的對齊方式都有其利弊。
從Matteo Penzo的《表單標籤的放置》獲取的資料。
表單絕對不能分多列顯示。看看Makeup Geek這個表單的右列，很容易被忽略掉（更別說底部的“必填項”宣告瞭）。
2.輸入域
● 輸入域型別。要根據需要選擇合適的輸入域型別。每種輸入域都有一些使用者習以為常的特性。例如，如果只能選中一個，就用單選按鈕，如果可以多選則用核取方塊。
● 定製輸入域。不要發明新的輸入域型別。在早期的flash網站上這很常見，現在似乎又有迴歸的跡象：我看到了一些超爛的使用jQuery的輸入域。簡單最實用。儘量讓輸入域看起來跟HTML中展現的一個樣。
改變輸入域的介面會讓使用者困惑。
● 限制輸入域的格式。如果不得不限制使用者輸入資料的格式，那麼一定要用一種不觸怒使用者的方法。例如，與其用文字框+“MM/DD/YYYY”標籤來表示日期，不如用三個下拉框或者更合適的日曆控制元件來代替。
● 必填和選填。要讓使用者清楚地知道哪些輸入域不能留空。一般都用*號表示必填。其他符號也可以用，只要能看到其文字說明就好（即使是*號要有說明）。
3.操作
● 主要操作和次要操作。 主要操作就是執行最後功能的連結和按鈕，例如“儲存”和“提交”。次要操作，諸如“後退”和“取消”，可以讓使用者撤消已經輸入的資料。如果被誤點了，次要 操作一般會產生不愉快的結果，所以儘量只用主要操作。如果必須要有次要操作，那麼也要讓它們看起來沒主要操作那麼顯眼。
不明確區分主次操作會很容易出事。上面的操作按鈕，是在聖路易斯社群大學長長的報名單的最後面，想想看誤按了“重設表單（reset form）”的後果吧。
● 命名規則。避免使用“註冊”之類的常規詞語，這樣會讓使用者覺得整個表單都沒意思。用“加入LinkedIn”之類的描述性單詞或短語會更好一些。
