输入框显示错误信息是更加减少用户认知负担,可以当场识别错误而不需要视觉来回切换,减少记忆负担,在表单底部和顶部。
5. 错误提示与其它内容视觉上区分
出错之后,用户需要迅速注意到报错信息。大多数使用警示色红色,红色面积过多往往给人压迫感,产生畏难心理,所以在其它地方尽量减少红色使用。
另外考虑到色盲的用户需求,我们在错误提示时不仅仅使用颜色标注,比如可以加入表示错误的icon,当前内容抖动等,比如QQ登录抖动提示,苹果电脑的锁屏密码错误抖动,或现在适老化的语音播报……
上图是新版花瓣和国外printerest登录界面对比,由于主色调都是红色,而错误提示也是红色。当用户光标聚焦输入框正在输入时,花瓣已提示错误,整体视觉提示是过重,设计相比之下稍逊色与printerest。
典型反面案例:下图是追波注册流程,由于3个问题没做好,在表单过长的情况下,用户极大可能性流失。
- 输入前用户名没有引导说明
- 输入后未激活用户名和邮件没有实时反馈(前端格式未校验)
- 完全输入后由后端校验,错误太多,用户易产生畏难心理(为了方便看,输入后已激活图三翻译成中文)
1. 线索模式
是指用示例输入或说明文本以占位符的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。信息表达轻盈、简单、与业务逻辑关系弱。
时间控件中有“请选择日期”,输入框中会有“请选择日期和日历icon”等线索文字,这就是线索设计模式。