错误提示设计体验优化

西安/UI设计师/2年前/98浏览
错误提示设计体验优化

收集界面中关于告警、风险提示相关的更友好、更舒适的UI或交互设计案例。

1、 色彩选择:避免明度、饱和度过高的色彩;


2、对错误反馈做好细分:非风险等级很高的提示,也可使用橙色和黄色代替;


3、避免过渡强调:加粗字体、醒目的面形图标、弹窗的形式;过于有压迫感;

案例二:

案例三:Webstorm 源代码编辑器对输入信息的合适有非常严格的要求,当用户输入错误的格式,便会在错误的内容下用红色波浪线标识,同时旁边出现一个可交互的小灯泡,用户点击灯泡,系统可以提供一些修正策略,帮助用户继续当前任务。


4、防止错误发生:通过增加说明、提示、自动完成等,减少错误出现的频率;


5、提升书写错误的用户体验:使用日常语言、保持礼貌、给予下一步操作指导:

正面案例: “对不起,出现了一个错误!请再次单击‘Go’”
反面案例 :“JavaScript 693号错误”
反面案例: “这个表单没有包含数据”

使用日常用语,而不要用计算机语言。
正面案例 :“邮政编码里包含一个字母”
反面案例 :“数字验证错误”

2
Report
|
2
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
最近一些有层次的作品
Homepage recommendation
相关收藏夹
《阿凡达3》来了
《阿凡达3》来了
《阿凡达3》来了
《阿凡达3》来了
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
品牌制造社
品牌制造社
品牌制造社
品牌制造社
精选收藏夹
作品收藏夹
电影海报精选
电影海报精选
电影海报精选
电影海报精选
精选收藏夹
作品收藏夹
大家都在看
Log in