赞助商
立即赞助

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

产品经验3年前 (2021)发布 流光
2.7K 0 0

冯·雷斯托夫效应 Von Restorff Effect

  1. 简介说明

理论表述

当存在多个相似的物体,众不同的那个更容易被记住。

理论背景

冯·雷斯托夫效应(Von Restorff Effect),也称为隔离效应(Isolation Effect)。1933 年,德国神病学家、儿科医生 Hedwig Von Restorff 在研究中发现,对被测者提供一系列相似的项,而只有一项显得别、孤立、众不同的候,这一项往往更容易被记住。

在此之,对冯·雷斯托夫效应的研究也有进一步的进展,比从生理学上,大脑对特异点有着更加明显的 ERP(件相关电位),或许以释特异点更容易回忆的原因;比冯·雷斯托夫效应与年龄有着密不分的联系,老年人对特异点的忆就没么深刻。

管如何,我们还是在频繁地应着冯·雷斯托夫效应,并够看到它在视觉设计中卓著的效果。

  2. 设计案例

冯·雷斯托夫效应可应的场景分成两种:环境差异和经验差异。环境差异是指在空间尺上做的差异(同一平面),而经验差异是指在时间尺上做的差异(同时间点的同一平面),我们来详细聊一聊这两个尺。

环境差异──获取视觉焦点

有的章中会表达为「背景差异」或「情景差异」,这重要,我们只需要知道这个差异产生的原因:即在相似的周围环境中现差异。参考百百科我们来进行一个简单易懂的小实验。

案例1:环境差异小实验

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

请试图去记住面那几字符。好吧,我弃了,但如果努力一下,我们就会发易记住的与周围环境不一样的那。第一行数字「5」,第二行星,第三行色的字母「F」。

这是环境异所带来识度与记忆度提升,也是我们经常能在 UI 设计所看到有效吸引用户击手段。

案例2:起点、大众点评

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

比如起点希望用户在个人页去点击「版本测」按钮,比如大众点评希望化「订」按钮的视觉征以便用户能够更快速地找,所以在列表中这者都会长得不一。这种别于环中的其余功能按钮,为了吸引或暗示用户点击的按钮有一个专门的名字,叫做「Call-to-Action 按钮」(CTA 按钮/行为召唤按钮)。一来说,CTA 按钮大多会利用冯·雷斯托夫效应的环差异来达 Call to action 的目的。

经验差异──化间征

用户过往的经验或记忆做出差异,叫做经验差异。这种差异可以放大间点的征,使用户对差异所在的间点记忆更深。

案例3:google doodles

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

我们道 google 在一比特殊的子改变 logo 的设计,给 logo 加上一非常有趣的涂鸦,与平时的 logo 做出差异,就是为用经验差异使用户在忆中强化时间特征,更地住个时间点。

记住时间点有么好处呢?如 Google 可是为了传播世界上那么多有意义的节日,带给公司一种具备着人怀的气质。再如淘宝、京东和 Steam,在「双11」、「618」、「圣诞特卖」一定会改变页的设计,就是为了户记住这几个被创来的节日,好大每年这个时候都心甘情愿地剁手。

  3. 注意事项

注意点1:所有不一样 = 所有一样

页面中的特异点终归只能属少数,果整个页面所有元素想做得不一样,想突出,不仅没办法突出任何一项,页面的整视将崩溃。

反面案例1:手会陷入么都想突,但么都突的境地

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

注意点2:把差异放在该放的地方

当用户被特异的一个点吸引的时,对其他的注意力就将下降,是冯·雷斯托夫效应天的副用。我们能做的就是把特异点放在最关键的地方,而不是次要的地方,样副用就不太影响验。

反面案例2:闲鱼、虎课的退登录按钮

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

前几年我们经看到这样的退登录按钮,使饱和红色的背景,成为了这一页最亮的那个按钮。之前我们基于「警示户谨慎按」的由,将退登录按钮做成最具警示意义的红色,但是你看,一旦我们这么做了,这个按钮就成了页面中最一样的那个,强势地拿「Call to action」的大,时时刻刻都在散发着快来按我的气息,这显然与我们「希望户随意退登录」的意愿相违背。,我们现在看微信、QQ 这些巨头应,都已经把退登录按钮的差异做到最小,甚至没有差异,就是基于上述的考量。

  4. 小结
  • 利用环差异让素快速获得视觉焦点;
  • 用经验差异使用户住特殊的时间点;
  • 一页中做太多差异设计,得做到键的元素上。

蔡格尼克记忆效应

  1. 简介说明

理论表述

人们对未完任务的记忆比已完的深刻。

理论背景

Bluma Wulfovna Zeigarnik,苏联理学家精神病理学家。她的导师首先注意到了餐厅服务员能够很好记住未付账单,但却无法记住已付账单的多细节,针对这种象,她行了加深入的研究。研究中,她发了人存一种天的,事始终的驱动力,这种驱动力使得人们对还完的任务念念不忘,对已完的任务印象不深。

