上海市九杜路349号立同商务大厦417/418/419室
021-39517056
你可以了解最新的互联网资讯,了解最新的互联网产品
担路新闻资讯中心

可以快速制作PC网站,手机网站,微信小程序,微场景,网页视频等

可以高度自定义的游戏引擎,用户可以快速制作出集游戏与营销于一体的营销游戏

垂直行业的O2O电商等用户交互功能的电商开发平台,拥有覆盖全行业的解决方案

网页设计中错误提示的五种设计方法
2018-07-13

        每个系统软件在运行的过程中都会出错,可能是用户操作造成的也可能是系统错误。基于这两种情况,如何正确的提示错误信息就显得尤为重要,它直接决定了用户体验的好与坏。

       因此作为一名优秀的网页设计师,在网页设计过程中设计一个好的错误提示应必备的3条重要法则是:

清晰地文本提示语

放置在正确的位置

良好的视觉设计

清晰的文本信息

1. 错误提示信息应该简明易懂

      提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话,跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且没有晦涩难懂的专业术语。

2. 错误提示信息应该是有用的

仅仅是描述系统出错是不够的,还要向用户提供最简单、快速的解决方案。

3. 错误提示信息应该是针对特定的使用场景

      很多网站建设经常在所有的状态确认情况下都使用同一个错误提示信息,当你没有填写E-mail一栏时——提示“请输入一个有效的电子邮箱地址”,当你少写了“@”符号时——提示“请输入一个有效的电子邮箱地址”。

4. 错误提示信息应该是礼貌性的

       即使是你的用户操作错误了,也不要责怪他们,礼貌的对待用户,让他们感觉使用你的产品很舒服、很便捷。这是一个很好的展示品牌特性的机会,试着在错误提示中加入一些品牌元素。

5. 恰当的展示你的幽默

       在错误提示信息中展示幽默一定要十分小心谨慎,首先应当确保你的提示信息是有用的,之后如果合适的话,你可以在提示信息中加入一些小幽默,从而提升用户体验。

错误提示信息的正确位置

        一个好的错误提示信息,应该是在你需要的时候可以很快速的找到它。不要写一个错误信息摘要,应该将它放置在相关的UI元件附近。

错误提示信息的设计形式

        错误提示信息应该清晰易读。使用与背景色有对比的文本颜色,以便用户可以快速地注意到并且阅读它。

       红色经常被用于编写错误提示信息,在某些时候,黄色和橙色经常被用于标注某些资源,红色常常让用户有压迫感。所以,确保你的提示文本清晰可见,与背景色有明显对比,考虑到色盲用户群,不要忘记在颜色旁边放置一个相关的图标,作为标注。

       错误提示信息是一个提升用户体验的时机,你可以通过它提升品牌形象、展示企业个性。不要小看错误提示信息的每一个方面,将提示文本、放置位置和视觉设计都做到尽善尽美。

暂无评论!
我要评论 只有购买过该商品的用户才能评论。

加载中
免费注册云账号并登录进行体验

您也可以在线提交合作申请

客服人员会在24小时内联系您
服务热线:021-39517056

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述