• 手机站
  • 收藏
聚培教育网合作机构 > 武汉天琥设计培训学校
武汉天琥设计培训学校
400-998-6158
武汉天琥设计培训学校

ui页面弹出框如何设计

UI设计学习网

更新时间:2020-12-17 浏览:207
核心提示:ui页面弹出框如何设计1、报错信息呈现的位置和时机发生错误时,界面应在第一时间呈现报错信息,呈现的位置应在用户会立即注意到

ui页面弹出框如何设计

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

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

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

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

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

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

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

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

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

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

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

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

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

更多>同类资讯
更多>相关课程
顶部