菜单 关闭

单选按钮:默认选择一个还是全部不选择?

通过 卡拉佩尼斯6月1日,二千零一十四

总结:在大多数情况下,默认情况下选择一个单选按钮。偏离或不偏离的原因:加速任务,建议的力量,用户期望,安全网。


介绍

你可能在想,怎么会有人能为一篇关于谦虚的文章收集足够的词汇呢?无处不在的无线按钮,特别是,设计人员是否应选择默认选manbetx官方网站手机版择的选项之一。在你击中之前背部按钮,想想古老的格言“魔鬼在细节中”,那么多的收音机按钮今天是彻头彻尾的狡猾。所以请继续阅读以避免创建一个邪恶的设计。manbetx官方网站手机版

首先,快速提示单选按钮的作用:它们显示一组相互排斥的选项,用户可以从这些选项中只选择一个.有时会有人混淆单选按钮和复选框,但当用户可以选择任意数量的选项(零,一,或者很多。)

4个选择了选项1的单选按钮,选项2,3,未选择4个

无线按钮线框。

在传统的应用程序设计中,manbetx官方网站手机版默认情况下,列表中的第一个单选按钮始终处于选中状态。但是网站设计的自由世界挑战了这种做法,manbetx官方网站手机版使默认情况下没有选择任何单选按钮变得相当常见。今天的网站,形式,应用程序默认不一致地选择一个或保留所有单选按钮为空。如果默认情况下没有选择任何按钮,用户在进行选择后,无法恢复到此原始状态。缺乏标准会让用户感到困惑。

历史隐喻

模拟无线电的时代早已过去。我在20世纪80年代开过的雪佛兰黑斑羚(也就是发动机实际运转时)夸耀说它有一个带机械按钮的收音机,如下图所示。

带镀铬按钮的机械收音机

带机械按钮的收音机示例,在老式车里发现的。

使用这种收音机和其他同龄的收音机需要体力来按下按钮和更换电台。你还需要硕士学位才能成功地“编程”其中一个按钮。(额外学分:将这些按钮之一编程到电台的步骤是什么?在本文末尾回答。)

软件单选按钮是根据这些物理单选按钮建模的。反对者可能会退缩,但是,使用模拟物质世界的隐喻可能会有所帮助,也很有吸引力。然而,在这种特殊的情况下,这些过时的收音机对当今大多数网络用户来说都是陌生的。这是一个反对匹配这个现实世界隐喻的论点。

放弃这种独特隐喻的第二个原因是物理设计本身存在缺陷。manbetx官方网站手机版即,大多数人没有意识到没有选择按钮是可能的,因为没有感知负担信号。在典型用法中,按下按钮将弹出(取消选择)已选按钮。但是,您也可以通过用力拉选择的按钮,直到它变成取消选择的状态,返回到“未选择”状态。人们怎么会知道?必须告诉他们,阅读用户手册,或者只是简单的猜测。(我妹妹黛布告诉我我们小时候,从那时起我以为她就是爱因斯坦。)

这种最初的设计缺陷一直延续到manbetx官方网站手机版今天的网站,应用,和移动设计。manbetx官方网站手机版基本上,manbetx官方网站手机版设计者不知道默认单选按钮选择的规则是向上(或向内或向外)的。

默认情况下选择一个单选按钮

