- 相關(guān)推薦
用戶體驗(yàn)式網(wǎng)頁制作方法
導(dǎo)語：用戶體驗(yàn)式的網(wǎng)頁更加能夠滿足用戶的要求。下面是相關(guān)制作方法，歡迎參考!
1. 輸入控件的自動(dòng)聚焦和可用鍵盤切換輸入焦點(diǎn)
使用JavaScript實(shí)現(xiàn)頁面加載完成后立即自動(dòng)聚焦(focus)到第一個(gè)輸入控件。可用TAB鍵(IE缺省實(shí)現(xiàn))或方向鍵切換聚焦到下一個(gè)輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交，確保和點(diǎn)擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標(biāo)動(dòng)作提示和回應(yīng)
對(duì)用戶的鼠標(biāo)定位操作，當(dāng)移動(dòng)到可響應(yīng)的位置上時(shí)，應(yīng)給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗(yàn)證
輸入數(shù)據(jù)的合法性檢驗(yàn)應(yīng)該在客戶端使用JavaScript進(jìn)行驗(yàn)證。除非驗(yàn)證只能在服務(wù)器端完成，否則驗(yàn)證工作應(yīng)在最早能完成的情況下進(jìn)行。
5.根據(jù)應(yīng)用場(chǎng)景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面
根據(jù)應(yīng)用場(chǎng)景，決定是否顯示接收表單頁面(表單頁面和提交后返回頁面間的中間過渡頁面)，以及使用何種方式顯示接收表單頁面。
6.防止表單重復(fù)提交處理
對(duì)提交按鈕點(diǎn)擊后做變灰處理避免在網(wǎng)絡(luò)響應(yīng)較慢情況下用戶重復(fù)提交同一個(gè)表單。使用頁面過期失效避免用戶后退瀏覽重復(fù)提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言，首頁上鏈接可以使用target=”_blank”屬性打開新窗口，而其他頁面上的鏈接都應(yīng)使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對(duì)原頁面來說不重要，是附屬性質(zhì)的，可以使用彈出窗口方式。
8.盡可能少的排列可選項(xiàng)，盡可能少的安排操作步驟
根據(jù)用戶操作習(xí)慣安排盡可能少的操作菜單選項(xiàng)，同時(shí)要保證盡可能少的操作步驟。
9.操作邏輯無漏洞，保證數(shù)據(jù)是操作安全的
多個(gè)頁面間的操作和同個(gè)頁面上的多個(gè)操作間的邏輯關(guān)系在設(shè)計(jì)上是安全和嚴(yán)謹(jǐn)?shù)摹１ＷC不會(huì)出現(xiàn)不被允許的用戶操作組合，至少不會(huì)因?yàn)橛脩舻牟贿m當(dāng)?shù)牟僮鲗?dǎo)致出錯(cuò)。
【用戶體驗(yàn)式網(wǎng)頁制作方法】相關(guān)文章：
吸引用戶的網(wǎng)頁設(shè)計(jì)技巧07-03
10個(gè)優(yōu)化網(wǎng)頁用戶界面網(wǎng)頁設(shè)計(jì)的規(guī)則08-21
網(wǎng)頁設(shè)計(jì)最能吸引用戶的表達(dá)方式10-28
Java圖形用戶接口09-04
Photoshop中表格的制作方法09-21
Dreamweaver表格邊框制作方法07-17