ui頁面彈出框如何設計

ui頁面彈出框如何設計？錯誤總是不可避免的。在UI界面中，當用戶操作錯誤或界面和應用本身有問題時，當前情況通過報錯信息傳輸給用戶。今天小編主要給大家分享ui頁面彈出框如何設計，希望對你們有幫助!

1、報錯信息呈現的位置和時機

發生錯誤時，界面應在第一時間呈現報錯信息，呈現的位置應在用戶會立即注意到的關鍵位置，以免錯過。

設計師使用彈出框來顯示報錯信息，告訴用戶在付款前填寫詳細信息。用戶需要關閉彈出框并再次填充，這增加了一個額外的步驟。但是，當用戶關閉彈出框然后填寫時，他們很有可能會忘記彈出框的具體要求和內容，從而導致不正確的填寫，用戶不會喜歡這種耗時且令人沮喪的用戶體驗。

正確的形式是在界面中直接顯示報錯信息，報錯信息緊密貼在相應的輸入框上，并以醒目的顏色顯示在輸入框下方。可以讓設計師在收到即時反饋時清楚地標記所有要求。

2.報錯信息要具備可操作性

無論設計得多么好，策略上多么突出，如果沒有為用戶指出明確的路徑并提供可操作的說明，報錯信息是不夠好的。

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

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

3.報錯信息應該足夠醒目

如果用戶在出錯后不能迅速注意到錯誤消息，這不僅浪費時間，而且還耽誤了事情。正如Jakbo Nielsen 所說，“糟糕的報錯信息是那些用戶看不見的信息。”然而，難點就在于這個地方。加粗字體和彈出框對用戶來說有壓迫感，如何確保用戶能夠注意到這些信息而不會顯得太過呢??使用正確的顏色來輔助顯示。

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

值得注意的是，顏色不應該是報錯信息呈現的唯一標志。考慮到網頁和移動應用程序本身的可用性和可訪問性，設計師應該考慮色盲用戶的需求，并提供顏色以外的視覺提示，以確保這些用戶也能理解。

隨著現實的增強，人工智能和語音交互的逐漸成熟，應用程序和用戶之間的交互可以變得更加自然，有更多的設計空間。

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-71975.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050