您好,歡迎來(lái)到一站式眾包服務(wù)平臺(tái)-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁(yè) > 知識(shí)百科 > IT軟件 > UI設(shè)計(jì) > 網(wǎng)頁(yè)美工設(shè)計(jì)的用戶(hù)體驗(yàn)

網(wǎng)頁(yè)美工設(shè)計(jì)的用戶(hù)體驗(yàn)

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

1. 輸入控件的自動(dòng)聚焦和可用鍵盤(pán)切換輸入焦點(diǎn)

使用JavaScript實(shí)現(xiàn)頁(yè)面加載完成后立即自動(dòng)聚焦(focus)到第一個(gè)輸入控件??捎肨AB鍵(IE缺省實(shí)現(xiàn))或方向鍵切換聚焦到下一個(gè)輸入控件。

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

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

3.鼠標(biāo)動(dòng)作提示和回應(yīng)

對(duì)用戶(hù)的鼠標(biāo)定位操作,當(dāng)移動(dòng)到可響應(yīng)的位置上時(shí),應(yīng)給予視覺(jué)或聽(tīng)覺(jué)的提示。

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

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

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

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

6.防止表單重復(fù)提交處理

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

7.頁(yè)面鏈接是打開(kāi)新窗口、使用原窗口還是彈出窗口的原則

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

8.盡可能少的排列可選項(xiàng),盡可能少的安排操作步驟

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

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

多個(gè)頁(yè)面間的操作和同個(gè)頁(yè)面上的多個(gè)操作間的邏輯關(guān)系在設(shè)計(jì)上是安全和嚴(yán)謹(jǐn)?shù)?。保證不會(huì)出現(xiàn)不被允許的用戶(hù)操作組合,至少不會(huì)因?yàn)橛脩?hù)的不適當(dāng)?shù)牟僮鲗?dǎo)致出錯(cuò)。
免費(fèi)查詢(xún)商標(biāo)注冊(cè)