无线按钮设计的主要指导原则是manbetx官方网站手机版默认情况下,选择一个单选按钮(即,当页面加载时,这是一个很好的可用性和优雅的设计。manbetx官方网站手机版我这么说不是因为我在挥舞传统主义的旗帜,甚至为了一致性。在这种情况下,我要游行的横幅将用以下概念装饰:

  • 用户控制,
  • 催交任务;和
  • 建议的力量。

1。让人们控制并与他们的期望保持一致

其中之一用户界面设计的10种启发式方法manbetx官方网站手机版表示用户应该能够撤消(和重做)他们的操作。这意味着允许人们将UI控件设置回其原始状态。对于大多数控件,您可以“取消选择”所做的选择。(所需的元素稍后可能会显示注释或错误消息。)但您不能单击或点击所选的单选按钮来取消选择。

默认情况下,如果未选择任何操作,则不会传递选择操作的最终性。这种交互模型令人困惑且出乎意料,使人们感到失控。它还促使人们做疯狂的事情,比如回去可能会失去内容,刷新页面,双击(或点击)单选按钮取消选择,以其他迷信的方式行事。

默认情况下,选择一个单选按钮可以防止这些问题,并从一开始就与用户通信,要求用户在集合中选择一个。

2。加快任务

当一组单选按钮中的某个选项被认为是最需要或最经常选择的选项时,默认情况下,在设计中选择此选项非常有帮助。manbetx官方网站手机版这样做可以减少交互成本可以节省用户时间和点击次数。

例如,几年前,我加入Care.com为我的凯恩梗找了一个狗保姆,Columbo当我旅行的时候。在我找到某人之后,我决定取消服务。当我取消会员资格时,网站巧妙地显示了一个带有两个单选按钮的页面:一个用于取消订阅,另一个用于保留会员资格,以防我需要后援。或者需要其他类型的照顾。(也许我的无花果树需要照料?)

网站显示的消息--对,切换我的会员资格,最多可节省83%--可能因为推迟取消而出卖了一些人,就像把升职放在单选按钮列表的第一个位置一样。但是,了解到大多数人确实想退订,如果他们已经达到这一点,默认情况manbetx官方网站手机版下,选定的设计器将显示不用了,谢谢。继续降低我的会员资格。这个默认值使我能够只扫描选项并单击继续按钮,而不需要点击并选择不,当我刚告诉网站我想退订的时候,我感到很恼火。

car.com消息说你快完成了,但显示了保持网络地位的好处

care.com巧妙地将与取消成员资格相关联的单选按钮设置为默认选项。

在马萨诸塞州交通部现场,更新汽车登记的付款页面提供付款方式:电子支票信用卡,但没有默认选择。

电子支票和信用卡单选按钮均为空

网站回顾韵律学下订单可以很快决定最流行的付款方式,提示设计者哪些应manbetx官方网站手机版该是默认选择。

三。利用建议的力量

manbetx官方网站手机版默认情况下,带有单选按钮的设计即使对用户来说也是一个强有力的建议。默认选择可能会引导用户做出最佳决策,并可能在他前进的过程中增加他的信心。特别地,默认的无线电选择可以帮助此人,让一个人朝着组织希望他去的方向摇摆。

协助伤者

默认帮助用户。在选择可能很复杂或不熟悉的情况下,他们尤其乐于助人。当标签和说明是外国的时,默认值将指导用户在他可能不理解的选项中进行最佳选择。例如,Dropbox的安装屏幕之一选择标签为的单选按钮典型帮助人们开始安装。此外,术语先进的与万博官网manbetx下载…并列典型使后者对不太精明的用户更有吸引力。和那些话推荐正常的同时也灌输信心。

选择典型收音机,先进不是

Dropbox中的安装对话框通过提供默认选择来帮助用户。

摇晃人

组织有动机,经常想说服用户以有益于他们的方式行事,这不是秘密。默认选择可以哄人沿着特定的路径。一个默认的选择也可能导致一个人以一种特定的方式感知组织,或者可能影响到他的归属感。

举个例子,捐钱给一个事业,这是一个敏感话题,对于那些对自己计划捐赠的金额有自知之明的人来说。考虑一个人对单选按钮所建议的数量的反应,尤其是选定的默认值。让我们考虑两个简短的场景来指导我们:

情景1:人们计划给30美元。他看到了收音机的按钮:

  • 决定30美元比组织想要的少,所以他根本不捐款。这种情况对组织和用户都是不利的。
  • 给50美元太多了。这个决定对组织是积极的(至少在短期内),对用户是消极的。

场景2:人们想要捐赠10000美元。他看到了收音机的按钮:

  • 决定给所有的10000美元是过高的,减少他的捐款到一个小得多的数额。此选择对组织是负面的。
  • 按照建议,再次捐赠50美元(并在其他地方捐赠剩余的1万美元)。这个决定对组织是不利的。

偶尔地,用户的假设可能是错误的,或者可能违背组织的目标或最佳利益。如果用户的预期选择与可用的或建议的选择有很大的不同,也可能会让用户感到疏远。所选金额可能是推定的,别再拖延了,可能会降低其他人的捐赠金额。所以,为了做出最好的选择,一定要了解组织的目标和用户的典型行为。

如果你不能自信地收集用户的信息,考虑一个可选的用户界面控件(除了没有选择的单选按钮)可能会像世界野生动物基金会为北极熊每月捐赠部分所做的那样:一个空的区域,建议的数量出现在该区域之后。

捐赠字段中没有默认金额

世界野生动物基金会允许人们输入他们每月想要捐赠的金额,但对字段后的数量提出建议。

在另一个例子中,环境保护基金网站建议捐款金额在25美元到5000美元之间。尽管有默认选择,仅仅因为有提议的数额,就可以告诉用户该组织希望人们至少捐赠25美元。

选择50美元的收音机,25美元,100美元,500美元,1000美元,5000美元是空的手机上的收音机按钮会被包裹起来,因此很难分辨出与哪个收音机对应的音量。

环境保护基金网站设定50美元作为默认捐款,正如二所见响应式设计manbetx官方网站手机版笔记本电脑(左)和手机(右)上的版本。

默认情况下,选择与$50关联的单选按钮。我不知道EDF是如何违约的,但我猜他们选择它是为了帮助用户,可以想象,50美元是最常见的捐赠金额。或者网站是个性化的或者使用cookie,而且知道50美元是这个人过去捐赠的。

但让我们先假设一下,动机是要说服人们捐献50美元以上。在这个设计中,人manbetx官方网站手机版们看到人们捐赠5000美元是合理的;50美元是相比之下微不足道.所以网站基本上说,“人们给5000,但我们会很高兴得到50美元。”这种谦逊甚至可能会吸引一些捐助者捐赠100美元或500美元。

manbetx官方网站手机版设计笔记

  • 水平单选按钮有时很难扫描。从EDF示例中可以看出,单选按钮的水平排列可以使您很难分辨出单选按钮对应的标签:按钮前的标签或按钮后的标签。当这个EDF响应式设计站点在手机上查看时,这个问题更为明显。manbetx官方网站手机版垂直定位单选按钮更安全。
  • 收音机按钮在自然界很小,而且,因此,根据Fitts定律,它们可能很难点击或点击。为了扩大目标区域,允许用户通过单击或点击而不仅仅是该按钮来选择一个选项,也包括标签或相关词语。这比获取按钮本身的微小目标要容易得多。

克服各种借口

下面我将介绍一些常见的对无线电空白的防御措施。

不知道大多数用户想要或做什么

在建议任何选择时研究用户是很重要的,并且可以通过本文下一节中列出的方法有效地做到这一点。

避免擅自或疏远默认选择

设计人员经常遇到的一个单选按钮默认选择是选择性别还是像Mr.manbetx官方网站手机版夫人。,女士:或者错过。manbetx官方网站手机版设计师不想冒犯客户,也不想冒险用错误的名称称呼某人,因此,默认情况下,这些单选按钮都是空白的。但这并不能解决问题,因为即使指定的呈现顺序也可能具有类似于默认选择的效果。manbetx官方网站手机版没有默认选择的更好选择包括:

  • 研究你的用户群以确定大多数人所属的名称。manbetx官方网站手机版默认情况下选择它。
  • 确保单选按钮可见,以便人员可以批准或更改选择。
  • 如果您已经知道用户是谁(例如,通过基于角色的系统,)选择正确的名称。manbetx官方网站手机版
  • 提供一个开放的领域,人们可以在其中键入名称,manbetx官方网站手机版该网站在后台进行工作以保持数据库的整洁。
  • 考虑一下您是否需要询问这些信息。知道用户的名称确实提供了一个机会,可以manbetx官方网站手机版增加一个级别的正式性和尊重你未来与此人的通信。但如果这个姿势不是特别重要,你可以从诸如johneregifts.com这样的网站上得到提示,然后单独询问此人的姓名,没有指定。manbetx官方网站手机版

表单要求输入名字和姓氏,但不是先生。夫人。女士。错过,ETCIS

johndeeregifts.com没有要求,夫人。,错过,太太manbetx官方网站手机版名称。

需要安全网

一些设计师manbetx官方网站手机版担心人们不会看到默认的选择选项。或者组织的律师或联邦机构授权用户主动点击并接受选择。在某些情况下,设计提供没有默认选择的收音机。manbetx官方网站手机版用户可能无法提交表单,例如,直到他选择了一个单选按钮,或者,如果他能提交表单,他会收到一条错误消息,责骂他做出选择。

这是一个无法想象的设计安全网。manbetx官方网站手机版处理起来很不愉快,这是一种不领情的强迫注意力的方式。考虑其他选择,例如:

  • 使用一个循序渐进的线性过程,引导人们进行可能的选择。
  • manbetx官方网站手机版以足够的间距设计页面布局,文本,尺寸,而色彩则是引导用户注意的一个重要选择。
  • 考虑重组内容并提供一个复选框来确认选择。
  • 如果足够简单,将确认包含在继续或提交页面或对话框的按钮名称中。

如何确定最佳默认单选按钮选项

manbetx官方网站手机版设计师有许多快速或参与的用户体验研究方法选择,万博官网manbetx下载便宜或贵,帮助他们找到最适合用户的答案的高或低信心。从这些研究方法开始,以确定什么是合理违约:

关于业务需求和愿望,与企业需要超越的权力进行讨论,引导人们做出选择,公然而谨慎地。

摘要:默认情况下选择一个单选按钮

manbetx官方网站手机版以这种方式设计单选按钮中使用的问题和选项默认选择很有用,并以积极的方式提出建议。如果您正在考虑默认情况下不选择任何单选按钮,仔细想想你这样做的原因。

默认选择的原因

  • 匹配旧收音机的隐喻(坏):这不是一个好的理由,因为没有必要(或可能有帮助)匹配这个特定的隐喻。
  • 加速任务(好):如果您已经进行了任务分析,并且大多数用户都做出了相同的选择,那么进行默认选择会很有帮助。
  • 让人们控制并与他们的期望保持一致(好):默认情况下最好有一个选定的单选按钮,因为一旦选择了按钮,人们就不能取消选择并将其设置回原来的状态。默认选择设置正确的用户期望。
  • 建议的力量(好):选择是指导性的。有些事情值得注意,尽管是自以为是,咄咄逼人的,无礼的,或疏远。考虑内容和默认选择,用户对它的反应,以及选择对用户和组织的短期和长期影响。除非它经过了彻底的测试(通过观察方法和指标),并被证明是成功的,避免随意的默认选择。

没有默认选择的借口

  • 不知道用户想要或做什么:在这种和任何设计情况下,manbetx官方网站手机版我们应该了解我们的用户以及他们想要和需要什么,经常这样做。
  • 傲慢或疏远的选择:这可能是默认情况下不选择单选按钮的最有效原因。但是考虑一下你是否需要询问这些信息,或者是否可以使用其他UI控件来捕获所需的数据。
  • 安全网:抓人,确保他们看到并积极地选择一个选项:可能有一种更优雅的方法来设计交互,而不是期望用户错过一个命令,并在事实发生后用一条错误消息来捕获他。manbetx官方网站手机版寻找其他方法来引导用户的注意力。

如果您不能自信而满足地在单选按钮列表中提供默认选项,考虑使用可适应特定情况及其目标和约束的备用UI控件。

额外学分答案

你放弃了如何与那些老学校“规划”一个电台吗?机械按钮?这是怎么做的。使用调谐器拨号到您想要的电台,然后找到按钮“编程”电台到。现在拔出按钮,超过“未选择”状态。用力拉,好像你真的想把收音机弄坏似的。然后将其一直向后推,以选中它。那是有效的,通常情况下。为了测试它,换台,然后再按一下按钮,看看它是否调到你想要的电台。如果它有效,用尼尔钻石放松一下。如果它不起作用,那么重复,更好。

有关单选按钮和其他GUI小部件的更多信息,也看到我们Web和桌面应用程序设计manbetx官方网站手机版当然。