用灵魂感悟设计 · 用设计创造价值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您当前位置:  设计中国    ⁄    热门文章    ⁄ 资讯内容

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

作者:admin      来源:互联网      发布时间: 2016/5/4 15:55:28     浏览:
如何巧妙运用交互设计中的暗黑模式,我们需要更多的思考和学习。不要介意用户骂你流氓,那说明你流氓的不高明。

  如何巧妙运用交互设计中的暗黑模式,我们需要更多的思考和学习。不要介意用户骂你流氓,那说明你流氓的不高明。今天中国设计网的小编带你看看有哪些看起来很愚蠢其实很巧妙的交互设计,案例都是取自国内的网站/App,非常有借鉴性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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