- 相關(guān)推薦
網(wǎng)頁(yè)美工設計的用戶(hù)體驗
導語(yǔ)： 在網(wǎng)頁(yè)設計中，總是有傾向的特定技術(shù)來(lái)觀(guān)察，或跟蹤的網(wǎng)頁(yè)設計師加強的趨勢。這里有專(zhuān)有和開(kāi)源和免費的技術(shù)專(zhuān)用的支持者。下面就由小編為大家介紹一下網(wǎng)頁(yè)美工設計的用戶(hù)體驗，希望對大家有所幫助！
1. 輸入控件的自動(dòng)聚焦和可用鍵盤(pán)切換輸入焦點(diǎn)
使用JavaScript實(shí)現頁(yè)面加載完成后立即自動(dòng)聚焦(focus)到第一個(gè)輸入控件�？捎肨AB鍵（IE缺省實(shí)現）或方向鍵切換聚焦到下一個(gè)輸入控件。
2. 可用Enter（或Ctrl+Enter）鍵提交，確保和點(diǎn)擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3．鼠標動(dòng)作提示和回應
對用戶(hù)的鼠標定位操作，當移動(dòng)到可響應的位置上時(shí)，應給予視覺(jué)或聽(tīng)覺(jué)的提示。
4．盡可能早的在客戶(hù)端完成輸入數據合法性驗證
輸入數據的合法性檢驗應該在客戶(hù)端使用JavaScript進(jìn)行驗證。除非驗證只能在服務(wù)器端完成，否則驗證工作應在最早能完成的情況下進(jìn)行。
5．根據應用場(chǎng)景決定在表單頁(yè)面和提交后返回頁(yè)面間是否使用中間過(guò)渡頁(yè)面
根據應用場(chǎng)景，決定是否顯示接收表單頁(yè)面（表單頁(yè)面和提交后返回頁(yè)面間的中間過(guò)渡頁(yè)面），以及使用何種方式顯示接收表單頁(yè)面。
6．防止表單重復提交處理
對提交按鈕點(diǎn)擊后做變灰處理避免在網(wǎng)絡(luò )響應較慢情況下用戶(hù)重復提交同一個(gè)表單。使用頁(yè)面過(guò)期失效避免用戶(hù)后退瀏覽重復提交表單。
7．頁(yè)面鏈接是打開(kāi)新窗口、使用原窗口還是彈出窗口的原則
一般而言，首頁(yè)上鏈接可以使用target=”_blank”屬性打開(kāi)新窗口，而其他頁(yè)面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁(yè)面內容相對原頁(yè)面來(lái)說(shuō)不重要，是附屬性質(zhì)的，可以使用彈出窗口方式。
8．盡可能少的排列可選項，盡可能少的安排操作步驟
根據用戶(hù)操作習慣安排盡可能少的操作菜單選項，同時(shí)要保證盡可能少的操作步驟。
9．操作邏輯無(wú)漏洞，保證數據是操作安全的
多個(gè)頁(yè)面間的操作和同個(gè)頁(yè)面上的多個(gè)操作間的邏輯關(guān)系在設計上是安全和嚴謹的。保證不會(huì )出現不被允許的用戶(hù)操作組合，至少不會(huì )因為用戶(hù)的不適當的操作導致出錯。
【網(wǎng)頁(yè)美工設計的用戶(hù)體驗】相關(guān)文章：
網(wǎng)頁(yè)體積如何對用戶(hù)體驗造成影響07-24
網(wǎng)頁(yè)美工設計技巧06-28
網(wǎng)頁(yè)美工設計的簡(jiǎn)介06-08
網(wǎng)站用戶(hù)體驗優(yōu)化方法08-26
用戶(hù)體驗如何完善提高06-20