傻大方


首页 > 潮·科技 > >

控件|深度解析:开关设计



按关键词阅读: 字节跳动 电商 tiktok gmv 中证报 传字节跳动

编辑导语:开关这一功能在APP等应用中十分常见,但是开关有许多种类型,在具体的应用场景下,使用哪种开关设计会更合理和便捷呢?本篇文章里,作者介绍了开关的分类、形式和相应的设计策略等,不妨来看一下。
控件|深度解析:开关设计
文章插图
开关是很常见也很广泛的一种操作形式,轻点一下即可完成打开和关闭的操作。现实中,开关是以使电路开路、使电流中断或使其流到其他电路的电子元件。例如,墙壁开关、电源开关。
在触摸屏幕上,Material Design中也给出相关定义:
随着iOS的滑块开关被广泛接受,之后安卓系统中的开关也跟进,之后几乎所有的APP都追随滑块形式的开关,目前开关的表现样式是非常固定的。
在实际运用时,开关仿佛很受到设计者的喜爱,运用非常的广泛,甚至“一切设置皆可开关”。开关到底应用怎么运用才合理,我们一起探究。
一、开关分类1. 立即反馈开关属于该手机或应用的某个独立功能,例如WLAN或蓝牙等开关,其作用是立即生效且反馈的,立即会根据用户的操作做出对应功能开启或关闭的反应。这类开关是最贴近生活中电子元件的开关,也是最原始的的开关类型。
2. 延迟反馈开关开关经过演变,涵盖范围开始扩大,对于手机的某些模式都用开关来表达,例如勿扰模式、静音模式、自动调节亮度选项等,这些开关打开后,手机本身并没有立即反馈,等到来电或通知接收时,开关才产生作用。
3. 弱反馈开关(功能性开关)后来很多设置选项都加入其中,例如“用侧边按钮呼叫”“自动保存通话录音”等。此时的设置项用动词的表达,阐述某个功能,该功能一般是小的辅助功能或自定义的功能,优化主干功能。该类开关并不以反馈为目的,而是通过开关增加一个功能点。
此时的开关相当于“选择”,而开关只是一种表现形式。
二、开关的形式开关则可根据自身想要表达的内容的重要程度、可理解程度进行延展。

  1. 对用户的行为和操作有一定影响的开关,一般会在副行说明开关打开后的结果。
  2. 对用户当前的状态需要进行改变的开关,一般也会进行确认操作。增加确认操作弹框,会打扰用户当前的操作,仅适用于对用户影响较大的状态的开关。
  3. 对于简单易理解的设置项,通常无需过多解释。
控件|深度解析:开关设计
文章插图
上图中,菜鸟裹裹关闭通知,认知简单,无需给出提示。
三、开关的设计策略1. 文本运用开关的组成通常是文本+开关控件的形式。
1)文本的表述尽量使用肯定句,不用使用否定词的语句
例如“不把我推荐给好友”,这个句子本身就是否定句,开关控件本身也有打开和关闭两个属性,这时为了理解此开关的含义需要绕弯理解,也可能是为了误导用户,提高转化率而设置的。
控件|深度解析:开关设计
文章插图
2)文本精练,避免重复用语
例如“打开后”或“开启后”的副行文字,开关本身的空间已经包含了”打开后”,无须赘述。
控件|深度解析:开关设计
文章插图
3)使用简单句型,避免条件句等复合句型
例如“响铃模式振动”“静音模式振动”,这类句型本身含有一定的条件,且与其他的操作有着密切的关系。
控件|深度解析:开关设计
文章插图
2. 减少使用多重条件开关多重开关,也可理解为子母开关,大开关套小开关的形式。通常子开关都是母开关的特殊条件,会大大减弱母开关的作用效力,容易忽略子开关条件之间的互相影响,增加理解困难。
此时的子开关无法独立使用,一般为条件状语。子开关越多,则情况越多。
例如:
  • 1个子开关对应2种情况(子开关打开和关闭);
  • 2个子开关对应4种情况(两个子开关均打开、均关闭、子开关1打开且子开关2关闭、子开关1关闭且子开关2打开);
  • N个子开关对应2的N次方种情况,以此类推。
备注:原则上每个子条件,虽未以开关的形式展现,其效力是相同的。
例如IOS的勿扰模式,勿扰模式开关为母开关,“重复来电”“设定时间”均为子开关,是勿扰模式行使功能的条件。
控件|深度解析:开关设计
文章插图
当母开关和以上两个子开关均打开时,情况是:在设定的时间内开启勿扰模式,且支持重复来电。问题:


稿源:(人人都是产品经理)

【傻大方】网址:/c/112EL1612021.html

标题:控件|深度解析:开关设计


上一篇:孙里|疯狂的元宇宙课程,都卖给了谁?

下一篇:云计算|MarketsandMarkets:到2026年云计算市场将达到9473亿美元