- 相關推薦
用戶體驗式網頁制作方法
導語:用戶體驗式的網頁更加能夠滿足用戶的要求。下面是相關制作方法,歡迎參考!
1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現(xiàn)頁面加載完成后立即自動聚焦(focus)到第一個輸入控件?捎肨AB鍵(IE缺省實現(xiàn))或方向鍵切換聚焦到下一個輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標動作提示和回應
對用戶的鼠標定位操作,當移動到可響應的位置上時,應給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數(shù)據合法性驗證
輸入數(shù)據的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在服務器端完成,否則驗證工作應在最早能完成的情況下進行。
5.根據應用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面
根據應用場景,決定是否顯示接收表單頁面(表單頁面和提交后返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重復提交處理
對提交按鈕點擊后做變灰處理避免在網絡響應較慢情況下用戶重復提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁上鏈接可以使用target=”_blank”屬性打開新窗口,而其他頁面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內容相對原頁面來說不重要,是附屬性質的,可以使用彈出窗口方式。
8.盡可能少的排列可選項,盡可能少的安排操作步驟
根據用戶操作習慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。
9.操作邏輯無漏洞,保證數(shù)據是操作安全的
多個頁面間的操作和同個頁面上的多個操作間的邏輯關系在設計上是安全和嚴謹?shù)。保證不會出現(xiàn)不被允許的用戶操作組合,至少不會因為用戶的不適當?shù)牟僮鲗е鲁鲥e。
【用戶體驗式網頁制作方法】相關文章:
網頁設計與用戶體驗08-15
網頁制作方法講解11-11
如何做出用戶喜歡的網頁09-15
10個優(yōu)化網頁用戶界面網頁設計的規(guī)則08-21
吸引用戶的網頁設計技巧07-03
用戶都喜歡的網頁設計技巧08-26
網頁設計新思路故事吸引用戶07-28
網頁設計和用戶界面設計漫談06-19
如何建立一個讓用戶信任的網頁10-23