互聯網開(kāi)發&品牌全案設計(jì)

12年(nián) 實戰經驗,品質服務

如(rú)何進行(xíng)用(yòng)戶體(tǐ)驗式的(de)網站(zhàn)設計(jì)

2012-05-22 關鍵詞: 2482

    1. 輸入控件(jiàn)的(de)自(zì)動聚焦和(hé)可(kě)用("yòng)鍵盤切換輸入焦點

  使用(yòng)JavaScript實現(xiàn)頁面加載完成後立即自(zì)動聚焦(focus)到(dào)第一(yī)個(gè)輸入控件(ji¥àn)。可(kě)用(yòng)TAB鍵(IE缺省實現(xiàn))或方向鍵切換聚焦到(dào)下(xià)一(yī)個(gè)輸入控件(jiàn)。

  2. 可(kě)用(yòng)Enter(或Ctrl+Enter)鍵提交,确保和(hé)點擊提交按鈕的(de)效±果是(shì)相(xiàng)同的(de)

  不(bù)要(yào)在提交按鈕上(shàng)加入onClick=”…”這(zhè)£樣的(de)JavaScript代碼。

  3.鼠标動作(zuò)提示和(hé)回應

  對(duì)用(yòng)戶的(de)鼠标定位操作(zuò),當移動到(dào)可(kě)響應的(de)位置上( shàng)時(shí),應給予視(shì)覺或聽(tīng)覺的(de)提示。

  4.盡可(kě)能(néng)早的(de)在客戶端完成輸入數(shù)據合法性驗證

  輸入數(shù)據的(de)合法性檢驗應該在客戶端使用(yòng)JavaScript進行(xíng)驗證。除非驗證隻能(néng)在服務器(qì)端完成,否則驗證§工(gōng)作(zuò)應在最早能(néng)完成的(de)情況下(xià)進行(xíng)。

  5.根據應用(yòng)場(chǎng)景決定在表單頁面和(hé)提交後返回頁面間(jiān)是(shì)否使用(yòng)•中間(jiān)過渡頁面

  根據應用(yòng)場(chǎng)景,決定是(shì)否顯示接收表單頁面(表單頁面和(hé)提交後返回頁面間(jiān)的(de)中間(jiān)過渡頁面),以及使用(yòng)何種方式顯>示接收表單頁面。

  6.防止表單重複提交處理(lǐ)

  對(duì)提交按鈕點擊後做(zuò)變灰處理(lǐ)避免在網絡響應較慢(màn)情況下(xià)用(yòng)戶重複提交同一(yī)個(gè)表單。使用(yòng)頁面過期失效避免用(•yòng)戶後退浏覽重複提交表單。

  7.頁面鏈接是(shì)打開(kāi)新窗(chuāng)口、使用(yòng)原窗(chuāng)口還(hái)是(shì)彈出窗(δchuāng)口的(de)原則

  一(yī)般而言,首頁上(shàng)鏈接可(kě)以使用(yòng)target=”_blank”屬性打開(kāi)新窗(chuāng)口,而其他(tā)頁面上≠(shàng)的(de)鏈接都(dōu)應使用(yòng)原窗(chuāng)口或彈出窗(chuāng)口。如(rú)果鏈接頁面內(nèi)容相(xiàng)對(duì∞)原頁面來(lái)說(shuō)不(bù)重要(yào),是(shì)附屬性質的(de),可(kě)以使用(yòng)彈出窗(chuāng)口方式。

  8.盡可(kě)能(néng)少(shǎo)的(de)排列可(kě)選項,盡可(kě)能(néng')少(shǎo)的(de)安排操作(zuò)步驟

  根據用(yòng)戶操作(zuò)習(xí)慣安排盡可(kě)能(néng)少(shǎo)的(de)操作(zuò)菜單選項,同時(shí)要(yào)保證盡可(kě)能(​néng)少(shǎo)的(de)操作(zuò)步驟。

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

  多(duō)個(gè)頁面間(jiān)的(de)操作(zuò)和(hé)同個(gè)頁面上(shàng)的(de)多(duō)個(gè)操作(zuò)間(jiān)的(de)邏輯關系在δ設計(jì)上(shàng)是(shì)安全和(hé)嚴謹的(de)。保證不(bù)會(huì)出現(xiàn)不(bù)被允許的(de)用(yòng)戶操作(z€uò)組合,至少(shǎo)不(bù)會(huì)因為(wèi)用(yòng)戶的(de)不(bù)适當的(de)操作(zuò)導緻出錯(cuò)。

欄目 案例 售後 電(diàn)話(huà)