如何让用户对你的设计印象深刻

相比于典型的字、句型结构和图像,不同寻常的字、句型结构以及图像会更容易被人们记住。正因为如此,我们在日常工作中才会经常接到类似以下的需求:将新/重要功能的入口,或者运营活动的入口做特殊化处理,增加趣味性来让用户加强印象。

这种现象被称作为梵雷斯托夫效应(相对于普通事件或物体,要记得独特、有特色的事件或物体可能性会大增)。梵雷斯托夫效应有两个触发条件:背景不同以及不同。背景不同是指一个刺激物与周围的刺激物不同,比如在一串字母中突然出现了一个数字,那个数字就会让人印象深刻;

不同则是指一个刺激物与记忆中的不同,比如一些经常被我们误读的成语,因为与平时的相悖,所以看到正确解释的时候印象特别深刻。

我们在了解了这两个触发条件之后,就可以利用它们来触发梵雷斯托夫效应,从而帮助我们做出令用户印象深刻的设计。下面就结合实际案例来看看如何利用它们。

背景不同

前面说过,背景不同是指一个刺激物与周围的刺激物不同。具体到界面中,我们可以理解为在一堆相同类型的元素/模块中,对其中需要突出的做特殊化处理。

案例1 功能入口

京东金融底部导航中的“信用”以及保险页面中金刚区的“1元购”,都采用了与同类型元素不同的视觉样式。前者采用了色块+动效,后者采用了3D视角,分别让它们在底部导航和金刚区中“脱颖而出”,引起用户的。

案例2 列表内元素

爱奇艺的首页推荐中,其中一个视频内容的封面是采用动图的形式,在其他静态封面的衬托下,就显得格外醒目。飞猪的首页推荐中,则是把专题栏目的信息部分(彩色底白字)设计得与其他商品(白底黑字)差异较大,来吸引用户点击。

案例3 模块之间

美团外卖的个人中心将一些常用功能至于一个单独的模块中,并且将其中的图标设计成与其他模块内的图标所不同的样式(黄色填充),如此即突出了常用功能模块。另一边爱奇艺的个人中心,“会员服务”与“我的泡泡”则是直接从下面的宫格式布局中脱离出来,并且将各自的一些功能外置,布局交互完全不同于下面的其他模块,以达到突出这两个模块的目的。

以上三个就是典型的“背景不同”触发梵雷斯托夫效应,从而让用户印象深刻的案例。不难发现,对于“背景不同”,已经应用的比较广泛,并且大家也较为熟知了,接下来看看“不同”。

不同

不同需要颠覆过去的认知,我们可以理解为在一些已经被大家所熟知的视觉/交互中,对其进行“改革创新”。

案例1 虎扑评论点赞

虎扑中的评论点赞不同于我们看到的其他产品,它采用的是一个灯泡ICON来表达该评论“亮了”,更贴合用户对有趣评论赞赏认同的真实场景。与众不同的方式也加强了用户的印象,提升了用户的黏度。

案例2 哔哩哔哩打赏

哔哩哔哩中的打赏采用了“马里奥踩蘑菇”游戏的形式,不同的砖块代表不同的打赏数额,选择完数额,滑动马里奥顶一下砖块就完成了打赏的整个过程。相比于普通的宫格式菜单选择,是不是有意思多了呢?

案例3 微信读书推荐

微信读书的书城中有一个“摇一摇”的功能,摇动一下手机或者点击一下“摇一摇”ICON,就会随机推荐一本书给你。每一次摇动背后的不确定性就像抢红包一样,满足了用户的猎奇心理,提升了体验的趣味性。相比于普通的推荐版块,不仅能让用户印象深刻,更会让他们对此爱不释手。

其实这些“不同”的案例也不完完全全是创新,比如摇一摇之前就是微信中的一个社交功能。大家可以将平时看到的有意思的设计记录下来,并思考一下可以复用在哪些地方,说不定下次功能更新就能用上了哦~

误区

在利用“背景不同”时,需要注意避免出现处处都强调的情况。每个元素/模块都突出了,也就失去了重点,如下图。

