黑暗模式:那些骗人的界面设计!

腾讯科技 冰尘 8月31日编译

哈里·布努(Harry Brignull)是英国一名用户体验设计师,拥有认知科学博士学位。他同时也是Dark Patterns(黑暗模式)网站的创始人。这家网站的作用,用他的话说就是“揭露网站欺骗性的用户界面设计手段”。下面是国外媒体根据他今年4月份的一次演讲而整理的内容。

在苹果发布 iOS6 的时候,新功能中的广告追踪功能并未被刻意谈及。你知道吗?苹果为每部设备分配了独特的“标志”来追踪用户的浏览活动。广告商可据此推送针对性广告。即便这项追踪服务是匿名的,但仍会让在意隐私的人感到不爽。

幸运的是,苹果提供了关闭此功能的方法。但是,你不会在隐私设置里找到这个选项。你需要进入“通用”,点击“关于本机”,最后在菜单底部发现服务和授权条款,其中一项是“限制广告跟踪”。多么会耍花招,这就意味着当功能是off状态的时候,用户其实是授权广告追踪,你必须设置为on。这个例子就是我说的用户体验之“黑暗模式”。

什么是黑暗模式

所谓的“黑暗模式”,是指通过精心设计具有诱导性的界面,让用户做一些正常情况下不会做的事情,比如买保险。“黑暗模式”与我们所说的“糟糕设计”完全是两码事。“糟糕设计”是水平问题,不带任何恶意,但“黑暗模式”建立在对人类心理深刻理解的基础上,而且不考虑用户利益。

黑暗模式采取的设计方法通常也是人所共知的原则,比如尼尔森可用性10原则。如果我们把其中三条原则反着说,正好可以解释苹果上面的设计例子。

系统状态的可见性:隐藏重要信息,用模棱两可的图标、误导性的信息掩盖重要的系统状态。

将系统与真实细节匹配:不按照用户习惯的方式描述问题,利用一些含糊其辞的话让用户误以为说的是他所需要的,其实恰恰相反。

用户的限制与自由:利用用户爱犯错的本性,诱导他们偶尔出错从而达到自己的目的。

黑暗模式一:误导性的问题

营销邮件常常使用这种方法。当你在网站注册以便获取相关信息时,常看到是否接收网站邮件的问题。如果用户很忙,那么他们一般注意不到此类信息,这种营销方式的有效性因此不会太高。但有的网站强制要求用户选择,否则用户无法进一步浏览内容。

但是正如苹果使用的方法,如果网站隐蔽这个选项,并默认用户接受邮件,就变成所谓的黑暗模式了。比如post-office.co.uk 网站就将其设置为非必选项,但用户要通过点击表示自己不接受邮件。如此一来,那些粗心大意的人纷纷落入了全套。他们因网站的做法感到愤怒,最终怀疑该网站的信誉问题。Royalmail.co.uk网站的做法更绝,它有两行选择框,第一行选中表示拒绝接受邮件,而第二行选中表示接受邮件,用户很容易犯错。

黑暗模式二:强迫续约

黑暗模式另一种形式就是强迫续约。

Theladders.com是美国一个很大招聘求职网站,已有9年历史,目前雇员400名。如果你注册了免费账户,接着点击某项工作的“应聘”按钮时,你会看到一个收费页面。也就是说,升级为收费账户才能应聘某些工作。而且网站还禁止用户复制职位的信息,因为他们不想让用户借助谷歌等搜索引擎发现信息的真实来源。其实,许多职位在其他网站可以免费申请。

真正耍人的招数是当你升级成为收费用户后。该网站会在收费页面显标出每月或每年的收费,但月费自动续交的信息放在页面底部,在灰色背景下用不起眼的一行小字标注,做法和苹果如出一辙。

黑暗模式之三:错误诱导

设想一下,你正在搜索“不能在Excel中清空剪贴板”的问题。你发现Experts Exchange上有答案。该网站的设计让你误以为付费才能看到答案。

其实仔细瞅瞅,你就发现答案其实就在页面底部

2007年开始,它就利用这种方法欺骗用户订阅服务。

“黑暗模式”看似立竿见影,但并非长久之计。Expert Exchange的花招太过贪婪,因此愤怒的用户最终转向其竞争对手。好的设计和好的生意创意需要与用户感同身受。不仅做生意如此,社会也应当如此。

只看用户使用量是目光短浅的做法。一个好的品牌需要得到人们的欢心。一个伟大的品牌需要人们的爱与尊重。黑暗模式永远无法让你走到那一步。

时间: 2024-09-18 03:16:18

黑暗模式:那些骗人的界面设计!的相关文章

《社交网站界面设计(原书第2版)》——1.6 模式:用作原型的模型或者原型

1.6 模式:用作原型的模型或者原型 刚开始使用交互设计模式时,我们是这么定义模式的: 在特定环境下,某个已知问题通用的且成功的交互设计组件和设计方案. 模式就像建筑中的砖块,是用户体验和描述交互过程最基本的组成部分.我们可以将它们与其他模式或其他界面组件和内容结合起来,共同创建一个交互式用户体验.它们在技术和视觉上并不固定,也就是说,我们不能规定某一模式的具体技术方案和视觉设计效果.用户体验设计模式为设计师如何解决某一特定情况下的具体问题提供了指南,因为从某种程度上讲,这一处理方式经实践多次证

