怪异的黑暗UX模式

既然万圣节快到了,我想我会经历一些我看到的在使我的脊椎发凉的网站上实现的事情。 Dark UX模式是为Web构建的,对用户而言确实很糟糕,并且需要花费时间和精力来构建。

模态

(意外)模态是所有模式中最怪异的模式。 它们是我个人最不喜欢的UX模式,因为当您的大脑试图理解和映射UI时,它们会立即破坏焦点和空间意识。 我有时会很烦恼地立即关闭它们,有时会意识到我需要其中的信息。 它们是我所说的“蛮力UX”的一个例子,其背后的想法是一个过于偏颇的思维的例子:“我们需要用户看到这一点,我们将彻底破坏它们以迫使它进入他们的脸”。 用户触发的模态并不是很糟糕,因为它们启动了交互,但是计时器上突然出现的模态会分散注意力,并且会令人发怒。

Google同意。 他们最近宣布,他们将开始为移动设备上的定时模式弹出窗口敲SEO点 。 营销人员已经不得不调整产品时间表以避免罚款,作为用户,我非常感谢。

除了所有这些,关于模态插页式广告最可怕的是盲人插页式广告有多糟糕。 下面的视频让我想起了电影中那个女孩正走进壁橱的场景,但作为观众,您知道那里有杀人犯:

本文中有更多信息说明为何模态对盲人如此不利

为帮助解决此问题,如果必须使用交互方式,请注意使内容可供屏幕阅读器使用。 如果您移动他们的焦点位置,请尽力帮助他们恢复到原来的位置,如本文和视频中所述 。 他们甚至在底部都有一课可以帮助您学习。 超酷。

开发人员(甚至设计师)有时对此没有发言权,因为它影响转换,但值得您坚持。

退订链接

最近,我碰到了一个点,我什至找不到我的真实电子邮件,因为我收到了很多促销邮件,实际上我都没有手动订阅这些邮件,从而使收件箱变大了。 我度过了一个下午,经历了每个过程,并取消了所有订阅。 这个过程对我来说很启发。 对于我来说,令人惊讶的是,人们经常使取消订阅按钮变得难以理解和难以访问。 单击该按钮后,大约有一半的用户将我带入了一个疯狂的用户圈子,一个又一个的页面“确定吗?” 内容,当我尝试退出时,某些内容会变得更具攻击性。

我毫不怀疑,这些实现来自大量的用户测试以进行保留,这也许是这种黑暗用户体验中最麻烦的部分。 与其将我们的精力,时间和精力花在构建有用的产品上,以至于用户希望回到我们的网站,我们不如让人们失望,直到他们说“哦”并保持订阅。 从根本上讲,这是黑暗的UX。

Lea Verou 创建了一个可笑的取消订阅链接 ,其中一些很有趣,通过它们进行浏览非常有趣。

蓝色常亮和不可读的取消订阅链接的示例

我发现最糟糕的是一封电子邮件列表,其中说他们正在与我联系,因为“希瑟说你很棒!” (我不知道希瑟)。 当我在点击#eee#fff底部退订名单,我被带到一个网页,说他们目前还没有他们的名单上我的电子邮件了,不过不用担心,他们刚刚订阅我! ……呃……

代码剪切和粘贴陷阱

我不会将其称为“模式”,因为我只看过一次,但它令人难忘,以为我会包括在内。 我最近在寻找一种在触摸设备上使用e.pageX的方法,因此自然而然地求助于我的好朋友Google。 经过一番搜索,我发现了一篇似乎有不错解决方案的文章。 当我从示例中复制一些代码来玩时,它打开了一个带有巨大广告的新页面。 我又尝试了-同样的事情-另一个广告的新页面。 广告鲨鱼给他们带来了可观的报酬,而我是clickbaitKong雀鱼。

尽管这种模式并不常见,但我认为尝试与页面进行交互并且广告在您触摸时开始遮盖内容,或者将您带到您意想不到的地方(有时会触发其中一种我之前提到的那些模式。 我会在任何时候创建用户需要某种交互的情况,然后诱使他们将其切换到其他内容的情况下争论,这是一种黑暗的UX模式。

我还认为,这也往往是“我们使用数据”失败的地方。 如果我被诱使点击某些东西,而您的点击率却上升了,那么这些数据点可能看起来很高,但您最好打赌我要离开您的网站,除非您的产品是我呼吸的东西,否则我不会回来。


万圣节快乐! 感谢您加入我们,以恐怖的方式进入网络上最黑暗的UX模式。 还有更多! 如果您还有其他要添加的内容,请在评论中将其链接起来。

翻译自: https://css-tricks.com/spooky-dark-ux-patterns/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值