交互译文-表单选项设计对于用户选择的影响

本篇文章是我在Smashing magazine上看到的偏学术一点的设计文章,讨论的更多的是从心理学上、业务逻辑上对于设计的影响。文章的标题让我纠结了好久,可能会文不对题,大家看内容后应该能理解我想表达的,下面进入译文。

作为一个交互设计师,你也许已经设计了很多网页端或APP端的、需要用户去选择的表单及其组合了;你非常了解表单设计的规则、特点。但是,你是否曾经考虑过表单设计是如何影响用户选择的?不同的表单设计会给用户选择带来不同的引导,从而影响着用户的选择结果。

举个栗子,你正在设计一个表单,用户通过表单来选择是否需要参加一个预防疾病的理疗课程,比如流感疫苗注射。有好几种设计方式,例如你可以设计一个checkbox让用户来勾选是否参加;同样,你也可以设计一个radio button来清楚的列出两种不同的选择信息。如下图:

这两种不同的设计是否会使用户做出不同的选择呢?进而,我们可不可以通过不同的表单设计来引导用户的选择呢?

默认状态的威力

上图两种设计的关键不同之处是checkbox需要一个默认的状态:默认被选中或者默认不被选中;相比来说,radio button不需要一个默认的状态。在checkbox的例子中,用户甚至不需要做任何选择,因为它已经默认选择好了。

Robust body of research 以阐明当向用户提供一个默认的状态选项时,相当一部分用户不会去改变它。当这个checkbox被默认勾选时,很多用户不会去勾掉(uncheck)选项,反之亦然。当用户准备做一个清晰的选择的时候,对于选项的内容描述就会变得敏感,这往往需要花费更多的时间、精力和详尽的思考、对比。

还有一个有趣的现象:用户对于有可能导致TA失去一些权利或其他什么的时候表现的无比敏感!当选中这类选项时,用户会下意识的感到“沮丧”。尤其当用户犹豫怎么选择时,不选择(这个时候给一个默认选项将对TA来说是一种莫大的帮助)将比选择一个可能导致TA失去什么的选项更能获得安慰。因为用户往往有个不真实的期望(unrealistic expectation):TA可以在将来做出更准确的选择!被动的选择默认状态会让用户感到安全感,更加简单,和更小的风险。

为了更准确的选择而设计

被动的选择默认选项在网站、app设计中被广泛的使用。然而,对于用户来说,主动地做出选择是否更能让TA感觉更加好呢(主动性、主宰自己命运的自豪感!幻想一下自己去填了一张人大代表的选票!)那么,我们可不可以在表单设计中将选项设计的更加清晰明确一些,以此来引导用户主动地去选择呢?带着这个问题,用研团队开展了一项课题研究:清晰准确的选择设计怎样影响用户的选择结果。用研团队以真实的案例为论据,来研究对比两种清晰准确的选择设计所带来的用户选择结果。(401(k)plan是A国的雇主担保计划,加入后会有一些减免税的政策)

设计1:

“我想加入401(k)计划”

“我不想加入401(k)计划”

设计2:

“我想加入401(k)计划并从雇主竞赛中获利”

“我不想加入401(k)计划并不想从雇主竞赛中获利”

两种设计阐述的是一个主题。设计1中,两个选择是相等重要的;用户在这两个描述中没有特别的重点来倾向选择其中一个,这两个选项是简单的、完全相反的客观的、理性的内容,没有任何一个能让用户主观上感觉到比另一个好。设计2中,清晰地注明用户将在选项中享有或失去一些东西。

案例研究表明,相较设计1,使用设计2的用户中,有更多的比例注册了401(k)计划,而且真正参与到该计划中的用户也有所增加。为什么设计2中的阐述方式能够如此影响用户的选择呢?因为从纯设计角度来说,设计2中更详细的表述选项内容看起来比较冗余,一点也不简洁。原因在于(作者自问自答好嗨皮):一般情况下,用户是不情愿主动去寻找必要的信息来帮助他们做选择的。(这可能源自于人类骨子里的惰性吧,我猜想)因此,设计2中看似多余的表述起到了作用。当我们主动地为用户提供了帮助选择的信息后,我们其实避免了用户花费更多的时间去寻找、分析这个选择背后所需要的信息支持。基于此,为用户提供更多明确的信息对于用户选择的帮助是巨大的。

规避潜在的损失

对于那些没有选择参加401(k)计划的用户来说,保持默认的选项(不参加)表面看起来并没有导致某种潜在的损失。相反,大部分用户知道,参与该计划后将对该计划做出一些贡献和支出-日常的家庭支出费用将不再那么充裕(笔者不太了解该计划的详情,只是根据字面意思揣测,如果误差过大,你来打我啊!)。而且投资本身就意味着预算支出,意味着潜在的财务损失风险(投资失败)。因此,勾选选项参加计划表面上看来比默认不参加计划来的风险更大一点。

