網(wǎng)頁(yè)制作中優(yōu)化的方法有哪些

      網(wǎng)頁(yè)制作中優(yōu)化的方法有哪些，在很多界面中，錯(cuò)誤的產(chǎn)生不可避免。一旦發(fā)生錯(cuò)誤，要幫助用戶(hù)快速輕松地處理好。今天小編主要給大家分享網(wǎng)頁(yè)制作中優(yōu)化的方法，希望對(duì)你們有幫助!

      一、防止錯(cuò)誤

      設(shè)計(jì)界面時(shí)，不要急于想出一個(gè)方案，盡力設(shè)計(jì)一個(gè)“無(wú)錯(cuò)可犯”的界面。

      1.用戶(hù)點(diǎn)擊按鈕后，進(jìn)行移除、禁用或更換處理。

      不要告訴用戶(hù)只能提交一次，如果可以點(diǎn)擊多次，用戶(hù)就可以點(diǎn)擊多次，只有當(dāng)用戶(hù)點(diǎn)擊并禁用按鈕時(shí)，才能真正避免多次提交。

      2.僅提供可接受的輸入選項(xiàng)。

      3.在表單元素中使用勾選啟用、勾選可見(jiàn)的設(shè)計(jì)方式。

      4.文本輸入框的結(jié)構(gòu)和輸入格式要求保持一致。

      二、監(jiān)控典型誤差信號(hào)

      界面上常見(jiàn)的錯(cuò)誤是什么?找出這些錯(cuò)誤的信號(hào)，做好監(jiān)控。

      1.搜索與用戶(hù)意圖相沖突的詞語(yǔ)。

      2.如果用戶(hù)已經(jīng)購(gòu)買(mǎi)了產(chǎn)品，提醒他們。應(yīng)區(qū)分功能強(qiáng)大的按鈕，以避免誤操作。用戶(hù)可能會(huì)分心，這是不可避免的，在設(shè)計(jì)時(shí)，這些功能強(qiáng)大的按鈕應(yīng)該在視覺(jué)上清晰區(qū)分，以盡量減少誤操作的可能性。

      3.通過(guò)間隔和顏色區(qū)分功能強(qiáng)大的按鈕。

      4.增加主要和不可逆操作的限制。提供恢復(fù)或退出操作的便捷方式，給用戶(hù)可以選擇返回到先前的操作或安全/可識(shí)別的區(qū)域。

      5.使用恢復(fù)操作而不是確認(rèn)操作。

      6.為每個(gè)頁(yè)面或功能提供“逃生艙”(退出操作)。一些下拉菜單沒(méi)有退出選項(xiàng)，當(dāng)用戶(hù)單擊某個(gè)選項(xiàng)時(shí)，就不能取消選擇該選項(xiàng)。

      7.為彈出窗口或模態(tài)窗口提供關(guān)閉按鈕。盡量減少用戶(hù)離開(kāi)一系列操作步驟的負(fù)面影響，允許用戶(hù)使用原來(lái)的數(shù)據(jù)返回相應(yīng)步驟頁(yè)面。

      8.保存用戶(hù)提交的數(shù)據(jù)。

      9.讓用戶(hù)返回到原來(lái)的操作步驟頁(yè)面(不要讓用戶(hù)從頭開(kāi)始)。擴(kuò)大可移動(dòng)路徑或可點(diǎn)擊區(qū)域，用戶(hù)會(huì)誤操作，所以應(yīng)該提供靈活或包容性的設(shè)計(jì)。

      10.給小按鈕上添加透明邊框(擴(kuò)大按鈕的點(diǎn)擊區(qū)域)。

      11.在彈框或下拉菜單中添加一點(diǎn)小小的延遲。

      12.給整個(gè)菜單選項(xiàng)容器(不僅僅是文本區(qū)域)添加超鏈接。

      13.給主菜單、列表項(xiàng)和輔助圖標(biāo)都加上超鏈接。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-31464.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂(yōu)網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注SEO培訓(xùn)頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線(xiàn)咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050