長沙學(xué)ui頁面彈出框如何設(shè)計(jì)

ui頁面彈出框如何設(shè)計(jì)

ui頁面彈出框如何設(shè)計(jì)？錯(cuò)誤總是不可避免的。在UI界面中，當(dāng)用戶操作錯(cuò)誤或界面和應(yīng)用本身有問題時(shí)，當(dāng)前情況通過報(bào)錯(cuò)信息傳輸給用戶。今天小編主要給大家分享ui頁面彈出框如何設(shè)計(jì)，希望對(duì)你們有幫助!

1、報(bào)錯(cuò)信息呈現(xiàn)的位置和時(shí)機(jī)

發(fā)生錯(cuò)誤時(shí)，界面應(yīng)在第一時(shí)間呈現(xiàn)報(bào)錯(cuò)信息，呈現(xiàn)的位置應(yīng)在用戶會(huì)立即注意到的關(guān)鍵位置，以免錯(cuò)過。

設(shè)計(jì)師使用彈出框來顯示報(bào)錯(cuò)信息，告訴用戶在付款前填寫詳細(xì)信息。用戶需要關(guān)閉彈出框并再次填充，這增加了一個(gè)額外的步驟。但是，當(dāng)用戶關(guān)閉彈出框然后填寫時(shí)，他們很有可能會(huì)忘記彈出框的具體要求和內(nèi)容，從而導(dǎo)致不正確的填寫，用戶不會(huì)喜歡這種耗時(shí)且令人沮喪的用戶體驗(yàn)。

正確的形式是在界面中直接顯示報(bào)錯(cuò)信息，報(bào)錯(cuò)信息緊密貼在相應(yīng)的輸入框上，并以醒目的顏色顯示在輸入框下方。可以讓設(shè)計(jì)師在收到即時(shí)反饋時(shí)清楚地標(biāo)記所有要求。

2.報(bào)錯(cuò)信息要具備可操作性

無論設(shè)計(jì)得多么好，策略上多么突出，如果沒有為用戶指出明確的路徑并提供可操作的說明，報(bào)錯(cuò)信息是不夠好的。

用戶不僅需要知道問題在哪里，還需要知道如何解決它。如果報(bào)錯(cuò)信息可以告訴用戶如何避免問題并糾正錯(cuò)誤，那么用戶可以更好的執(zhí)行任務(wù)。

系統(tǒng)不僅通知用戶電子郵件地址已被使用，還提供恢復(fù)用戶名并再次登錄的選項(xiàng)，以幫助用戶解決問題。

3.報(bào)錯(cuò)信息應(yīng)該足夠醒目

如果用戶在出錯(cuò)后不能迅速注意到錯(cuò)誤消息，這不僅浪費(fèi)時(shí)間，而且還耽誤了事情。正如Jakbo Nielsen 所說，“糟糕的報(bào)錯(cuò)信息是那些用戶看不見的信息�！比欢�，難點(diǎn)就在于這個(gè)地方。加粗字體和彈出框?qū)τ脩魜碚f有壓迫感，如何確保用戶能夠注意到這些信息而不會(huì)顯得太過呢??使用正確的顏色來輔助顯示。

顏色是用戶識(shí)別信息的重要方式，也是設(shè)計(jì)師向用戶傳遞信息的可靠工具。處于比較的目的，在白色背景上使用紅色報(bào)錯(cuò)信息足夠引人注目，并且不會(huì)分散注意力。

值得注意的是，顏色不應(yīng)該是報(bào)錯(cuò)信息呈現(xiàn)的唯一標(biāo)志�？紤]到網(wǎng)頁和移動(dòng)應(yīng)用程序本身的可用性和可訪問性，設(shè)計(jì)師應(yīng)該考慮色盲用戶的需求，并提供顏色以外的視覺提示，以確保這些用戶也能理解。

隨著現(xiàn)實(shí)的增強(qiáng)，人工智能和語音交互的逐漸成熟，應(yīng)用程序和用戶之間的交互可以變得更加自然，有更多的設(shè)計(jì)空間。

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