1. 主页 > 设计资讯 > 行业动态

应注意开关状态切换的设计

编辑指南:在使用产品时,开关状态被广泛使用。好的开关设计可以帮助用户了解开关操作是否有效,这是用户体验的重要组成部分。笔者根据自己的工作经验,对开关状态的设计提出了自己的想法,希望对你有所帮助。

问题来自一个审核:切换开关状态前后,除了开关控件的UI状态外,开关描述之间是否应该存在反馈差异?我觉得挺有意思的。

小L:开关可以通过开关控制的UI反馈来开关,所以开关打开前后的文案没有区别,不会让用户看不懂。

小W:开关打开前后,说明文案没有区别。是否真的只通过UI状态反馈就让用户清楚的知道开机状态了?

应注意开关状态切换的设计(图1)

应注意开关状态切换的设计(图2)

开关状态的不同反馈开关描述

那么,为了帮助用户更好的理解开关操作是否有效,开关状态的切换是否需要额外的反馈,比如我们讨论的开关描述是否需要差分反馈?

我们查阅了材料设计规范,根据收集到的开关控制的两个要点找到了解决方案。

1)开关控制的交互应立即生效

如果实际状态被延迟,应该显示处理状态。基于这一关键点,我们查了一些app,发现有这样一个共性:我们直观的感受到了操作后立即生效的效果,一般不会设计额外的反馈。

应注意开关状态切换的设计(图3)

Vivo手机暗模式和WiFi设置页面

2)开关控制的文本应帮助用户理解开关控制选项的含义及其状态

此处的文本包含交换机名称和交换机描述。基于这一关键点,我们还检查了一些APPs,发现当开关名称足够简单清晰,可以明确描述开关控制代表的含义和状态时,通常不会设计额外的反馈。

应注意开关状态切换的设计(图4)

微信阅读截图

基于以上分析,我们发现开关控制是否需要额外的反馈,本质上是它是否能让用户立即感到有效。如果没有,设计应提供反馈,以帮助用户理解开关控制代表的含义及其状态描述。

开关状态的反馈方式怎么设计?

使用开关描述给出开关反馈。如上所述,在材料设计的描述中,文本用于帮助用户理解[开关控制选项的含义]和[他们所处的状态]。

官方定义中的文字不区分开关名称和开关描述,统一称为文字。那么为了让用户更好的理解语义,就不难理解为什么有的产品只有开关名而没有解释,有的却两者都有。在实际应用中,设计者有时可以根据开关选项所代表的含义的复杂程度,只显示开关名称,有时显示开关描述。

基于这个标准,在我们的设计案例中,开关描述缺少对其状态的意义描述(打开前后描述没有变化)。

应注意开关状态切换的设计(图5)

应注意开关状态切换的设计(图6)

遗留方案

YY方案一:

根据规范定义,描述状态。关闭时:不打开,无法享受最新最火的手游推荐;开机时:开机,会时不时给你推荐最新最热门的手游。

应注意开关状态切换的设计(图7)

应注意开关状态切换的设计(图8)

在实际应用中,通过文本解释给出反馈更加灵活:增加对业务需求的考虑。不打开时,不描述负面信息,而是显示兴趣点,吸引用户打开。

以美国外卖集团为例:

应注意开关状态切换的设计(图9)

美团外卖截图

YY方案二:

补充业务方面的考虑,描述开业后的积极成果。关闭时:打开后可以享受最新最热门的手游推荐;开机时:开机,会给你推荐最新最热门的手机游戏。

应注意开关状态切换的设计(图10)

应注意开关状态切换的设计(图11)

其他切换反馈方法:

除了以上通过文字描述的反馈,toast和dialog也可以用于其他产品的日常使用,但这两种方式相比文字描述有不同的优势。

吐司,立即生效后的效果需要加强。

应注意开关状态切换的设计(图12)

QQ音乐截图

对话框,需要操作(授权等。)才立即生效。或者,有必要告知(风险等。)才立即生效。

应注意开关状态切换的设计(图13)

微信&: QQ音乐截图

总结两种开关设计思路;

1)切换状态是否需要额外的反馈设计?

判断用户是否能感受到手术后立即生效的效果;确定开关文本是否足够简单,可以明确描述开关控制的含义和状态。

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

使用开关描述进行开关反馈。您还可以根据所需的提醒强度选择是使用吐司还是对话框进行反馈。

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/jhsj/665.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息