網(wǎng)頁設(shè)計中哪些操作可以提升用戶體驗
2020-05-08
網(wǎng)頁設(shè)計的作用在于展示企業(yè)形象,并協(xié)助、指導(dǎo)用戶順利完成訪問目標(biāo)及任務(wù)流程。在網(wǎng)站設(shè)計中有一些操作可以提升用戶體驗,那有哪些操作呢?今天跟隨北京分形科技的小編來看一下吧。
1.輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現(xiàn)頁面加載完成后立即自動聚焦(focus)到輸入控件。可用TAB鍵(IE缺省實現(xiàn))或方向鍵切換聚焦到下一個輸入控件。
2.可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick="…"這樣的JavaScript代碼。
3.鼠標(biāo)動作提示和回應(yīng)
對用戶的鼠標(biāo)定位操作,當(dāng)移動到可響應(yīng)的位置上時,應(yīng)給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗證
輸入數(shù)據(jù)的合法性檢驗應(yīng)該在客戶端使用JavaScript進行驗證。除非驗證只能在服務(wù)器端完成,否則驗證工作應(yīng)在開始能完成的情況下進行。
5.根據(jù)應(yīng)用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面
根據(jù)應(yīng)用場景,決定是否顯示接收表單頁面(表單頁面和提交后返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重復(fù)提交處理
對提交按鈕點擊后做變灰處理避免在網(wǎng)絡(luò)響應(yīng)較慢情況下用戶重復(fù)提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復(fù)提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁上鏈接可以使用target="_blank"屬性打開新窗口,而其他頁面上的鏈接都應(yīng)使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來說不重要,是附屬性質(zhì)的,可以使用彈出窗口方式。
8.盡可能少的排列可選項,盡可能少的安排操作步驟
根據(jù)用戶操作習(xí)慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。
9.操作邏輯無漏洞,保證數(shù)據(jù)是操作安全的
多個頁面間的操作和同個頁面上的多個操作間的邏輯關(guān)系在設(shè)計上是安全和嚴(yán)謹(jǐn)?shù)摹1WC不會出現(xiàn)不被允許的用戶操作組合,至少不會因為用戶的不適當(dāng)?shù)牟僮鲗?dǎo)致出錯。
北京分形科技竭誠為您提供專業(yè)網(wǎng)站設(shè)計、網(wǎng)站開發(fā)、網(wǎng)站制作等定制化服務(wù),更多相關(guān)內(nèi)容,歡迎您咨詢北京分形科技!
1.輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現(xiàn)頁面加載完成后立即自動聚焦(focus)到輸入控件。可用TAB鍵(IE缺省實現(xiàn))或方向鍵切換聚焦到下一個輸入控件。
2.可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick="…"這樣的JavaScript代碼。
3.鼠標(biāo)動作提示和回應(yīng)
對用戶的鼠標(biāo)定位操作,當(dāng)移動到可響應(yīng)的位置上時,應(yīng)給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗證
輸入數(shù)據(jù)的合法性檢驗應(yīng)該在客戶端使用JavaScript進行驗證。除非驗證只能在服務(wù)器端完成,否則驗證工作應(yīng)在開始能完成的情況下進行。
5.根據(jù)應(yīng)用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面
根據(jù)應(yīng)用場景,決定是否顯示接收表單頁面(表單頁面和提交后返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重復(fù)提交處理
對提交按鈕點擊后做變灰處理避免在網(wǎng)絡(luò)響應(yīng)較慢情況下用戶重復(fù)提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復(fù)提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁上鏈接可以使用target="_blank"屬性打開新窗口,而其他頁面上的鏈接都應(yīng)使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來說不重要,是附屬性質(zhì)的,可以使用彈出窗口方式。
8.盡可能少的排列可選項,盡可能少的安排操作步驟
根據(jù)用戶操作習(xí)慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。
9.操作邏輯無漏洞,保證數(shù)據(jù)是操作安全的
多個頁面間的操作和同個頁面上的多個操作間的邏輯關(guān)系在設(shè)計上是安全和嚴(yán)謹(jǐn)?shù)摹1WC不會出現(xiàn)不被允許的用戶操作組合,至少不會因為用戶的不適當(dāng)?shù)牟僮鲗?dǎo)致出錯。
北京分形科技竭誠為您提供專業(yè)網(wǎng)站設(shè)計、網(wǎng)站開發(fā)、網(wǎng)站制作等定制化服務(wù),更多相關(guān)內(nèi)容,歡迎您咨詢北京分形科技!
相關(guān)資訊
- 央企網(wǎng)站設(shè)計:新一代央企智能交互門戶
- 集團網(wǎng)站建設(shè):高效整合資源,展現(xiàn)企業(yè)綜合實力
- 高校網(wǎng)站設(shè)計:樹立網(wǎng)站設(shè)計新標(biāo)桿
- 高端網(wǎng)頁設(shè)計:打造極致用戶體驗
- 博物館網(wǎng)站設(shè)計:文化與科技創(chuàng)新融合的3個新路徑
- 醫(yī)院網(wǎng)站建設(shè):賦能醫(yī)療健康的3個趨勢
- 大學(xué)網(wǎng)站建設(shè):提升高校形象與信息化服務(wù)水平
- 品牌網(wǎng)站建設(shè):構(gòu)建用戶與品牌的深度連接
- 北京網(wǎng)站建設(shè)公司:助力企業(yè)打造行業(yè)標(biāo)桿的5個秘訣
- 醫(yī)院網(wǎng)站建設(shè):打造智慧醫(yī)療新體驗