由于万圣节即将来临,我想回顾一下我在网站上看到的一些让我不寒而栗的东西。黑暗UX模式 是为网络构建的一些对用户非常不利的东西,实际上需要时间和精力来构建。
模态框
(意外的)模态框是所有模式中最令人毛骨悚然的一种。它们是我个人最不喜欢的UX模式,因为当你的大脑试图理解和映射UI时,它们会立即打破焦点和空间感知。我倾向于立即将它们关闭作为一种烦恼,有时才意识到我需要其中的信息。它们是我所说的“蛮力UX”的一个例子,其背后的想法是一个有点过于横向的思考:“我们需要用户看到这一点,我们将完全打断他们,强迫他们看到”。用户触发的模态框没有那么糟糕,因为它们启动了一个交互,但不知从哪里出现的定时模态框会分散注意力,并且可能令人恼火。
谷歌也同意这一点。他们最近宣布将开始在移动设备上对定时模态弹出窗口的SEO评分进行扣分。营销人员已经不得不调整产品时间线以避免处罚,作为用户,我对此表示感谢。
除此之外,模态插页式广告最可怕的事情是它们对盲人来说有多糟糕。下面的这段视频让我想起了电影中女孩走进衣柜的场景,但作为观众,你知道杀手就在那里。
这篇文章中有更多关于为什么模态框对盲人来说如此糟糕的信息。
为了帮助解决这个问题,如果你确实必须使用模态框进行交互,请务必使内容可供屏幕阅读器访问。如果你移动了他们的焦点位置,请努力帮助他们恢复到原来的位置,如这篇文章和视频中所述。他们甚至在底部提供了一个课程来帮助你学习。超级酷。
开发人员(甚至设计师)有时在这方面没有发言权,因为这会影响转化率,但值得为之奋斗。
取消订阅链接
我最近遇到一个情况,我甚至找不到我自己的电子邮件了,因为我收到了太多促销邮件,其中没有任何一封是我手动订阅的,这些邮件充斥着我的收件箱。我花了一个下午的时间,逐一查看并取消了所有订阅。这个过程对我来说很有启发。令我惊讶的是,人们有多频繁地使取消订阅按钮难以阅读和访问。当我点击它后,大约一半把我带入了一个疯狂的用户循环,页面接页面地显示“你确定吗?”内容,有些内容在我试图选择退出时变得越来越具有攻击性。
我毫不怀疑这些实现来自大量的用户保留测试,这也许是这个黑暗UX最令人烦恼的部分。与其将我们的思想、时间和精力投入到构建如此有用的产品,以至于用户会想要回到我们的网站,我们不如把人们磨损到他们说“好吧”并保持订阅。这就是黑暗UX的本质。
Lea Verou创建了一个关于荒谬的取消订阅链接的Tumblr,其中一些很有趣,浏览它们非常有趣。

我发现最糟糕的一个电子邮件列表说他们联系我,因为“Heather说你很棒!”(我不认识任何叫Heather的人)。当我点击底部#eee
上的#fff
取消订阅列表时,我被带到一个页面,上面说他们目前还没有我的电子邮件在他们的列表中,但不用担心,他们刚刚让我订阅了!……呃……
代码复制粘贴陷阱
我不会称之为“模式”,因为我只见过一次,但它太令人难忘了,我想我会把它包括进来。我最近正在寻找一种使用e.pageX
与触摸设备交互的方法,所以自然地,我求助于我的好朋友谷歌。经过一番搜索后,我发现一篇文章似乎提供了一个优雅的解决方案。当我尝试从示例中复制一些代码进行尝试时,它打开了一个带有巨大广告的新页面。我再次尝试——同样的事情——一个带有另一个广告的新页面。广告鲨鱼慷慨地付钱给他们,而我是点击诱饵小鱼。
虽然这种模式并不常见,但我认为当你尝试与页面交互时,广告开始遮挡内容或将你带到意想不到的地方(有时会触发我之前提到的那些模态框)的情况很常见。我认为,任何时候你创建一个用户需要进行某种交互的情况,而你却用其他东西来欺骗他们,这都是一种黑暗的UX模式。
我还认为,这往往也是“我们使用数据”失败的地方。如果我被诱骗点击了某个东西,你的点击率上升了,这些数据点可能看起来很高,但你可以肯定我会离开你的网站,并且不会回来,除非你的产品是我需要才能呼吸的东西。
万圣节快乐!感谢您与我们一起踏上这次惊悚之旅,深入探索网络上最黑暗的UX模式。还有很多其他的模式!如果你有任何其他要补充的,请在评论中链接它们。
关于复制/粘贴,我最不喜欢的事情之一是,当你选择文本、复制它,然后粘贴它时,却发现他们在剪贴板上插入了一些你意想不到的额外内容。也许不像其他一些模式那么黑暗,但绝对令人讨厌。
天哪,这太烦人了。另见:尝试选择某些内容,却被迫突出显示整个块,无法取消选择无关的部分(Google字体过去曾是此类问题的罪魁祸首)。让我做我的事,伙计。
听起来他好像在点名你,Chris,文章。
这是一个简短的示例,说明作为用户,我将如何看待任何“自动选择”功能的实现。让我做我正在做的事情,但提供帮助我做更多事情的选项。不要阻止我,不要打断我,不要强迫我。
看来我无法嵌入gif。所以这里有一个链接
Imgur
那篇文章实际上解决了我的确切抱怨。
最初选择所有内容并没有什么错——当你无法在之后更改它时,它就变成了一个难题。
很棒的小文章。关于代码UX模式,我喜欢这个网站只是使用嵌入的CodePen代码片段。然后,如果我想的话,我可以直接转到CodePen页面并在那里玩代码。
粘贴劫持也可能很危险。特别是如果你只是直接复制粘贴到终端/命令提示符中。
复制粘贴要小心。人们可以在你复制的内容中插入恶意代码。因此,不要在未检查实际抓取内容的情况下直接复制粘贴到终端中。http://thejh.net/misc/website-terminal-copy-paste
现在人们真的会点击取消订阅链接吗?我想谷歌的自动取消订阅按钮让我们中的一些人被宠坏了。:)
我认为这只有在移动设备上吗?
*桌面 - 糟糕!
我从未点击过我未注册的电子邮件上的“取消订阅”链接。虽然它可能做你想做的事情,但它会确认电子邮件地址有效,以便可以将其出售给他人。
是的,完全同意这一点。我只是将其标记为垃圾邮件/将其添加到自动删除列表中。
可怕的东西
暗模式通常不被认为仅仅是令人讨厌的用户体验模式,而是为了让用户做网站想要的事情而不是他们想要的事情而故意使用的技巧。基于此,我不会真正将模态包含在内,因为它们只是显示内容的一种令人讨厌的方式。
我非常讨厌它们,但我本着技术上的原因将它们排除在外。
不错的文章!我以前遇到过另一种黑暗的用户体验模式,即脚本在任何我复制的文本后面添加“阅读更多:<文章URL>”。这通常发生在新闻网站上,现在我叫不出哪个网站还在这样做。我想他们终于意识到用户厌倦了它。
它非常有用,并以正确的方式让我了解了基础知识