问题来自一次旁听:开关状态切换前,除开关控件的UI状态,开关说明是否应该也有反馈差异?我得还挺有意思的。
小L:开打开和闭可通过开控件的UI反馈,开启前后说明案没有差别会户解.
小W:关打后明文案差异,只通过UI状态反馈真的已让用户清楚的知道启的状态吗?
△ 关状态切换开关说明的无差别反馈
那么了好的帮用户理解关操作效与否,关状态切换还需不需额外的反馈,如我们讨论中的关明否还需差异反馈?
我们查阅了material design规范,并根据收集到的关控件使用的关键2关键点寻找解决方案。
1. 关控件的交互需立即效。实际状态所延迟时应显示处理状态
基于这关键点,我们走查了一些APP发这样的共性:直观感受到操作后立即效的效果,一般不会再设额外反馈。
△ vivo手机深色模式WiFi设置页
2. 关控件的文本需帮用户理解「关控制的选项含义」及其「所处的状态」。这里的文本包含关称关明
基于这关键点,我们也走查了一些APP发:当关称足够简单清晰且无歧义的描述了关控制表的含义及所处状态,一般也不再设额外的反馈。
△ 微信读书截图
基于以上分析,我们发现开关控件是否需要额反馈问题本质其实是需要先思考是否能让用户感受到立即生效。如不能,则设计应该提供反馈以帮助用户理解开关控制代表含义及其所处状态说明。
那么开关状态切换反馈如何设计?
1. 利用开关说明做切换反馈
上文所述,material design描述,文本作用是帮助用户理解「开关控制选项含义」及其「所处状态」。官定义文本不区分开关名称和开关说明,统叫做文本。那么为了更好使用户理解语义,也不难明白为什么些品有开关名称没有说明,有些则是者都有。可能实应用,设计师可以根据开关选项所代表含义复杂程度,有时仅显示开关名称,有时需要显示开关说明。
以此为标准,的计案例中,开关说缺失了所状的含义说。(开启前后说无变化)
△ 旧版方案
YY方案A:
按照规范定义,描述状。关闭:未开启,无法享受当下最新、最热的游推;开启:已开启,将为你不定期推当下最新、最热游。
△ YY方案A
#But..
通过文本说做反馈在实际的应用中更灵活:增加业诉求的考虑。未开启,不描述负面息而是展示利益点,吸引用户开启。以美外为例:
△ 美外截图
YY方案B:
增加业侧考虑,描述开启后的正向结果。关闭:开启后,可享受当下最新、最热游推;开启:已开启,将为你推当下最新、最热游。
△ YY方案B
2. 其他切换反馈方式
日常使用其产品除了上述通过文本说反馈还可以使用toast和dialog的方式进行反馈。但这种方式都相比文本说有不同度的提升。
toast。立即生效后的效果需要化说。
△ QQ音乐截图
dialog。立即生效前有必要操作(授权等),或是,立即生效前有必要告知(风险等)。
△ 微信&QQ音乐截图
开关设计的两思考:
1. 关状态切换否需额外的反馈设?
判断用户否可以感受到操作后立即效的效果;判断关文本否足够简单清晰且无歧义的描述关控制的含义及状态。
2. 关状态切换的反馈方式如何设?
利用关明切换反馈。也可以依据望提醒强度的选择否使用toast或者dialog的方式行反馈。
欢迎关注作者微信公众号:「VMIC UED」