但是,如果我们将保持默认选项(不参加)的潜在支出和损失(此处意味着失去了雇主竞赛的机会)明确的表述出来,那么选择参加计划的就变得对用户更加有利。对于用户来说,规避损失比获取利益更加的有诱惑力。

如果我们把设计2中的选项换一种表述:

“我想加入401(k)计划”

“我不想加入401(k)计划并不想从雇主竞赛中获利”

选项中并没有提示用户TA将从计划中获取什么利益,只是提醒用户不参加计划的话TA并不会损失什么。在这种表述下,我很怀疑还会有大多数用户会被激励着选择加入计划。

现实中的例子

下面我们来列举现实中的例子来说明清楚的表述选项内容对于用户选择的影响力。米国有家制药公司CVS/caremark,公司的用户里有很大一部分选择了他们的“自动延续处方药”项目(automatic prescription-refilling program),他们的选项表单是长这样子的:

"我希望自己订购我的处方药"

"我希望注册到ReadyFill@Mail(自动延续处方药项目)"

第一个选项提醒用户不注册到项目的后果-需要自己去花时间订购自己的处方药。这样表述的结果是21.9%的用户选择加入到项目中,12.3%的用户选择了第一个选择。更有趣的是,选择加入项目的用户相比没加入的用户消费了更多的处方药。

零售世界中的例子

清楚明确的选项表述能够提示用户他们将要获得的利益和潜在的损失,从而引导用户做出更积极的选择。一些在线购物平台广泛的利用了这一点来提高转化率。

Moissanite是一个美帝的在线购物平台,当用户浏览网站一段时间后,网站会弹出提示框(太打扰用户的体验了!)请求用户填写他们的邮箱地址,如果用户填写了地址,那么他们将会在下次购物享受10%的折扣。填写了邮箱地址意味着将收到很多“垃圾邮件”;但是,在选项的底部我们发现有一条提示,它是这样写的“不,谢谢,我比较喜欢支付全价”。在这里,付全价对于用户来说是一种潜在的损失,因为你可以用收取垃圾邮件的代价换取10%的折扣。

再举一个栗子,Bauble Box,当你浏览网站一段时间后,网站跳出弹窗向用户提供一个15%折扣的初次购买优惠政策,以此来换取用户填写邮箱地址。

值得注意的是这里并没有像“X”号这样明显的能够关闭这个弹窗的组件。要想关闭这个弹窗,用户必须点击弹窗底部的“Continue as guest”(继续作为游客浏览)链接,而且这个链接也不是那么的明显。网站设计者刻意的引导用户去花时间去发现关闭弹窗的方法,虽然这样做可能会导致不好的用户体验,但同时也会提高用户发现“继续做为游客”链接底部的一句话(没有15%的优惠喽!)

这样的设计方式反映了设计师背后对于用户体验和网站业务的思考,是否应当牺牲用户体验来换取自身业务的提高?用户对于糟糕的用户体验的忍耐程度是多少?怎样去平衡用户体验和业务干预程度从而不让用户最终放弃使用我们的产品?这些都是非常值得产品方思考的。

总结思考

通过案例学习我们了解到,在选项表单设计中,默认状态的设置能够为用户带来安全感,更加简单,和更小的风险。但同时,因为一些其他的因素,默认状态的设置不全是合适的。提供清晰明确的选项表述,引导用户自主选择在一些情况下更能提高用户的参与程度,从而提高业务转化率。

非常重要的一点:在选项表述中明确地提示用户他们将得到的和损失的将很大的影响他们的选择。同时,怎样表述选项的内容,也会在很大程度上影响用户的选择。

作为一个交互设计师,我们应当了解设计对用户所带来的影响,有的时候,我们的设计可以引导,甚至是驱使用户做出选择。因此,当我们做设计时,应当多方位的思考、权衡,已做出最“适合”的设计。

英文原文地址:http://www.smashingmagazine.com/2015/05/designing-for-explicit-choice/

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,100评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,568评论 25 707
  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,364评论 2 14
  • 你好,我是showhand,我在7月24号写过一篇题为《警惕你的否定性思维》的文章,文章对否定性思维的形成和如何避...
    showhand阅读 1,264评论 0 0
  • 小时候特别自以为是,以为自己就是中心所在,后来慢慢长大了就认清了很多现实,哪有一生来就可以不老而获的道理即便是父母...
    晓风残月70084阅读 355评论 0 0