網頁美工設計的用户體驗

在網頁設計中，總是有傾向的特定技術來觀察，或跟蹤的網頁設計師加強的趨勢。這裏有專有和開源和免費的技術專用的支持者。然而，近些年來，又增加自由和開放源碼技術，包括由W3C和WHATWG進行監控和批准，監督和實施增加。以下就是小編為您整理的網頁美工設計的用户體驗。

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

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

2. 可用Enter（或Ctrl+Enter）鍵提交，確保和點擊提交按鈕的效果是相同的

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

3．鼠標動作提示和迴應

對用户的鼠標定位操作，當移動到可響應的位置上時，應給予視覺或聽覺的提示。

4．儘可能早的在客户端完成輸入數據合法性驗證

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

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

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

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

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

7．頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則

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

8．儘可能少的排列可選項，儘可能少的安排操作步驟

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

9．操作邏輯無漏洞，保證數據是操作安全的

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