应注意开关状态切换的设计
编辑指南:在使用产品时,开关状态被广泛使用。好的开关设计可以帮助用户了解开关操作是否有效,这是用户体验的重要组成部分。笔者根据自己的工作经验,对开关状态的设计提出了自己的想法,希望对你有所帮助。
问题来自一个审核:切换开关状态前后,除了开关控件的UI状态外,开关描述之间是否应该存在反馈差异?我觉得挺有意思的。
小L:开关可以通过开关控制的UI反馈来开关,所以开关打开前后的文案没有区别,不会让用户看不懂。
小W:开关打开前后,说明文案没有区别。是否真的只通过UI状态反馈就让用户清楚的知道开机状态了?
开关状态的不同反馈开关描述
那么,为了帮助用户更好的理解开关操作是否有效,开关状态的切换是否需要额外的反馈,比如我们讨论的开关描述是否需要差分反馈?
我们查阅了材料设计规范,根据收集到的开关控制的两个要点找到了解决方案。
1)开关控制的交互应立即生效
如果实际状态被延迟,应该显示处理状态。基于这一关键点,我们查了一些app,发现有这样一个共性:我们直观的感受到了操作后立即生效的效果,一般不会设计额外的反馈。
Vivo手机暗模式和WiFi设置页面
2)开关控制的文本应帮助用户理解开关控制选项的含义及其状态
此处的文本包含交换机名称和交换机描述。基于这一关键点,我们还检查了一些APPs,发现当开关名称足够简单清晰,可以明确描述开关控制代表的含义和状态时,通常不会设计额外的反馈。
微信阅读截图
基于以上分析,我们发现开关控制是否需要额外的反馈,本质上是它是否能让用户立即感到有效。如果没有,设计应提供反馈,以帮助用户理解开关控制代表的含义及其状态描述。
开关状态的反馈方式怎么设计?
使用开关描述给出开关反馈。如上所述,在材料设计的描述中,文本用于帮助用户理解[开关控制选项的含义]和[他们所处的状态]。
官方定义中的文字不区分开关名称和开关描述,统一称为文字。那么为了让用户更好的理解语义,就不难理解为什么有的产品只有开关名而没有解释,有的却两者都有。在实际应用中,设计者有时可以根据开关选项所代表的含义的复杂程度,只显示开关名称,有时显示开关描述。
基于这个标准,在我们的设计案例中,开关描述缺少对其状态的意义描述(打开前后描述没有变化)。
遗留方案
YY方案一:
根据规范定义,描述状态。关闭时:不打开,无法享受最新最火的手游推荐;开机时:开机,会时不时给你推荐最新最热门的手游。
在实际应用中,通过文本解释给出反馈更加灵活:增加对业务需求的考虑。不打开时,不描述负面信息,而是显示兴趣点,吸引用户打开。
以美国外卖集团为例:
美团外卖截图
YY方案二:
补充业务方面的考虑,描述开业后的积极成果。关闭时:打开后可以享受最新最热门的手游推荐;开机时:开机,会给你推荐最新最热门的手机游戏。
其他切换反馈方法:
除了以上通过文字描述的反馈,toast和dialog也可以用于其他产品的日常使用,但这两种方式相比文字描述有不同的优势。
吐司,立即生效后的效果需要加强。
QQ音乐截图
对话框,需要操作(授权等。)才立即生效。或者,有必要告知(风险等。)才立即生效。
微信&: QQ音乐截图
总结两种开关设计思路;
1)切换状态是否需要额外的反馈设计?
判断用户是否能感受到手术后立即生效的效果;确定开关文本是否足够简单,可以明确描述开关控制的含义和状态。
2)开关状态切换的反馈方式如何设计?
使用开关描述进行开关反馈。您还可以根据所需的提醒强度选择是使用吐司还是对话框进行反馈。
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处.