而“不同”需要注意的是,避免为了创新而创新,让“惊喜”变成“惊吓”。如下图,

“清音”作为一个标签指示,显然与我们平时所看到的那些标签样式大不相同,足以让我们印象深刻。但是,在知道它是一个标签之前,我曾误以为它是一个按钮。在触击无反馈并且右滑屏幕发现后面还有“浊音”之后,我才知道原来这是一个标签……这样的“不同”只会造成“负面”的印象深刻。

总结

相对于普通的事物,特殊化的事物更容易让人印象深刻,我们称这为梵雷斯托夫效应。触发梵雷斯托夫效应有两个条件:背景不同和不同,我们可以利用这两个条件来做出令用户印象深刻的设计。

  • “背景不同”:对需要突出的元素/模块做特殊化处理,在同类型元素/模块中脱颖而出。需要注意的是,避免到处都强调,从而失去强调的意义。
  • “不同”:对过去所熟悉的视觉/交互进行“创新”,从其他不同类型的产品中复用、移植过来。需要注意的是,避免让“惊喜”变成“惊吓”。

参考引文:

《设计心理学之梵雷斯托夫效应》

《通用设计法则》中央编辑出版社2013版 P254

感谢 @阿肆Stella @青山 提供案例

最后

日常生活中有哪些令你印象深刻的设计吗?欢迎在留言区与大家分享哦~

海盐社(公众号)
作者: 海舟

(0)

相关推荐

  • 如何让用户参与你的设计

    这篇文章讲述了我对产品设计的一些个人理解和看法.用户参与设计,指的是在有限的设计引导下,要给予用户或是体验者主动的情绪引导和操作体验,使设计不会成为剥离用户而孤独的存在.双方结合并有了相互影响后,会使 ...

  • 17个提升用户体验的 UI 设计小 Tips

    @应昼雨成 设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 下面由设计师应昼雨成总结了17个提升用户体验的 U ...

  • App软件用户体验之七种设计技巧

    操作方法 01 别样 网络:UI设计是一个移动互联网或互联网产品的门面,设计做得好是赢得用户的第一步,因此设计是用户体验的关键.本文中我们所讲到的是移动app开发用户体验之七种设计技巧. 在过去的几年 ...

  • 用户体验设计发展简史你知道吗?

    小编:用户体验在产品设计中有着举足轻重的地位.那么你知道它为什么这么重要吗?让我们一起去了解下用户体验设计的发展史吗? 在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧. 是什么让你选择这家餐馆? ...

  • 9120年设计师不会根据用户场景做设计怎么行!

    不知道大家在做设计的时候是否有考虑过用户场景,用户场景的构建能够让我们的产品更好的为用户服务.大家有没有想过为什么有时候需求会经常的修改,设计方案也会不停的变化,很大一部分原因就是因为在方案的设计过程 ...

  • 7个设计师必须要了解的用户行为设计原则

    一个产品的默认参数会让用户养成好的或者坏的操作习惯:个性化的信息推送会增加人们的消费:不同的服务环境会影响到你在商店里会买多少东西.我们每天都在与一些行为设计打交道,而这些原则可以帮助我们设计出更好的 ...

  • 好的banner广告,都是用户设计的

    前言 文章从常规的banner广告去展开叙述,对当下常见banner的设计风格等进行剖析,并融入自己的思考和总结,着重从用户的角度去思考一张banner广告的从0到1的过程. 我们分三个维度去探讨: ...

  • 网页设计给用户体验带来的影响

    操作方法 01 首先在深圳网站建设中网页设计对于一个人也是很重要的,这就像一个人的穿着打扮.要给大家留一个好的印象.所以第一眼很重要的,所以大家在设计网页的时候一定要设计美观一点 按照用户的体验去设计 ...

  • 设计华丽的用户体验的6个热门技巧

    你是否曾经下载了一个应用,却发现它"很难使用"?对于大多数智能手机用户来说,答案是肯定的. 有趣的是,每四个手机应用中就有一个应用在下载后被"打入冷宫". 如果 ...