Web交互易用(yòng)性指導原則

　　1. 輸入控件的(de)自動聚焦和(hé)可(kě)用(yòng)鍵盤切換輸入焦點

　　使用(yòng)JavaScript實現頁面加載完成後立即自動聚焦(focus)到第一個(gè)輸入控件。可(kě)用(yòng)TAB鍵(IE缺省實現)或方向鍵切換聚焦到下(xià)一個(gè)輸入控件。

　　2. 可(kě)用(yòng)Enter(或Ctrl+Enter)鍵提交，确保和(hé)點擊提交按鈕的(de)效果是相同的(de)

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

　　3.鼠标動作提示和(hé)回應

　　對(duì)用(yòng)戶的(de)鼠标定位操作，當移動到可(kě)響應的(de)位置上時(shí)，應給予視覺或聽(tīng)覺的(de)提示。

　　4.盡可(kě)能早的(de)在客戶端完成輸入數據合法性驗證

　　輸入數據的(de)合法性檢驗應該在客戶端使用(yòng)JavaScript進行驗證。除非驗證隻能在服務器端完成，否則驗證工作應在最早能完成的(de)情況下(xià)進行。

　　5.根據應用(yòng)場(chǎng)景決定在表單頁面和(hé)提交後返回頁面間是否使用(yòng)中間過渡頁面

　　根據應用(yòng)場(chǎng)景，決定是否顯示接收表單頁面(表單頁面和(hé)提交後返回頁面間的(de)中間過渡頁面)，以及使用(yòng)何種方式顯示接收表單頁面。

　　6.防止表單重複提交處理(lǐ)

　　對(duì)提交按鈕點擊後做(zuò)變灰處理(lǐ)避免在網絡響應較慢(màn)情況下(xià)用(yòng)戶重複提交同一個(gè)表單。使用(yòng)頁面過期失效避免用(yòng)戶後退浏覽重複提交表單。

　　7.頁面鏈接是打開新窗(chuāng)口、使用(yòng)原窗(chuāng)口還(hái)是彈出窗(chuāng)口的(de)原則

　　一般而言，首頁上鏈接可(kě)以使用(yòng)target=”_blank”屬性打開新窗(chuāng)口，而其他(tā)頁面上的(de)鏈接都應使用(yòng)原窗(chuāng)口或彈出窗(chuāng)口。如果鏈接頁面内容相對(duì)原頁面來(lái)說不重要，是附屬性質的(de)，可(kě)以使用(yòng)彈出窗(chuāng)口方式。

　　8.盡可(kě)能少的(de)排列可(kě)選項，盡可(kě)能少的(de)安排操作步驟

　　根據用(yòng)戶操作習(xí)慣安排盡可(kě)能少的(de)操作菜單選項，同時(shí)要保證盡可(kě)能少的(de)操作步驟。

　　9.操作邏輯無漏洞，保證數據是操作安全的(de)

　　多(duō)個(gè)頁面間的(de)操作和(hé)同個(gè)頁面上的(de)多(duō)個(gè)操作間的(de)邏輯關系在設計上是安全和(hé)嚴謹的(de)。保證不會出現不被允許的(de)用(yòng)戶操作組合，至少不會因爲用(yòng)戶的(de)不适當的(de)操作導緻出錯。