令人毛骨悚然的黑暗UX模式

Avatar of Sarah Drasner
Sarah Drasner

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

由于万圣节即将来临,我想回顾一下我在网站上看到的一些让我不寒而栗的东西。黑暗UX模式 是为网络构建的一些对用户非常不利的东西,实际上需要时间和精力来构建。

模态框

(意外的)模态框是所有模式中最令人毛骨悚然的一种。它们是我个人最不喜欢的UX模式,因为当你的大脑试图理解和映射UI时,它们会立即打破焦点和空间感知。我倾向于立即将它们关闭作为一种烦恼,有时才意识到我需要其中的信息。它们是我所说的“蛮力UX”的一个例子,其背后的想法是一个有点过于横向的思考:“我们需要用户看到这一点,我们将完全打断他们,强迫他们看到”。用户触发的模态框没有那么糟糕,因为它们启动了一个交互,但不知从哪里出现的定时模态框会分散注意力,并且可能令人恼火。

谷歌也同意这一点。他们最近宣布将开始在移动设备上对定时模态弹出窗口的SEO评分进行扣分。营销人员已经不得不调整产品时间线以避免处罚,作为用户,我对此表示感谢。

除此之外,模态插页式广告最可怕的事情是它们对盲人来说有多糟糕。下面的这段视频让我想起了电影中女孩走进衣柜的场景,但作为观众,你知道杀手就在那里。

这篇文章中有更多关于为什么模态框对盲人来说如此糟糕的信息。

为了帮助解决这个问题,如果你确实必须使用模态框进行交互,请务必使内容可供屏幕阅读器访问。如果你移动了他们的焦点位置,请努力帮助他们恢复到原来的位置,如这篇文章和视频中所述。他们甚至在底部提供了一个课程来帮助你学习。超级酷。

开发人员(甚至设计师)有时在这方面没有发言权,因为这会影响转化率,但值得为之奋斗。

取消订阅链接

我最近遇到一个情况,我甚至找不到我自己的电子邮件了,因为我收到了太多促销邮件,其中没有任何一封是我手动订阅的,这些邮件充斥着我的收件箱。我花了一个下午的时间,逐一查看并取消了所有订阅。这个过程对我来说很有启发。令我惊讶的是,人们有多频繁地使取消订阅按钮难以阅读和访问。当我点击它后,大约一半把我带入了一个疯狂的用户循环,页面接页面地显示“你确定吗?”内容,有些内容在我试图选择退出时变得越来越具有攻击性。

我毫不怀疑这些实现来自大量的用户保留测试,这也许是这个黑暗UX最令人烦恼的部分。与其将我们的思想、时间和精力投入到构建如此有用的产品,以至于用户会想要回到我们的网站,我们不如把人们磨损到他们说“好吧”并保持订阅。这就是黑暗UX的本质。

Lea Verou创建了一个关于荒谬的取消订阅链接的Tumblr,其中一些很有趣,浏览它们非常有趣。

example of blue on blue and unreadable unsubscribe links

我发现最糟糕的一个电子邮件列表说他们联系我,因为“Heather说你很棒!”(我不认识任何叫Heather的人)。当我点击底部#eee上的#fff取消订阅列表时,我被带到一个页面,上面说他们目前还没有我的电子邮件在他们的列表中,但不用担心,他们刚刚让我订阅了!……呃……

代码复制粘贴陷阱

我不会称之为“模式”,因为我只见过一次,但它太令人难忘了,我想我会把它包括进来。我最近正在寻找一种使用e.pageX与触摸设备交互的方法,所以自然地,我求助于我的好朋友谷歌。经过一番搜索后,我发现一篇文章似乎提供了一个优雅的解决方案。当我尝试从示例中复制一些代码进行尝试时,它打开了一个带有巨大广告的新页面。我再次尝试——同样的事情——一个带有另一个广告的新页面。广告鲨鱼慷慨地付钱给他们,而我是点击诱饵小鱼。

虽然这种模式并不常见,但我认为当你尝试与页面交互时,广告开始遮挡内容或将你带到意想不到的地方(有时会触发我之前提到的那些模态框)的情况很常见。我认为,任何时候你创建一个用户需要进行某种交互的情况,而你却用其他东西来欺骗他们,这都是一种黑暗的UX模式。

我还认为,这往往也是“我们使用数据”失败的地方。如果我被诱骗点击了某个东西,你的点击率上升了,这些数据点可能看起来很高,但你可以肯定我会离开你的网站,并且不会回来,除非你的产品是我需要才能呼吸的东西。


万圣节快乐!感谢您与我们一起踏上这次惊悚之旅,深入探索网络上最黑暗的UX模式。还有很多其他的模式!如果你有任何其他要补充的,请在评论中链接它们。