巧用交互设计中的暗黑模式

如何巧妙运用交互设计中的暗黑模式,我们需要更多的思考和学习。不要介意用户骂你流氓,那说明你流氓的不高明

有些操作非常容易就能达成,有些操作明却非要多出几个步骤;有的icon的位置按照设计规则与用户使用习惯来设计,有的icon的位置却违背了规则和用户习惯;为什么会这样?是设计师昏了头吗?还是故意而为之?有那些是我们可以学习和借鉴的?这篇文章,以我的个人浅见来讨论一下设计中的暗黑模式。

我们先来看几个有趣的例子吧!

一、为什么点击就等于加入购物车?

大家最熟悉,也是最先入为主的购物类APP是淘宝,淘宝也最早最普遍性的培养了用户的使用习惯。例如当你选购完商品并进入购物车结算时,购物车内还会推荐别的宝贝给你,商家这样做的目的是为了在最后关头让用户看到更多商品,并达成更大的交易额。但因为用户在店铺逛完进入购物车,就意味着用户选购商品的行为已经结束,即将进入付款流程,为了不引起用户的反感,推荐的商品是点击后查看详情,而不是直接加入购物。而小米的购物车,是点击即加入购物车,而不是进入详情,这和用户的使用习惯是相悖的。

402441

402442

为什么小米会这样做呢?这是极具商业目的的交互行为,明确目标是达成更高的交易额。也就是我们所说的暗黑模式,指开发者有意利用某些与用户体验相悖的设计模式,来诱导用户完成某项操作。而且小米非常聪明,他推荐的商品,往往便宜而贴心,用户不小心点击加入购物车后,交易额也没有增加太多,而且删除是个有些麻烦的操作,用户就会想:反正也就十几块钱,买了就买了吧!利用暗黑模式,让用户花费了计划外的金钱,小米公司也获得了更大的利益。

当然淘宝里的店铺繁多,品类繁杂,很难推荐组合购买且难加在同一个商家结算是它不能直接加入购物车的最大原因。这就需要根据APP的实际情况来考虑,我的建议是:如果商品品类单一,且都在同一家商家结账,就可以推荐低价商品直接加入购物车,比如有一个叫氧气的APP,是卖文胸的,在结账的时候,推荐一些隐性的文胸肩带,单价不高且用户大多都需要,点击即加入购物车,就是一种比较符合用户期望的交互方式。

二、  支付页面的取消icon为什么放在左上角?

大家可以观察一下APP里关闭、取消的位置由于主流用户习惯用右手操作,因此关闭、取消都是在屏幕右侧,或者是图片的右上方,这点大家多观察一些APP。

402443

但是在支付这个操作里面,取消icon却是放在左上角的(如下图)

402444

为什么要违背用户的习惯性操作?这绝对不是设计师的失误,而是他的小心机。想象一个用户的支付流程,当用户进入支付页面的事后,忽然有些后悔,犹豫要不要买,要不要支付时,如果icon放在了右上角,用户习惯性的点击取消的概率就大大提高;同样的当用户无法在第一眼发现取消的操作,取消的概率也会降低。当然,对于大额支付,用户还是会仔细浏览一下找到取消的icon进行取消,但是对于小额支付,确实会是一大推力。这点,在微信的打赏功能上尤为突出,当用户进入当上页面,1元的小额打赏,在不能习惯性的简单取消的情况下,用户会想:反正只是1元钱,付了就付了吧!

因此建议,如果APP中涉及支付流程,建议取消放在左上角,而不是右上角

三、取消订阅怎么那么麻烦?

相信你一定和我有同样的烦恼,邮箱里杂七杂八的邮件太多了,但却很少是真正有价值的,很多都是广告邮件。回忆一下为什么你会收到这些广告邮件,在某个网站注册的时候使用了这个邮箱,你以为只是填写一个邮箱作为账号而已,结果商家就简单粗暴的默认你订阅了广告邮件,后来就是源源不断的广告邮件了。然而取消订阅却没这么简单。

看个京东的列子吧!真的是能把人气吐血。

402025

402031

405249

如上图所示,简单的一个取消订阅的操作,却经历了:点击取消订阅icon-进入订阅页面点击订阅—输入QQ账号和密码登陆—订阅成功—取消订阅。感觉很荒唐、很奇葩的一个流程对不对。但是京东达到了自己的目的—强势绑架用户的邮箱来推送广告邮件,且难以退订。

招商银行的取消订阅用了另外一种方法来避免用户取消订阅,那就是玩躲猫猫。看下图,比眼力,你能第一眼发现取消订阅在那里吗?

