1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現頁麵加載完成後立即自動聚焦(focus)到第一個輸入控件。可用TAB鍵(IE缺省實現)或方向鍵切換聚焦到下一個輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標動作提示和回應
對用戶的鼠標定位操作,當移動到可響應的位置上時,應給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數據合法性驗證
輸入數據的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證隻能在服務器端完成,否則驗證工作應在最早能完成的情況下進行。
5.根據應用場景決定在表單頁麵和提交後返回頁麵間是否使用中間過渡頁麵
根據應用場景,決定是否顯示接收表單頁麵(表單頁麵和提交後返回頁麵間的中間過渡頁麵),以及使用何種方式顯示接收表單頁麵。
6.防止表單重複提交處理
對(dui)提(ti)交(jiao)按(an)鈕(niu)點(dian)擊(ji)後(hou)做(zuo)變(bian)灰(hui)處(chu)理(li)避(bi)免(mian)在(zai)網(wang)絡(luo)響(xiang)應(ying)較(jiao)慢(man)情(qing)況(kuang)下(xia)用(yong)戶(hu)重(zhong)複(fu)提(ti)交(jiao)同(tong)一(yi)個(ge)表(biao)單(dan)。使(shi)用(yong)頁(ye)麵(mian)過(guo)期(qi)失(shi)效(xiao)避(bi)免(mian)用(yong)戶(hu)後(hou)退(tui)瀏(liu)覽(lan)重(zhong)複(fu)提(ti)交(jiao)表(biao)單(dan)。
7.頁麵鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁上鏈接可以使用target=”_blank”屬shu性xing打da開kai新xin窗chuang口kou,而er其qi他ta頁ye麵mian上shang的de鏈lian接jie都dou應ying使shi用yong原yuan窗chuang口kou或huo彈dan出chu窗chuang口kou。如ru果guo鏈lian接jie頁ye麵mian內nei容rong相xiang對dui原yuan頁ye麵mian來lai說shuo不bu重zhong要yao,是shi附fu屬shu性xing質zhi的de,可ke以yi使shi用yong彈dan出chu窗chuang口kou方fang式shi。
8.盡可能少的排列可選項,盡可能少的安排操作步驟
根據用戶操作習慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。
9.操作邏輯無漏洞,保證數據是操作安全的
多(duo)個(ge)頁(ye)麵(mian)間(jian)的(de)操(cao)作(zuo)和(he)同(tong)個(ge)頁(ye)麵(mian)上(shang)的(de)多(duo)個(ge)操(cao)作(zuo)間(jian)的(de)邏(luo)輯(ji)關(guan)係(xi)在(zai)設(she)計(ji)上(shang)是(shi)安(an)全(quan)和(he)嚴(yan)謹(jin)的(de)。保(bao)證(zheng)不(bu)會(hui)出(chu)現(xian)不(bu)被(bei)允(yun)許(xu)的(de)用(yong)戶(hu)操(cao)作(zuo)組(zu)合(he),至(zhi)少(shao)不(bu)會(hui)因(yin)為(wei)用(yong)戶(hu)的(de)不(bu)適(shi)當(dang)的(de)操(cao)作(zuo)導(dao)致(zhi)出(chu)錯(cuo)。