|
2. 輸入?yún)^(qū)域
a. 輸入?yún)^(qū)域種類
根據(jù)需求提供相應(yīng)的輸入?yún)^(qū)域樣式。對(duì)應(yīng)用戶習(xí)慣，每種不同類型的輸入框都有自身特性。比如對(duì)于單一選擇結(jié)果使用radio buttons，多選項(xiàng)使用check box。
b. 自定義輸入?yún)^(qū)域
不要?jiǎng)?chuàng)造新的輸入?yún)^(qū)域樣式。這在早期Flash站點(diǎn)上非常多見(jiàn)，而且現(xiàn)在死灰復(fù)燃了；我見(jiàn)過(guò)用jQuery開(kāi)發(fā)的稀奇古怪的輸入?yún)^(qū)設(shè)計(jì)。簡(jiǎn)單才往往是最便于使用的。盡可能地將輸入?yún)^(qū)樣式向原裝HTML樣式靠攏。
高亮輸入?yún)^(qū)會(huì)讓用戶疑惑。
c. 限制輸入?yún)^(qū)格式
如果你不得不限制用戶輸入數(shù)據(jù)的格式，至少不要使用會(huì)惹怒用戶的方法。比如，與其在輸入框后顯示MM/DD/YYYY來(lái)提示用戶，不如考慮提供3個(gè)下拉，或給個(gè)日歷選取。
d. 必填項(xiàng)vs.可選項(xiàng)
對(duì)用戶清晰區(qū)分不可以被留白的輸入框。常規(guī)方法是使用星號(hào)標(biāo)注（*）。只要能說(shuō)明意圖，用任何元素都可以，哪怕就是一個(gè)星號(hào)。
3. 行為
a. 主要行為vs.次要行為
主要行為是指鏈接和按鈕這類完成“最終”功能必不可少的行為，比如“保存”和“提交”。次要行為是指“返回”和“取消”，使用戶可以撤銷其已經(jīng)輸入的數(shù)據(jù)。如果點(diǎn)擊錯(cuò)誤，次要行為基本上會(huì)導(dǎo)致非預(yù)期結(jié)果，所以可能的話盡量使用主要行為。如果不得不使用到次要行為，對(duì)應(yīng)主要行為減弱次要行為的視覺(jué)比重。
缺乏明顯區(qū)別的主次行為會(huì)導(dǎo)致失敗。看看在St. Louis Community College站點(diǎn)冗長(zhǎng)的登記注冊(cè)表單上的按鈕，想象一下萬(wàn)一誤操作點(diǎn)了“重設(shè)表單”……
b. 命名規(guī)范
避免用通用詞匯如“提交”命名行為，因?yàn)樗鼤?huì)讓表單顯得很平庸。 使用描述性的文字和短語(yǔ)，例如“加入LinkedIn”會(huì)更好。
盡管可口可樂(lè)正確地提升了主要行為按鈕的重要性，但它用了泛泛的“提交”作為按鈕描述，使用“加入我們”會(huì)更有幫助。
4.幫助
a. 表單隨同提示
你應(yīng)該從來(lái)沒(méi)有機(jī)會(huì)為用戶解釋怎么填寫表單。如果它看起來(lái)不像表單或者特別復(fù)雜，那么重新設(shè)計(jì)可能是你唯一的選擇。隨同提示應(yīng)該在需要的地方使用，比如解釋一下為什么信用卡信息是必填的或者生日信息會(huì)被如何使用或關(guān)聯(lián)到“使用期限”。這類信息很容易被忽略，所以要讓它言簡(jiǎn)意賅容易閱讀。所以規(guī)則是：不要讓解釋（統(tǒng)算）超過(guò)100字。
b. 用戶觸發(fā)和自動(dòng)幫助
比起在每個(gè)輸入框下放上提示信息，不如在需要的時(shí)候再展現(xiàn)出來(lái)。你可以在輸入框附近放置一個(gè)小圖標(biāo)，當(dāng)用戶需要關(guān)于這個(gè)區(qū)域的幫助可以點(diǎn)擊它。更完美的方案是當(dāng)用戶激活輸入框要輸入數(shù)據(jù)的時(shí)候，自動(dòng)顯示提示。相對(duì)于通過(guò)JavaScript庫(kù)比如jQuery來(lái)實(shí)現(xiàn)，這類效果更常見(jiàn)更容易。
Skype的注冊(cè)表單包含了用戶觸發(fā)幫助（上方通過(guò)點(diǎn)擊問(wèn)題標(biāo)識(shí)觸發(fā)的藍(lán)色框）以及自動(dòng)幫助（建議的用戶名）
5. 信息
a. 錯(cuò)誤提示
這類信息提示用戶出錯(cuò)，常用來(lái)防止用戶（在出錯(cuò)的情況下）過(guò)于深入表單進(jìn)程。可以通過(guò)以下方式來(lái)突出錯(cuò)誤提示：顏色（通常是紅色），熟悉的圖像符號(hào)（比如一個(gè)警示標(biāo)記），強(qiáng)調(diào)突出（通常在表單上方或者錯(cuò)誤發(fā)生的位置周邊），大字體，或者綜合使用這些方式。
b. 成功提示
用成功提示來(lái)告訴用戶他在表單進(jìn)程中達(dá)到了某個(gè)有意義的節(jié)點(diǎn)。如果表單過(guò)于冗長(zhǎng)，一個(gè)成功提示信息能鼓勵(lì)用戶繼續(xù)把它填完。就像錯(cuò)誤提示，成功提示也應(yīng)該突出顯示。不過(guò)它不能阻礙用戶的表單進(jìn)程。
6.確認(rèn)
a. 只在需要的地方出現(xiàn)
過(guò)多的確認(rèn)和無(wú)確認(rèn)一樣糟糕，因?yàn)樗鼤?huì)讓用戶疲乏。 確認(rèn)應(yīng)被限制應(yīng)用于關(guān)鍵點(diǎn)（比如用戶姓名可用性），確保有實(shí)際意義的回答（比如不允許年齡超過(guò)130）以及給出建設(shè)性答案，比如面對(duì)有限但長(zhǎng)得要用下拉列表來(lái)顯示的答案（如國(guó)家代碼的前綴）。
b. 智能默認(rèn)值
為了保證讓用戶更快更準(zhǔn)確地完成表單，設(shè)置智能的默認(rèn)值。比如，根據(jù)用戶IP地址預(yù)選用戶國(guó)家。不過(guò)得謹(jǐn)慎使用這項(xiàng)功能，因?yàn)橛脩魰?huì)趨向于就這么放著預(yù)先填入的部分（而不做確認(rèn)）。
Twitter的注冊(cè)表單使用了自動(dòng)確認(rèn)（針對(duì)姓名，郵件地址，密碼和用戶名）以及智能默認(rèn)值（“保持登錄狀態(tài)”）。
（結(jié)論）開(kāi)始
“結(jié)論”這個(gè)詞用在這里并不確切。讓這成為將我所寫的內(nèi)容應(yīng)用到你自己表單的起點(diǎn)。好消息是關(guān)于這一切還有很多可以說(shuō)，你可以對(duì)應(yīng)每個(gè)觀點(diǎn)找到充足的資源。為準(zhǔn)備開(kāi)始的你列出以下三本給我寫作靈感的書：就像我在開(kāi)頭寫的，將調(diào)整用戶（視覺(jué)）界面作為捷徑并不能使你的表單實(shí)現(xiàn)可用性。我還能多說(shuō)什么？觀點(diǎn)在于你。快動(dòng)起手來(lái)。
擴(kuò)展閱讀
本文鏈接：http://www.95time.cn/design/doc/2011/8662.asp 
出處：攜程UED
責(zé)任編輯：bluehearts
上一頁(yè) 泛議網(wǎng)絡(luò)表單可用性規(guī)范 [5] 下一頁(yè)
|
第 1 頁(yè) 
第 6 頁(yè) 泛議網(wǎng)絡(luò)表單可用性規(guī)范 [6]
