tag是用来做什么的,tag主要用途

首页 > 经验 > 作者:YD1662022-10-26 18:49:31

输入框显示错误信息是更加减少用户认知负担,可以当场识别错误而不需要视觉来回切换,减少记忆负担,在表单底部和顶部。

5. 错误提示与其它内容视觉上区分

出错之后,用户需要迅速注意到报错信息。大多数使用警示色红色,红色面积过多往往给人压迫感,产生畏难心理,所以在其它地方尽量减少红色使用。

另外考虑到色盲的用户需求,我们在错误提示时不仅仅使用颜色标注,比如可以加入表示错误的icon,当前内容抖动等,比如QQ登录抖动提示,苹果电脑的锁屏密码错误抖动,或现在适老化的语音播报……

tag是用来做什么的,tag主要用途(21)

上图是新版花瓣和国外printerest登录界面对比,由于主色调都是红色,而错误提示也是红色。当用户光标聚焦输入框正在输入时,花瓣已提示错误,整体视觉提示是过重,设计相比之下稍逊色与printerest。

典型反面案例:下图是追波注册流程,由于3个问题没做好,在表单过长的情况下,用户极大可能性流失。

tag是用来做什么的,tag主要用途(22)

问题五:用「线索模式」还是「说明模式」好?

tag是用来做什么的,tag主要用途(23)

1. 线索模式

是指用示例输入或说明文本以占位符的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。信息表达轻盈、简单、与业务逻辑关系弱。

时间控件中有“请选择日期”,输入框中会有“请选择日期和日历icon”等线索文字,这就是线索设计模式。

tag是用来做什么的,tag主要用途(24)

上一页23456下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.