Web交互易用性指導(dǎo)原則

2007-06-28 17:48:00

1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點

使用JavaScript實現(xiàn)頁面加載完成后立即自動聚焦(focus)到第一個輸入控件?？捎肨AB鍵（IE缺省實現(xiàn)）或方向鍵切換聚焦到下一個輸入控件。

2. 可用Enter（或Ctrl＋Enter）鍵提交，確保和點擊提交按鈕的效果是相同的

不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。

3．鼠標(biāo)動作提示和回應(yīng)

對用戶的鼠標(biāo)定位操作，當(dāng)移動到可響應(yīng)的位置上時，應(yīng)給予視覺或聽覺的提示。

4．盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗證

輸入數(shù)據(jù)的合法性檢驗應(yīng)該在客戶端使用JavaScript進(jìn)行驗證。除非驗證只能在服務(wù)器端完成，否則驗證工作應(yīng)在最早能完成的情況下進(jìn)行。

5．根據(jù)應(yīng)用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面

根據(jù)應(yīng)用場景，決定是否顯示接收表單頁面（表單頁面和提交后返回頁面間的中間過渡頁面），以及使用何種方式顯示接收表單頁面。

6．防止表單重復(fù)提交處理

對提交按鈕點擊后做變灰處理避免在網(wǎng)絡(luò)響應(yīng)較慢情況下用戶重復(fù)提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復(fù)提交表單。

7．頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則

一般而言，首頁上鏈接可以使用target=”_blank”屬性打開新窗口，而其他頁面上的鏈接都應(yīng)使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來說不重要，是附屬性質(zhì)的，可以使用彈出窗口方式。

8．盡可能少的排列可選項，盡可能少的安排操作步驟

根據(jù)用戶操作習(xí)慣安排盡可能少的操作菜單選項，同時要保證盡可能少的操作步驟。

9．操作邏輯無漏洞，保證數(shù)據(jù)是操作安全的

多個頁面間的操作和同個頁面上的多個操作間的邏輯關(guān)系在設(shè)計上是安全和嚴(yán)謹(jǐn)?shù)?。保證不會出現(xiàn)不被允許的用戶操作組合，至少不會因為用戶的不適當(dāng)?shù)牟僮鲗?dǎo)致出錯。

上一篇：打破常規(guī)的頁面設(shè)計方式