圆圈是关还是开

人气:439 ℃/2023-07-17 15:46:09

圆圈是关。电源开关上常见的符号就是圆圈与竖线,是由二进制1与0基本定义进化来的,1就是开,0就是关,所以竖线代表接通“打开”的状态,而圆圈则代表“关闭”的状态。

开关标志广泛应用在生产与日常生活中,比如在家电、各类机车以及普通生产设备的总控开关箱上等都会运用到。

使用开关过程中,需要控制好力度,避免因用力过度而造成损坏,另外不要频繁拨动开关,以免会影响后期的使用。

开关的种类非常多,按照其作用归纳可以分为:行程开关、波动开关、录放开关、电源开关、波段开关、限位开关、预选开关、转换开关、隔离开关、控制开关等。

圆圈是关还是开?

小功能、大细节丨关于选择菜单的套路

上期文章中对搜索功能进行了拆解和细化,本期继续探讨一下单选框、下拉选择框等这一类选择菜单的使用方法。

在使用工具型产品时,我们经常能够遇到各式各样的组件,列表、下拉框、按钮、搜索等,这些组件的使用并不是随随便便摆放的,都有一定的原理和规范可循,今天就来聊一聊关于“选择菜单”的那些套路。

选择菜单主要分为三类:开关、单选/多选框、下拉列表。(这里我将单选框和复选框归为一类)

一、开关

使用场景:开关适用于具有明确开关功能或者对立关系的操作。

优点:很明确的表示出当前状态,操作具有对立性,要么是开要么是关;使用户产生点击欲望,用户操作时能够直观感受到两种状态的切换变化。

不足:只有两个选项,选项必须为对立的操作关系。

使用方法:

  1. 开/关两种状态要有明显的视觉区分,在颜色上,一般用绿色或蓝色表示打开状态,红色或灰色表示关闭状态;在形状上,用竖线表示打开,圆圈表示关闭状态。
  2. 两种状态切换要有明确的视觉反馈,要让用户看到状态的过渡。
  3. 表示开/关状态的文字应当放在按钮外面,在有的设计中,为了节约空间常将表示状态的文字放在按钮中。如下图左边所示,这种设计可能会造成用户迷惑:OFF代表当前是关闭状态?还是需要我点击OFF才能关闭?

二、单选/多选框

使用场景:选项5个以内,每个选项的的重要程度一样,彼此间存在对比关系。

优势:所有的选项平铺展示,用户一目了然;方便选项间进行对比;没有多余的操作路径,直接点击即可。

不足:占用空间过大,尤其是选项文字内容较多时。

使用方法:

三、下拉框

使用场景:选项多余5个(不超过15个),选项间对比程度较低,用户明确自己想要什么。

优势:节省页面空间;表单较长时通过隐藏(交互设计四策略之一)的方式减轻用户的心理压力;对于具有联动效果的表单来说。

不足:无法在第一层级展示全部内容;用户的操作路径较长;选项较多时用户体验较差;不太适合多选的情况。

使用方法:

四、总结

选择菜单的样式遵循产品的设计规范,一般情况下,具有对立关系的操作使用开/关的样式,选项少于5个时,考虑平铺的样式展示,多于5个时采用下拉框的形式。无论何种形式,都要从用户角度出发做到有效的引导、准确的信息传达和便捷的操作。

本文由 @ 墨白 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pexels,基于 CC0 协议

推荐

首页/电脑版/网名
© 2025 NiBaKu.Com All Rights Reserved.