當前位置:才華齋>設計>美工設計>

網頁美工設計的使用者體驗

美工設計 閱讀(2W)

導語: 在網頁設計中,總是有傾向的特定技術來觀察,或跟蹤的網頁設計師加強的趨勢。這裡有專有和開源和免費的技術專用的支持者。下面就由小編為大家介紹一下網頁美工設計的使用者體驗,希望對大家有所幫助!

網頁美工設計的使用者體驗

  1. 輸入控制元件的自動聚焦和可用鍵盤切換輸入焦點

使用JavaScript實現頁面載入完成後立即自動聚焦(focus)到第一個輸入控制元件。可用TAB鍵(IE預設實現)或方向鍵切換聚焦到下一個輸入控制元件。

  2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點選提交按鈕的效果是相同的

不要在提交按鈕上加入onClick=”…”這樣的JavaScript程式碼。

  3.滑鼠動作提示和迴應

對使用者的滑鼠定位操作,當移動到可響應的位置上時,應給予視覺或聽覺的提示。

  4.儘可能早的'在客戶端完成輸入資料合法性驗證

輸入資料的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在服務器端完成,否則驗證工作應在最早能完成的情況下進行。

  5.根據應用場景決定在表單頁面和提交後返回頁面間是否使用中間過渡頁面

根據應用場景,決定是否顯示接收表單頁面(表單頁面和提交後返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。

  6.防止表單重複提交處理

對提交按鈕點選後做變灰處理避免在網路響應較慢情況下使用者重複提交同一個表單。使用頁面過期失效避免使用者後退瀏覽重複提交表單。

  7.頁面連結是開啟新視窗、使用原視窗還是彈出視窗的原則

一般而言,首頁上鍊接可以使用target=”_blank”屬性開啟新視窗,而其他頁面上的連結都應使用原視窗或彈出視窗。如果連結頁面內容相對原頁面來說不重要,是附屬性質的,可以使用彈出視窗方式。

  8.儘可能少的排列可選項,儘可能少的安排操作步驟

根據使用者操作習慣安排儘可能少的操作選單選項,同時要保證儘可能少的操作步驟。

  9.操作邏輯無漏洞,保證資料是操作安全的

多個頁面間的操作和同個頁面上的多個操作間的邏輯關係在設計上是安全和嚴謹的。保證不會出現不被允許的使用者操作組合,至少不會因為使用者的不適當的操作導致出錯。