402035

当然京东的方式未免太过强势,招商躲猫猫的方式也有些流氓,我们可以更巧妙一些,比如把让用户推荐给自己可能需要的朋友即可取消订阅,当然,这也有点坏,但是流程上会简单很多,而且既不会让这个用户太过反感,还能获得另外一个潜在用户。

看了几个例子,我们来总结一下

站在不同的角度,看待问题就会有很大分歧。在我的概念里,暗黑不等于黑暗,暗黑是背地里阴暗的意思,而在这里我更想把它解释为:潜藏下的心机,它并不是一个贬义词。

在用户眼中,这是一种令人厌恶的设计,它违背了以用户体验为中心的设计理念,用一种不那么好用、或者另用户反感甚至厌恶的模式,来达到某种商业目的。

而在开发者眼中,这是一种劝导式设计,是善意的谎言,是达到商业目的一种手段。

设计没有对错,只有合适不合适,我们做为产品设计者,是在满足商业目的的前提下做好用户体验设计,空谈用户不谈利益,如空中建楼阁,朝夕不保,因此如何巧妙运用交互设计中的暗黑模式,我们需要更多的思考和学习,不要介意用户骂你流氓,那说明你流氓的不高明。

最后,在以后的工作学习中成为一个优雅的流氓,与大家共勉。吐血总结了这么多,如果觉得对你还有所帮助,点个赞呗!如果有争议,在评论区讨论一下,我会不断修改。

内容来自回音分享会微信公众号,如有问题请评论联系小编。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11267/

(0)
iouedioued
上一篇 2015-12-02 22:11
下一篇 2015-12-03

相关推荐

  • 基于交互体验下的包装视觉传达设计研究

    红河学院美术学院 文俊鸿摘要:包装视觉传达设计中交互体验的表现成为其设计重点,消费者与包装产品设计的关系更加紧密,让消费者在包装设计使用过程中感受到包装设计与消费者的情感交流互动,增强消费者视觉感官交互体验。采取理论研究和案例研究相结合的研究方法,对现代交互设计在包装视觉传达设计应用进行研究,让产品包装与消费者的联系更加紧密,让消费者的心理情感和视觉感官获得更具冲击力的体验,更为有效地实现包装设计与消费者的情感交流互动和传达。关键词:交...

    2018-01-30
  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01
  • iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • 关于用户故事地图的7 种用法

    《用户故事地图》不仅仅是讲述什么是用户地图、怎么使用用户地图,也讲了很多团队协作的tips,并且给出了很多实例。我这里直接从这本书的其中一个角度——“怎么使用用户地图”为内容,然后结合一些自己的想法,来写这篇读书笔记。聚焦于成果,即产品发布后用户能使用和感知的东西,切分发布计划应该以成果为导向。  ——《用户故事地图》P56

    2017-04-30
  • 即将开课!6周,快速玩转axure,同时提升产品和交互能力

    前段时间,一位朋友因为原型不太过关,被老板委婉提醒了。我这位朋友的状况不是特例,原型是产品经理最基础的技能,如果不过关,后果太可怕了!最后给老板留下的印象:这人产品能力不行,每天加班就为改原型,产出太低。想成为靠谱、高薪的产品经理?第一步得提高Axure原型能力!起点学院&腾讯课堂联合打造给产品经理的Axure课程已有1868位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理通过6周...

    2018-04-08
  • 不止于美:浅析信息图形设计

    人在喝完可乐一小时内会有什么反应?高速发展的中国互联网在一分钟内会发生些什么事情?美国大选,川普和希拉里的支持率到底有多大差距?信息图带你一分钟搞懂这些事!随着经济技术的发展,信息化科技化速度越来越快,信息量的不断增加,使我们对于信息的整理与识别要求也越来越高。繁忙的工作生活下,如何使信息更为直观的提供给用户,信息图形设计在这种环境下应运而生。

    2017-04-30
  • 交互设计是什么?好学吗? 交互设计_百科,什么是交互设计?

    交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易…

    交互设计 2015-01-05
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 用户体验的创新设计和研究

    2018年全国两会期间,全国政协委员叶友达教授向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》,建议加大对基于用户体验的设计创新的宣传力度,建立全国或区域用户体验研究机构,促进科技创新成果快速、高效落地。长期以来,用户体验的“以用户为中心设计”(User-Centered Design, UCD)的理念一直冲击着传统的“以技术驱动设计”的理念。有研究表明,美国两个世纪以来著名的53位创新者的创新过程,从电话到互...

    微信热点 2018-03-27