《GUI设计禁忌》2.1 使用了错误的控件

2.1.1 复选框和单选框

1: 错把复选框当做单选框
2: 错把单选框当做复选框

当位置有限时,可以用以下方式替代单选列表:
1:下拉列表
2:滚动列表框
3: 选值框

当选项不是互斥的时候,一定要用复选框;当选项是互斥的时候,一定要用单选框。

单选按钮适用于:

  1. 选项数目是固定的,并且较少,2-8个。
  2. 面板上有足够的控件,可以显示所有选项。

单选按钮总是成组出现,至少是两个。单个的单选按钮不是一种有效的控件,不如改成开关型控件。

复选框:
表示一个开关设置。它们的值应该是相互独立的。复选框可以组合在一起表示一组相关的开关设置。

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: 为只读数据提供输入控件

如何避免:严格区分以下类型: 激活的,禁用的,不可编辑的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,982评论 4 60
  • 早饭、晚饭,都正常吃,只是不吃主食。中午是蔬菜沙拉,纯素。 中午在健身房锻炼,腰腹训练。 傍晚参加易居跑团,5分配...
    hanyu007阅读 130评论 0 0
  • 童诗 | 反义词 在冬天里养植物的房子叫温室,那在夏天里养植物的房子,就是冷室吗?不是,不是。冬天吃的是火锅,那夏...
    Fenny_官阅读 378评论 0 1
  • 小猪小猪你快长,长大骑你去放羊。 野外野味那么多,吃饱咱家省点粮。
    简村小吹阅读 143评论 14 12
  • 前天和朋友去县交通大队拿车检合格的标志,常年在外,我很少在县城办正经事。偶尔去,也是约三五好友吃饭打球。 到交通大...
    爆爆爆阅读 199评论 0 0