2.1.1 复选框和单选框
1: 错把复选框当做单选框
2: 错把单选框当做复选框
当位置有限时,可以用以下方式替代单选列表:
1:下拉列表
2:滚动列表框
3: 选值框
当选项不是互斥的时候,一定要用复选框;当选项是互斥的时候,一定要用单选框。
单选按钮适用于:
- 选项数目是固定的,并且较少,2-8个。
- 面板上有足够的控件,可以显示所有选项。
单选按钮总是成组出现,至少是两个。单个的单选按钮不是一种有效的控件,不如改成开关型控件。
复选框:
表示一个开关设置。它们的值应该是相互独立的。复选框可以组合在一起表示一组相关的开关设置。
2.1.2 禁忌2:在非开/关设置中使用复选框
复选框不应该用于两个不相反的值的设置。仅在设置的两个值很常见,明显相反时,才使用复选框。如: On/off。这样,一个标签同时起到三个作用:标注整个设置、指出一个值,其相反值就显而易见了。
2.1.3 禁忌3: 使用命令按钮作为开关
将命令按钮做诶开关控件,通常不能显示它们当前的状态。
原因在于,按钮本身的潜在提示是:点击一下实现文案所示效果。
而开关则是:开,就是文案所示效果;关,非文案所示效果(正好相反)
联想到,目前很多插线板按钮式的开关,在开的时候都会有LED灯显示开,关的时候则没有。按钮式开关可以向现实中的开关学习。
目前我们有用命令按钮作为开关控件,比如“在接单”开关。为了和旁边的“Ping”按钮统一,都用了按钮形式。开和关用的不同背景颜色和文案,足够显著到让用户知道。且点击后有toast提醒用户。
类似我们之前APP的“已签约”按钮,对比web的已签约单选项,按钮就明显容易造成误解,让用户不明白现在展示的到底是已签约,还是要点一下才会展示已签约。
常见的开关控件:
常见开关控件新型按钮型开关控件:
按钮型开关控件2.1.4 使用选项卡来作为单选按钮
选项卡的作用是导航,而不是选择。
它影响用户在应用程序中的位置,也就是影响其他设置的可见性,选项卡本身不应该是设置。
如果使用选项卡来作为单选按钮,这个与用户的期望有差别,会让用户迷惑。
用户只希望通过选项卡用于在面板间进行不同类别切换,面板上面的每个选项才是需要做选择的地方,而不是需要选择这个面板。
导航与渐进式显示:影响其他设置可见性的单选按钮或菜单并不是主要起到导航的作用,他们是“渐进式显示”这个简历良好的用户界面设计原则的实例:隐藏细节知道它们相关时才显示。
2.1.5 禁忌5:太多选项卡
太多选项卡将导致布局困难,即使是通过双排选项卡也无法解决这个问题。
设置双排选项卡的时候,如果选中后排某个,则整个后排都讲不可避免地前移,导致其他所有后排选项卡也都换了位置,从而需要用户重新适应。
这也是我很不喜欢的一个限制。
如何避免?将内容组织在更少的面板里面。永远不要使用多行选项卡。
2.1.6 禁忌6: 为只读数据提供输入控件
如何避免:严格区分以下类型: 激活的,禁用的,不可编辑的
网友评论