蔡格尼克效应被用于证明格塔现象不仅在感知普遍存在,在认知也是如此。勒温场论出了解释:项任务被启动后会形成处于紧张状态场,这会增强所有与该任务相关信息认知;任务完成后紧张状态会到缓解。

注:勒温的论(Lewin’s Field Theory)是格式塔心理学的一条支,该理论受现代物理学论的响颇深,认为人在认知过程中大脑会形成一种,这个响着人的官息的理。

  2. 设计案例

未显示完全信息设「悬念」

在文较多组件我们时常能看到这样个符号出现:「…」,这个符号用于表示文信息未显示完全,开可以看到完信息。

案例1:新草、bilibili

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

就是这个的符号,刻提醒着当前所显示的息并不完整,吸引着点开它继续下去,边还伴随着「全部」、「展开」等词都是为了化这一征。

当,不止此,Web 端也出现文章显示不完的情况。

案例2:知乎、简书 web 版

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

通过这种方式,激发户继续往后看,产生把章整看结束的驱。

醒户任务还未成

如果一个任务存在多个步骤,那么在任务结束之前应该某种形式(如进条)醒户任务还没成,这够激发户成任务的欲望。

案例3:多邻

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

选择测试过程中,顶部都会出一条度条清晰表达目任务还完,行到了哪一。这样的提示之下,用户会的动力去完整任务流程。

效的任务激励

越越多的应用(尤其技能学习类应用)始对学习程行细致的任务分解,然后利用蔡格尼克效应的影响对用户的学习程行激励。

案例4:Drops

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

在任务进始终展示任务完成进度,任务完成后会有应完成提示,并可以获勋章/成类小物件儿。也括很多番茄类应用、习惯养成类应用,都会有类似设计,比如 Eggzy、Forest、美妙激励等等,都是过这激励用户完成自己目标。我们可以从看到蔡格尼克记忆效应发挥着不可或缺作用,正是我们追求有始有终驱动力,在进度条提醒下才能步步完成目标任务。

  3. 注意事项

注意点1:任务已完同样需提醒

另一方面,已完的任务同样需给予用户相应的提示,不然用户会感到压力,会困惑自己到底完这件事,这样紧张的绪将会一直存,紧张过后就不安不信任。

反案例1:起任务结束没有反馈

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

起新手任务是我最近遇到件特糟心事儿。我明明已经完成了「添加部作品到书架」操作却没有任何完成提示,甚至我不知自己究竟有没有完成。明明做完了,却依然显示着「去完成」,是有隐藏条件没做到?是我加那本书不算?是必须要两个任务起做完才算完成?是我没氪不让我完成?是纯粹 bug?我不知,用户不知,或许有品团队才知。

所以,如果已完成的任没有给予用户理的提示或者反馈,这的体验是差的。

注点2:避免过迫

过长的进度条会给人形成压迫,进度极其缓慢的任,或者长间完不成一项任会让用户产生挫败,对完成整个任来说尤为不利。

反面案例2:百词斩让人绝望的进度条

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

192/6270,相信个进度不仅仅是让我,让所有看到的人感到窒息和绝望。我并不是在为我的拖延症找借口。我想表达的是,种超长的进度条和超缓慢的任务进度,每天 50 个单词也就是进度条每天推进 0.8%,不 1%,对用户形成的压力是巨大的,长的任务周期也让用户快速失去信心。

  4. 小结
  • 利用「未完成」可视化意象用户形成激励;
  • 已完成的任同需要提示;
  • 拆分任务进度,避免形成分强迫。

欢迎关注作者的公众号:「超人的电话亭

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

简介说明 1. 理论表述 相似的元素倾向于被视为一个组。 2. 理论背景 相似性原则是格式塔组织律中的一个部分,是简洁法则的...
相似性
《名侦探柯南》中总是提到福尔摩斯的一段话:「When you have eliminated the impossible, whatever remains, however improb...
干扰效应
以 YouTube 这个产品为例,为你解读交互设计7大定律在 YouTube 的应用。 一、费茨定律(Fitts’Law) Fitts定律提供了一种人体...
Youtube
在装饰图标中,就没有工具图标那么严谨的规范需要遵循,也就意味着自由度更高,可以任意发挥。显然,想要通过一篇文章掌握所...
入门
本文将我经过5年多的不断迭代,形成的这套交互设计知识体系,分享给大家。 一、设计理论基础 1. 交互设计概念 对于新人来...
交互设计
我在评审的时候看过一个运营页面,打开页面,所有的东西都在动,唯独找不到这个页面的功能按钮。这个页面的设计师说,这样才...
产品需求
本文我们开始讲解最后一种类型的图标 ── 启动图标。在第一章我们已经对启动图标有了基础的认识,所以下图再简单回顾一遍。 ...
入门
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
平面