您好,歡迎來到一站式眾包服務平臺-威客牛網(wǎng)!
當前位置:威客牛首頁 > 知識百科 > IT軟件 > UI設(shè)計 > 網(wǎng)頁美工設(shè)計的用戶體驗

網(wǎng)頁美工設(shè)計的用戶體驗

2022-12-04作者:網(wǎng)友投稿
在網(wǎng)頁設(shè)計中,總是有傾向的特定技術(shù)來觀察,或跟蹤的網(wǎng)頁設(shè)計師加強的趨勢。這里有專有和開源和免費的技術(shù)專用的支持者。然而,近些年來,又增加自由和開放源碼技術(shù),包括由W3C和WHATWG進行監(jiān)控和批準,監(jiān)督和實施增加。以下就是贏在威客網(wǎng)小編為您整理的網(wǎng)頁美工設(shè)計的用戶體驗。

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

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

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

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

3.鼠標動作提示和回應

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

4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗證

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

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

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

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

對提交按鈕點擊后做變灰處理避免在網(wǎng)絡(luò)響應較慢情況下用戶重復提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復提交表單。

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

一般而言,首頁上鏈接可以使用target=”_blank”屬性打開新窗口,而其他頁面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來說不重要,是附屬性質(zhì)的,可以使用彈出窗口方式。

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

根據(jù)用戶操作習慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。

9.操作邏輯無漏洞,保證數(shù)據(jù)是操作安全的

多個頁面間的操作和同個頁面上的多個操作間的邏輯關(guān)系在設(shè)計上是安全和嚴謹?shù)摹1WC不會出現(xiàn)不被允許的用戶操作組合,至少不會因為用戶的不適當?shù)牟僮鲗е鲁鲥e。
免費查詢商標注冊