1. 輸入控件的自動聚焦和(hé)可(kě)用鍵盤切換輸入焦點
使用JavaScript實現頁面加載完成後立即自動聚焦(focus)到第一個(gè)輸入控件。可(kě)用TAB鍵(IE缺省實現)或方向鍵切換聚焦到下一個(gè)輸入控件。
2. 可(kě)用Enter(或Ctrl+Enter)鍵提交,确保和(hé)點擊提交按鈕的效果是相同的
不要在提交按鈕上(shàng)加入onClick=”…”這樣的JavaScript代碼。
3.鼠标動作(zuò)提示和(hé)回應
對用戶的鼠标定位操作(zuò),當移動到可(kě)響應的位置上(shàng)時(shí),應給予視(shì)覺或聽(tīng)覺的提示。
4.盡可(kě)能早的在客戶端完成輸入數(shù)據合法性驗證
輸入數(shù)據的合法性檢驗應該在客戶端使用JavaScript進行(xíng)驗證。除非驗證隻能在服務器(qì)端完成,否則驗證工作(zuò)應在最早能完成的情況下進行(xíng)。
5.根據應用場(chǎng)景決定在表單頁面和(hé)提交後返回頁面間(jiān)是否使用中間(jiān)過渡頁面
根據應用場(chǎng)景,決定是否顯示接收表單頁面(表單頁面和(hé)提交後返回頁面間(jiān)的中間(jiān)過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重複提交處理(lǐ)
對提交按鈕點擊後做(zuò)變灰處理(lǐ)避免在網絡響應較慢情況下用戶重複提交同一個(gè)表單。使用頁面過期失效避免用戶後退浏覽重複提交表單。
7.頁面鏈接是打開(kāi)新窗口、使用原窗口還(hái)是彈出窗口的原則
一般而言,首頁上(shàng)鏈接可(kě)以使用target=”_blank”屬性打開(kāi)新窗口,而其他頁面上(shàng)的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來(lái)說不重要,是附屬性質的,可(kě)以使用彈出窗口方式。
8.盡可(kě)能少(shǎo)的排列可(kě)選項,盡可(kě)能少(shǎo)的安排操作(zuò)步驟
根據用戶操作(zuò)習慣安排盡可(kě)能少(shǎo)的操作(zuò)菜單選項,同時(shí)要保證盡可(kě)能少(shǎo)的操作(zuò)步驟。
9.操作(zuò)邏輯無漏洞,保證數(shù)據是操作(zuò)安全的
多(duō)個(gè)頁面間(jiān)的操作(zuò)和(hé)同個(gè)頁面上(shàng)的多(duō)個(gè)操作(zuò)間(jiān)的邏輯關系在設計(jì)上(shàng)是安全和(hé)嚴謹的。保證不會(huì)出現不被允許的用戶操作(zuò)組合,至少(shǎo)不會(huì)因為(wèi)用戶的不适當的操作(zuò)導緻出錯。