赞助商
立即赞助

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

交互设计3年前 (2021)发布 流光
1.9K 0 0

背景

问题来自一次旁听:开关状态切换前,除开关控件的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」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

故事要从我搬到新出租屋开始讲起。半年前搬到新的出租屋后,房间里配置的洗衣机也比之前的大了一倍,而且操作区上分布着的密...
开关
本期文章主要研究单选和多选控件的设计细节,虽然是很常见的控件设计,但是也是有非常多需要注意的地方。能提炼总结常见事物...
单选控件
前言 最近半年,一直有设计师请教我如何培养交互思维,在行业日渐饱和的情况下,设计师们也意识到了「交互思维」的重要性,不...
交互作品集
编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优...
UI 设计
近一年半的时间,我一直在思考,设计的核心能力有哪些?由哪些能力来决定一名交互设计师是否优秀? 我总结了优秀的交互设计...
交互设计
这篇文章来自于 Invision 出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富专家的...
UI
文章是关于设计研究中的定性与定量研究方法、步骤,用户访谈的一些思考。 一、设计研究的方法 现在关于用户研究的书特别多,...
交互设计
@青铜央央 :开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常...
交互设计