ui页面弹出框如何设计

来源：温州达内IT辅导培训机构时间：2021/7/30 14:31:56

　　错误总是不可避免的。在UI界面中，当用户操作错误或界面和应用本身有问题时，当前情况通过报错信息传输给用户。今天小编主要给大家分享ui页面弹出框如何设计，希望对你们有帮助!

　　1、报错信息呈现的位置和时机

　　发生错误时，界面应在时间呈现报错信息，呈现的位置应在用户会立即注意到的关键位置，以免错过。

　　设计师使用弹出框来显示报错信息，告诉用户在付款前填写详细信息。用户需要关闭弹出框并再次填充，这增加了一个额外的步骤。但是，当用户关闭弹出框然后填写时，他们很有可能会忘记弹出框的具体要求和内容，从而导致不正确的填写，用户不会喜欢这种耗时且令人沮丧的用户体验。

　　正确的形式是在界面中直接显示报错信息，报错信息紧密贴在相应的输入框上，并以醒目的颜色显示在输入框下方。可以让设计师在收到即时反馈时清楚地标记所有要求。

　　2.报错信息要具备可操作性

　　无论设计得多么好，策略上多么突出，如果没有为用户指出明确的路径并提供可操作的说明，报错信息是不够好的。

　　用户不仅需要知道问题在哪里，还需要知道如何解决它。如果报错信息可以告诉用户如何避免问题并纠正错误，那么用户可以更好的执行任务。

　　系统不仅通知用户电子邮件地址已被使用，还提供恢复用户名并再次登录的选项，以帮助用户解决问题。

　　3.报错信息应该足够醒目

　　如果用户在出错后不能迅速注意到错误消息，这不仅浪费时间，而且还耽误了事情。正如Jakbo Nielsen 所说，“糟糕的报错信息是那些用户看不见的信息。”然而，难点就在于这个地方。加粗字体和弹出框对用户来说有压迫感，如何确保用户能够注意到这些信息而不会显得太过呢??使用正确的颜色来辅助显示。

　　颜色是用户识别信息的重要方式，也是设计师向用户传递信息的可靠工具。处于比较的目的，在白色背景上使用红色报错信息足够引人注目，并且不会分散注意力。

　　值得注意的是，颜色不应该是报错信息呈现的标志。考虑到网页和移动应用程序本身的可用性和可访问性，设计师应该考虑色盲用户的需求，并提供颜色以外的视觉提示，以确保这些用户也能理解。

　　随着现实的增强，人工智能和语音交互的逐渐成熟，应用程序和用户之间的交互可以变得更加自然，有更多的设计空间。阿

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3859/news/388521/违者必究！ 以上就是温州达内IT辅导培训机构 小编为您整理 ui页面弹出框如何设计的全部内容。