原文地址：http://hi.baidu.com/webwatch/blog/item/9393861b97adeff8ae51335d.html
本
文試圖闡述WEB交互頁面設計的一些指導性原則，這些原則有利于避免發生不愉快的操作體驗。這些原則是用戶友好性的，是在完成同一種操作要求下，使用戶最感到輕松、簡單、舒適的WEB交互界面設計原則。我們假定我們討論的WEB頁面都是功能正常的，符合美學觀點的。需要說明我們討論的原則可能會和設計上的美學觀點以及既有的功能設計有所沖突。如果發生這種情況，基于“實用的就是美的”觀點，我們會建議您酌情放棄原先的美學觀點與功能設計。
1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現頁面加載完成后立即自動聚焦(focus)到第一個輸入控件。可用TAB鍵（IE缺省實現）或方向鍵切換聚焦到下一個輸入控件。
2. 可用Enter（或Ctrl＋Enter）鍵提交，確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3．鼠標動作提示和回應
對用戶的鼠標定位操作，當移動到可響應的位置上時，應給予視覺或聽覺的提示。
4．盡可能早的在客戶端完成輸入數據合法性驗證
輸入數據的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在服務器端完成，否則驗證工作應在最早能完成的情況下進行。
5．根據應用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面
根據應用場景，決定是否顯示接收表單頁面（表單頁面和提交后返回頁面間的中間過渡頁面），以及使用何種方式顯示接收表單頁面。
6．防止表單重復提交處理
對提交按鈕點擊后做變灰處理避免在網絡響應較慢情況下用戶重復提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復提交表單。
7．頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言，首頁上鏈接可以使用target=”_blank”屬性打開新窗口，而其他頁面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內容相對原頁面來說不重要，是附屬性質的，可以使用彈出窗口方式。
8．盡可能少的排列可選項，盡可能少的安排操作步驟
根據用戶操作習慣安排盡可能少的操作菜單選項，同時要保證盡可能少的操作步驟。
9．操作邏輯無漏洞，保證數據是操作安全的
多個頁面間的操作和同個頁面上的多個操作間的邏輯關系在設計上是安全和嚴謹的。保證不會出現不被允許的用戶操作組合，至少不會因為用戶的不適當的操作導致出錯。
posted on 2008-10-20 16:45
阿蜜果 閱讀(892)
評論(0) 編輯 收藏 所屬分類:
Web