旗下網站(zhàn)
s

百科知識庫

報道(dào)公司事件 · 傳播行(xíng)業動态

Web交互易用性指導原則

發布日期:2016-10-24    發布者:曾铮

  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ò)導緻出錯。

Copyright 大(dà)連網龍科技(jì) 版權所有(yǒu)   html - txt -

電(diàn)話(huà)
客服