高级“流氓”技巧!教你巧用交互设计中的暗黑模式

Date 2025-04-06 14:45:08

我们需要更多的思考和学习如何巧妙地使用交互设计中的黑暗模式。不要介意用户骂你流氓,这意味着你流氓不聪明。今天,这篇好文章将向您展示看起来愚蠢和巧妙的交互设计。案例来自国内网站/App,很有借鉴性。

有些操作很容易实现,有些操作显然需要更多的步骤;一些icon的位置是根据设计规则和用户习惯设计的,而另一些icon的位置违反了规则和用户习惯;为什么?设计师晕倒了吗?还是故意这样做?我们可以从中学到什么?本文从我个人的角度讨论了设计中的黑暗模式。

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

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

淘宝是最熟悉、最先入为主的购物应用,淘宝也是最早、最普遍的用户习惯。例如,当你购买商品并进入购物车结算时,购物车也会向你推荐其他婴儿。商家这样做的目的是让用户在最后一刻看到更多的商品,并实现更大的交易量。然而,由于用户在商店购物后进入购物车,这意味着用户购买商品的行为已经结束,并且即将进入付款过程。为了不引起用户的厌恶,推荐的商品是点击查看细节,而不是直接添加购物。小米的购物车是点击加入购物车,而不是进入细节,这与用户的使用习惯相反。

Image titleImage title

小米为什么要这么做?这是一种非常商业化的互动行为,明确的目标是实现更高的交易量。也就是说,我们所说的黑暗模式是指开发者故意使用一些与用户体验相反的设计模式来诱导用户完成一个操作。小米非常聪明,他推荐的商品,通常便宜和亲密,用户不小心点击加入购物车,交易量没有增加太多,删除是一些麻烦的操作,用户会想:无论如何,也超过十元,买买!使用黑暗模式,让用户花计划外的钱,小米公司也获得了更大的好处。

当然,淘宝上有很多商店,类别也很复杂。很难推荐组合购买,也很难添加到同一业务中。结算是不能直接加入购物车的最大原因。这需要根据应用程序的实际情况来考虑。我的建议是:如果商品类别单一,并在同一业务中结账,可以推荐低价商品直接加入购物车。例如,有一个叫做氧气的应用程序出售胸罩。结账时,推荐一些隐藏的胸罩肩带。单价不高,大多数用户都需要。点击加入购物车是一种更符合用户期望的交互方式。

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

您可以观察应用程序中关闭和取消的位置。因为主流用户习惯于用右手操作,所以关闭和取消都在屏幕的右侧或图片的右上角。我们可以观察更多的应用程序。

Image title

但在支付操作中,取消icon放在左上角(如下图所示)

Image title

上一篇:行走于黑白之间,征程于星辰大海

下一篇:松博宇——设计师想法的孵化器

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image