轉(zhuǎn)載自：

An Extensive Guide To Web Form Usability

作者：Justin Mifsud

小的水平有限，詞不達意，忘見諒～！肯定漏洞百出，請隨便恥笑指正～！

泛議網(wǎng)絡(luò)表單可用性規(guī)范

以下做法與你將讀到的內(nèi)容完全背離，那就是為你的表單點綴漂亮的按鈕，顏色以及排版甚至充沛的jQuery插件，這些都無助于可用性。事實上，這么做你只是（通過沒有歸整過的方式）實現(xiàn)了表單可用性的三分之一。

在這篇文章中，我們將提供便于你執(zhí)行且切實可行的規(guī)范。這些精心編排制作的規(guī)范是來源于可用性測試，實施現(xiàn)場測試，網(wǎng)絡(luò)站點追蹤，視線追蹤，網(wǎng)頁在線分析及客戶支持部門獲取的客戶投訴。

為什么網(wǎng)絡(luò)表單可用性如此重要

ISO 9241標(biāo)準(zhǔn)將網(wǎng)站可用性定義為“高效，有效地滿足特定用戶在某個環(huán)境中達到特定目的。”當(dāng)使用一個站點時，用戶有一個特定目標(biāo)。如果設(shè)計的好，站點會達到這個目標(biāo)并與站點背后的機構(gòu)目標(biāo)一致。表單經(jīng)常是存在于用戶目標(biāo)以及（站點）機構(gòu)目標(biāo)的中間，因為，盡管人機交互不斷發(fā)展，表單依舊是用戶在站點操作的主導(dǎo)樣式。事實上，表單經(jīng)常被認(rèn)為是完成目標(biāo)進程中最后和最重要的環(huán)節(jié)。

讓我們通過討論表單使用的三大主要方式來解釋這個觀點。就像Luke Wroblewski在他書中（Web Form Design： Filling in the Blanks網(wǎng)絡(luò)表單設(shè)計：填補空白）所陳述的，每個表單都因三大主要原因中的某個要素而存在：商業(yè)，社交或者生產(chǎn)力。以下表格將這些要素轉(zhuǎn)換成了原因背后的用戶/商業(yè)目標(biāo)：

以上表格內(nèi)容參考自Luke Wroblewski’s Web Form Design： Filling in the Blanks

綜上，表單和可用性的關(guān)系有兩方面：

1. 表單是用戶能否達成使用目標(biāo)的關(guān)鍵點。

2. 表單應(yīng)幫助用戶便捷地完成目標(biāo)。

本文關(guān)注于第二點，因為一個易用表單會自然而然提升整站使用性，繼而關(guān)系到第一點。

構(gòu)成網(wǎng)絡(luò)表單的6個組成部分：

網(wǎng)絡(luò)表單是設(shè)計師和用戶的關(guān)鍵點和糾結(jié)點。長久以來，用戶已經(jīng)形成了對表單視覺及操作行為的預(yù)期。 他們通常希望網(wǎng)絡(luò)表單有以下6個組成部分：

1. 標(biāo)簽

告訴用戶相應(yīng)輸入?yún)^(qū)域的意思。

2. 輸入?yún)^(qū)域

輸入?yún)^(qū)域讓用戶可以提出反饋意見。 這包含了文字輸入?yún)^(qū)，密碼輸入?yún)^(qū)，多選項，單選項，滾動條等等。

3. 行為

是指鏈接或者按鈕，當(dāng)用戶點擊，執(zhí)行一個操作，比如提交表單。

4. 幫助

為如何填寫表單提供幫助。

5. 信息

針對用戶輸入給出反饋。用戶會得到確認(rèn)（比如表單被成功提交的提示）或否定（‘您所輸入的用戶名已被使用’）。

6. 確認(rèn)

這些措施保證了將用戶提交的數(shù)據(jù)確認(rèn)為可接受參數(shù)。

Skype的注冊表單包含了所有6個部分。

通過三方面實現(xiàn)表單可用性

盡管在布局，功能，意圖上存在不同，所有的表單都包含3大部分，就如Caroline Jarrett and Gerry Gaffney在他們書中（Forms That Work： Designing Web Forms for Usability表單實現(xiàn)：為可用性設(shè)計表單）所記：

1. 關(guān)系

表單建立了用戶與（網(wǎng)絡(luò)平臺）機構(gòu)之間的關(guān)系

2. 對話

表單建立起用戶與機構(gòu)之間的對話

3. 外觀

基于表單的外觀，建立起關(guān)系和對話

對于一個易用表單，應(yīng)該包含這3部分。讓我們依次來看， 配合方便執(zhí)行的實用規(guī)范，繼而理解怎樣讓表單真正易用。

第一部分：關(guān)系

“沒有人是孤立的”，17世紀(jì)英國詩人，諷刺作家，律師以及牧師John Donne曾經(jīng)說過。的確，人類因各種關(guān)系而豐富，愛慕的，友好的，專業(yè)的或商業(yè)的。表單的意義在于建立或者提升用戶與機構(gòu)之間的關(guān)系。當(dāng)這部分做糟糕時，關(guān)系就會被終結(jié)。

有一些顯現(xiàn)出的原理需要被牢記心中：

1. 關(guān)系建立在信任的基礎(chǔ)上

所以在你的表單中建立信任是非常關(guān)鍵的。這可以通過標(biāo)志，圖像，顏色，排版以及文字來實現(xiàn)。用戶會切實感受到表單來自一個（可信賴的）坦誠機構(gòu)。

2. 每種關(guān)系都有一個目的

在浪漫緩和的關(guān)系中得到愉悅或在商業(yè)關(guān)系中達到財務(wù)盈利目的。問問你自己，你的表單有什么目的？

3. 基于表單名稱展現(xiàn)意圖

名稱會提示用戶該表單是關(guān)于什么且為什么用戶必須填寫。

4. 相互了解

就像在某種關(guān)系中一樣，相互了解對方是非常重要的。充分了解用戶且經(jīng)�？紤]你的問題是否恰如其分，是否適時。這會給你的表單灌輸一條自然流程。

5. 選擇適當(dāng)?shù)恼Z言并移除多余的文字

了解用戶會幫助你選擇適當(dāng)?shù)恼Z言并移除多余文字。它會幫你創(chuàng)建一個可平衡你的需求和用戶需求的界面。

6. 不要問超出表單范疇的問題。

在某種關(guān)系中，你會對那些問了越界問題的人產(chǎn)生懷疑（排斥）。這種情況同樣發(fā)生于在線模式。充分考慮相關(guān)參與者繼而決定什么信息是真正需要的。

7. 行為和表面的突然變更

這會讓用戶感到不安。 同樣的，永遠不要在表格中或者表格填寫的2個步驟中安插突然變更。

標(biāo)簽：  捎瞇怨娣

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