《社交网站界面设计(原书第2版)》——2.18 反模式:“苍蝇王”

2.18 反模式:"苍蝇王" 即使是最成功的社交网站也可能会出现欺凌.骚扰和辱骂等问题.在威廉·戈尔丁(William Golding)的<苍蝇王>这部小说中,一群英国男孩子被搁浅到一个荒岛上,并逐渐恢复到恐惧.仇恨和害人的野蛮文明.当在线社交体验没有可以引导的社会规范.没有问责和对弱势群体的保护措施时,就会有发展成为不文明行为的不良倾向.例如,YouTube一直受害于其无人监管的评论方法.人们一直觉得YouTube的评论类似于开放运行的排污系统,就好像是无人监管的评论被追

WEBJX收集UI界面设计的Query滑块(Sliders)

文章简介:10个有效和新鲜优质jQuery滑块(Sliders) . jQuery滑块及图像画廊技术的在网站首页或组合页中的使用日渐普及,设计者们常会在界面设计中使用该技术,通过有趣的方式展示视觉内容,达到增强网页展示效果的目的. 1) Cute Slider 3D 2D Cute Slider尽可能利用浏览器最好的功能来实现3D和2D效果的Sliders.在基于webkit的浏览器使用CSS3 Transform 3D.在其它支持HTML5的浏览器,它使用canvas特性.在老的浏览器中变成2

注重风格结合的整体界面设计方式

视觉设计是产品面向用户的首要冲击点,首先是通过界面将产品构建的一种整体产品性格传递给用户.体现在界面上即你的界面图形风格上色营造的氛围是否具有性格,属于产品的一种性格,视觉设计的风格姿态决定了用户对产品的导入,兴趣,乃至后面的使用等等,反之则失去了产品视觉构建的意义,用户可能从视觉感受就否定或者抵触了一个产品,当然这不是绝对意义上的可能,但事实是产品市场经常出现这种用户行为,于是有了人类学社会学,以及数据统计概率方面的介入,从而让产品的感性部分找到更多的共性,或者规避一些用户的可能抵触点等等.视

网站界面设计是好还是坏该如何评判

也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型.你该在网站界面设计中发现什么呢?谁都会无关痛痒地说"这个看起来不错"或者"这个好像不怎么好用",但是怎么才能给出有意义的反馈呢? 我们经常需要叫非职业设计师来评判界面设计的好坏.也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型.你该在网站界面设计中发现什么呢?谁都会无关痛痒地说"这个看起来不错"或者"这个

10个有用的界面设计的网络应用程序

 近年来,越来越多的桌面应用程序移植到互联网上面的.没有了平台限制和安装要求且作为一种服务模式的软件看起来很吸引人的.网络应用程序界面设计的核心是网页设计:但是,它的焦点主要集中在功能上面.为了和桌面程序竞争,网络应用程序必须提供简单,直观的以及响应快速的用户界面,这样才能减少用户完成事情的时间和精力.        过去我们没有用应有的方法来关注网络应用程序,现在该是仔细地研究一些有用的技术和设计方案,以便使网络应用程序更加友好和漂亮的.这篇文章阐述了第一部分我们在现代网络应用程序上面关于设计

10个有用的网站界面设计技术和最佳做法

最近越来越多的软件应用迁移到Web .因为没有平台的限制或安装的要求,在web上以软件作为服务的模式看起来非常有吸引力. Web应用程序界面设计的核心是网页设计,但它的重点主要是功能. 与桌面应用相比, Web应用程序必须提供让他们的用户以更少的精力和时间来做事情的更加简单.直观和敏感的用户界面 . 在过去,我们并不关心Web应用程序的方式,现在我们应该.而且是时候去仔细看看一些有用的技术和设计解决方案,让网络应用更加方便用户和更加美丽. 本文介绍的是在现代Web应用程序中我们广泛使用的设计模式

基于WPF系统框架设计(5) Ribbon整合Avalondock 2.0实现多文档界面设计(二)

AvalonDock 是一个.NET库,用于在停靠模式布局(docking)中排列一系列WPF/WinForm控件.最新发布的 版本原生支持MVVM框架.Aero Snap特效并具有更好的性能. AvalonDock 2.0版本已经发布了,新版本 是用MVVM框架重新编写,似乎也用了Command(命令)模式.2.0版的文档尚未发布,但你可以参考 Avalon.TestApp 或者2.0版源码中的Avalon.MVVMTestApp文件夹来查看新的API. 前一篇博文有介绍关于AvalonDoc

基于WPF系统框架设计(4) Ribbon整合Avalondock 2.0实现多文档界面设计(一)

前些时间研究了WPF的一些框架,感觉基于Prism框架的MVVM模式对系统的UI与逻辑分离很好,所以就按照 之前Winform的框架设计,用WPF做了一套,感觉比Winform要强很多. MVVM模式和MVC模式一样,主要 目的是分离视图(View)和模型(Model),有几大优点 1. 低耦合.视图(View)可以独立于Model变 化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当 Model变化的时候View也可以不变. 2