1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

切换开关后,是否还需要通过文案说明状态?

时间:2020-07-31   分类:交互设计    作者:网络   来源:网络整理   点击:66

问题来自一次旁听:开关状态切换前后,除了开关控件的UI状态,开关说明是否应该也有反馈差异?我觉得还挺有意思的。 内容采集来自9fen.net

小L:开关打开和关闭可以通过开关控件的UI反馈,所以开启前后说明文案没有差别也不会让用户不理解. 内容采集来自9fen.net

小W:开关打开前后说明文案没有差异,只通过UI状态反馈真的已经让用户清楚的知道开启的状态吗? 九分网络

切换开关后,是否还需要通过文案说明状态?

本文来自九分网络

本文来自九分网络

△ 开关状态切换开关说明的无差别反馈

九分网络

那么为了更好的帮助用户理解开关操作生效与否,开关状态切换还需不需要额外的反馈,如我们讨论中的开关说明是否还需要差异反馈?

www.9fen.net

思考

我们查阅了material design规范,并根据收集到的开关控件使用的关键2个关键点寻找解决方案。

九分网络

1. 开关控件的交互需立即生效。实际状态有所延迟时应显示处理状态 www.9fen.net

基于这个关键点,我们走查了一些APP发现有这样的共性:直观感受到操作后立即生效的效果,一般不会再设计额外反馈。

九分网络

切换开关后,是否还需要通过文案说明状态?

本文来自九分网络

copyright 9fen.net

△ vivo手机深色模式和WiFi设置页 内容采集来自9fen.net

2. 开关控件的文本需帮助用户理解「开关控制的选项含义」及其「所处的状态」。这里的文本包含开关名称和开关说明 www.9fen.net

基于这个关键点,我们也走查了一些APP发现:当开关名称足够简单清晰且无歧义的描述了开关控制代表的含义及所处状态,一般也不再设计额外的反馈。 本文来自九分网络

切换开关后,是否还需要通过文案说明状态? 九分网络

www.9fen.net

微信读书截图

本文来自九分网络

基于以上分析,我们发现开关控件是否需要额外反馈的问题本质其实是需要先思考是否能让用户感受到立即生效。如果不能,则设计应该提供反馈以帮助用户理解开关控制代表的含义及其所处的状态说明。 内容采集来自9fen.net

延伸

那么开关状态切换的反馈方式如何设计?

内容采集来自9fen.net

1. 利用开关说明做切换反馈

上文所述,material design描述中,文本的作用是帮助用户理解「开关控制的选项含义」及其「所处的状态」。官方定义中文本不区分开关名称和开关说明,统一叫做文本。那么为了更好的使用户理解语义,也就不难明白为什么一些产品只有开关名称没有说明,有些则是二者都有。可能实际应用中,设计师可以根据开关选项所代表的含义复杂程度,有时仅显示开关名称,有时需要显示开关说明。 www.9fen.net

以此为标准,我们的设计案例中,开关说明缺失了所处状态的含义说明。(开启前后说明无变化) www.9fen.net

切换开关后,是否还需要通过文案说明状态?

本文来自九分网络

内容采集来自9fen.net

△ 旧版方案 九分网络

YY方案A:

内容采集来自9fen.net

按照规范定义,描述状态。关闭时:未开启,无法享受当下最新、最热的手游推荐;开启时:已开启,将为你不定期推荐当下最新、最热手游。

内容采集来自9fen.net

切换开关后,是否还需要通过文案说明状态? 本文来自九分网络

内容采集来自9fen.net

△ YY方案A www.9fen.net

#But.. copyright 9fen.net

通过文本说明做反馈在实际的应用中更灵活:增加业务诉求的考虑。未开启时,不描述负面信息而是展示利益点,吸引用户开启。以美团外卖为例: copyright 9fen.net

切换开关后,是否还需要通过文案说明状态?

copyright 9fen.net

本文来自九分网络

△ 美团外卖截图

copyright 9fen.net

YY方案B: copyright 9fen.net

增加业务侧考虑,描述开启后的正向结果。关闭时:开启后,可享受当下最新、最热手游推荐;开启时:已开启,将为你推荐当下最新、最热手游。 copyright 9fen.net

切换开关后,是否还需要通过文案说明状态?

copyright 9fen.net

copyright 9fen.net

△ YY方案B

本文来自九分网络

2. 其他切换反馈方式

日常使用其他产品时除了上述通过文本说明反馈还可以使用toast和dialog的方式进行反馈。但这两种方式都相比文本说明有不同强度的提升。

内容采集来自9fen.net

toast。立即生效后的效果需要强化说明。

www.9fen.net

切换开关后,是否还需要通过文案说明状态?

内容采集来自9fen.net

本文来自九分网络

△ QQ音乐截图

九分网络

dialog。立即生效前有必要操作(授权等),或是,立即生效前有必要告知(风险等)。

本文来自九分网络

切换开关后,是否还需要通过文案说明状态? 本文来自九分网络

本文来自九分网络

△ 微信&QQ音乐截图

www.9fen.net

总结

开关设计的两个思考: 本文来自九分网络

1. 开关状态切换是否需要额外的反馈设计? 本文来自九分网络

判断用户是否可以感受到操作后立即生效的效果;判断开关文本是否足够简单清晰且无歧义的描述开关控制的含义及状态。

本文来自九分网络

2. 开关状态切换的反馈方式如何设计?

copyright 9fen.net

利用开关说明做切换反馈。也可以依据期望提醒强度的选择是否使用toast或者dialog的方式进行反馈。 copyright 9fen.net

标签: 优设 优设网 切换开关 开关 开关设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----