APP交互设计中的劝导式设计案例赏析

今天25学堂跟大家分享2个不遵守交互设计和用户习惯体验的准则的APP交互设计案例。

让APP设计师和app产品经理可以仔细思考自己的APP项目当中,哪些界面是可以不按常规套路出发的。

第一个APP交互设计中的劝导式设计:点击等于加入购物车

加购物车这样的操作习惯 是淘宝最早最成功的培养用户购买行为的交互方式。

如当你选购完商品并进入购物车结算时,购物车内还会推荐别的宝贝给你,商家这样做的目的是为了在最后关头让用户看到更多商品,并达成更大的交易额。但因为用户在店铺逛完进入购物车,就意味着用户选购商品的行为已经结束,即将进入付款流程,为了不引起用户的反感,推荐的商品是点击后查看详情,而不是直接加入购物。

淘宝购物车APP交互行为

 

而小米的购物车,是点击即加入购物车,而不是进入详情,这和用户的使用习惯是相悖的。

小米购物车app交互行为

 

为什么小米会这样做呢?这是极具商业目的的交互行为,明确目标是达成更高的交易额。也就是我们所说的暗黑模式,指开发者有意利用某些与用户体验相悖的设计模式,来诱导用户完成某项操作。

而且小米非常聪明,他推荐的商品,往往便宜而贴心,用户不小心点击加入购物车后,交易额也没有增加太多,而且删除是个有些麻烦的操作,用户就会想:反正也就十几块钱,买了就买了吧!利用暗黑模式,让用户花费了计划外的金钱,小米公司也获得了更大的利益。

笔者建议是:如果商品品类单一,且都在同一家商家结账,就可以推荐低价商品直接加入购物车。

氧气APP

比如有一个叫氧气的APP,是卖文胸的,在结账的时候,推荐一些隐性的文胸肩带,单价不高且用户大多都需要,点击即加入购物车,就是一种比较符合用户期望的交互方式。

 

 

第二个APP交互设计中的劝导式设计:支付页面的取消按钮放在左上角,而不是右上角

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

弹出框设计-创意布局2

 

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

APP支付交互行为

为什么要违背用户的习惯性操作?这绝对不是设计师的失误,而是他的小心机。

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

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

 

所以,如今的APP交互设计细节很多,很多地方可以充分发挥我们的小心机,可以让APP产品获得一些不一样的收益和点击率。

 

每天更新,
全站高品质素材免费下载!