莱斯托夫效应在设计中的应用

2021-05-13 03:00:50于佳憓
西部皮革 2021年8期
关键词:用户界面界面效应

于佳憓

(北京印刷学院新媒体学院,北京 100000)

莱斯托夫效应又称雷斯多夫效应(Von Restorff Effect)、隔离效应(Isolation effect)以及新奇效应(Novelty effect)等。它是由前苏联心理学家莱斯托夫提出的。莱斯托夫效应的具体内容是指:比起常见的事物,人们记住奇特事物的几率更大。我们可以简单地将其概括为“特殊的事物才容易被人牢牢记住”。举个例子,在一场盛大的宴会上,主人在众多出席的宾客中只能对某些身形、相貌、年龄、地位等特征中最为突出者留有深刻印象,并即时记下她们的姓名。莱斯托夫在1933年的实验中验证了这个理论。他让实验对象看部分相似的物品,如果其中某个更为特别,那么相比另一个物品,受试者就更容易回忆起较特殊的那件。因此莱斯托夫效应告诉我们一个道理:某个元素越是新奇特殊,就越容易给人留下深刻的印象。

同理,若要使用户对产品产生深刻的印象,莱斯托夫效应同样也可以应用到用户界面设计中起到吸引用户的作用。

用户界面主要指用户的操作界面,用户界面设计主要是指界面的样式和美观程度,界面的好坏决定了用户对应用的第一印象。美观简洁的界面能够指引用户完成相应的操作,起到导向作用,而且具有吸引用户的直接优势。因此设计师可以合理运用莱斯托夫效应,巧妙运用“差别”来吸引用户的注意力,从而更好地强化用户对整个产品的印象。

1 莱斯托夫效应应用于用户界面的目的

在信息爆炸的今天,人们大量接触并运用各种类型的应用软件。对比现有的用户界面,设计同质化已经成为一个常态,往往当一个产品以一种新颖的设计方式映入用户眼帘且大受好评时,进而伴随着大量类似的产品雨后春笋般地出现。如何在琳琅满目的应用中脱颖而出,用户界面设计就成为一个亟待解决的问题。

艺术对视觉做加法而设计却在做减法,在用户界面的设计中涉及的层级越深用户的学习成本就越高。所以如何突出重点,引导用户快速做出选择就变得尤为重要。比如向用户凸显产品的新功能,电商促销时对消费者进行购物引导等,界面元素的突出设计降低了用户的学习成本,让用户容易接受并使用产品,第一时间展现给用户有价值的信息,从而减少时间和精力的开支,使用户更加高效地学习和使用产品。在此笔者将界面中需要进行特殊化设计的部分归纳为三类:信息提示、操作引导和内容推广。

1.1 信息提示:提升效率

信息提示类,顾名思义是一种为用户呈现信息的方式。是指当应用需要提醒用户时在用户界面出现的一些突出的视觉元素。这种提示区别于界面中的其他元素而独立存在,通过与其他元素形成对比展现出其独特性,引导用户了解他们不熟悉或未知的内容,起到通知的作用。在为用户提供所需信息的基础上也帮助开发人员有效地使用屏幕空间从而减少板式的混乱。

1.2 操作引导:快速体验

大部分产品的操作引导是为了指引新用户如何进行操作,从而降低用户的学习成本达到节省时间、提高效率的目的,帮助用户快速上手一个全新的应用。尤其是在产品上线新功能后,往往会给用户一些特殊的提示,吸引用户的目光,引导其在第一时间体验新功能,达到及时获得反馈和对功能进行合理优化的目的。

1.3 内容推广:获取收益

产品除了自身功能之外,也会包含一些额外的推广性引导,最常见的形式就是产品中的广告植入。在用户进行浏览的过程中,当用户的行为动机不足时,购物应用适当地添加特殊元素能够刺激用户,使其产生点击和购买的欲望,例如:适当放大或加粗文本,使其区别于其他内容信息或在显眼区域放置色彩鲜艳的活动优惠券等促销信息来吸引用户的点击和购买。

2 莱斯托夫效应如何应用在界面设计中

将莱斯托夫效应应用于用户界面设计的最终目的是通过对比更好地展示产品的内容。界面元素之间的差异性往往能够创造出富有层次感的视觉结构,让内容的可读性更强,也让信息更容易被用户理解。而这种差异性可以通过界面元素的色彩、大小、字体和形状来实现。

2.1 色彩

色彩是大多数设计师给用户传达信息的最显著的视觉要素之一。色彩的特殊运用主要目标就是吸引用户的注意力。运用莱斯托夫效应将色彩特殊化,能在第一时间给用户留下最直接、最深刻的印象。色彩的对比是强调重要信息和实现产品价值的关键因素。以图1叮咚买菜应用的用户界面为例,将界面进行模糊处理后不难发现最亮眼的色块就是界面中的绿色色块。设计师通过白色和绿色的强烈色彩对比,将“开通绿卡会员”这一信息很好地传递给用户,充分运用颜色的特殊性来实现产品功能宣传的目的。

2.2 大小

如果界面中的元素都是同样的大小,那么用户就会觉得千篇一律,没有视觉中心。最快凸显出某一内容或模块差异性的方式就是让元素之间的大小差别尽可能大一点,这样用户的视线自然会被这种特殊化的存在所吸引。以图2当当的用户界面为例,在这个颜色十分丰富的界面中,色彩对比被弱化了,通过形状的大小对比展现出了设计师希望用户看到的促销信息。更大的元素会拥有更加明显的视觉重量,从而更容易展现其特殊性。

图1 叮咚买菜用户界面

图2 当当用户界面

2.3 字体

不同的字体组合和排版布局,同样能展现出界面中元素的特殊性。字体的差异有着不同的视觉效果,给用户不同的阅读体验。通过字体的倾斜、加粗等效果变化更能突出某些信息的重要性。以图3铁路12306应用为例,最明显且突出的部分就是出发地与目的地的信息,通过字体的放大和加粗与界面中其他的文字形成了鲜明的对比,突出了关键且重要的信息更加易于用户操作,也减小了误操作的可能性。

图3 铁路12306用户界面

2.4 形状

用户界面的元素特殊化就是为了避免页面中的元素太过相似。如果在一个界面中,有两个不同的功能我们应该尽量对其进行区分,一方面避免了用户混淆,另一方面也凸显了该功能的特殊性。在图4闲鱼应用的工具栏中,就通过形状和色彩的差异性凸显了该应用的主要功能,即发布二手闲置信息。减少了用户的学习成本,起到了很好的引导作用。

图4 闲鱼功能栏

结语

用户界面设计会直接影响用户的使用习惯、审美观、价值观甚至改变用户的日常生活。善创意者求新,能求新者出奇,善用莱斯托夫效应可以让我们在界面设计中充分吸引用户的眼球,降低用户的学习成本,提升效率,做出用户看过就忘不掉的好产品。而在进行元素特殊化的同时也不要忘记一切的改良或创新都需要为产品本身服务,如果将界面中的各个元素都进行强调,就等于没有强调,反而会失去视觉中心,为用户带来视觉负担。所以要谨慎在用户界面设计中运用莱斯托夫效应来强调界面设计中的主要元素,避免处处都强调,顾此失彼,从而失去强调的意义。好的界面设计更加容易服务于大众,让大众在享受着最优质用户体验的同时,使生活品质有飞跃般的提升。

猜你喜欢
用户界面界面效应
自然用户界面在智能家居系统中的应用路径创新研究:生成式人工智能技术的调节作用
包装工程(2023年16期)2023-08-25 11:40:58
铀对大型溞的急性毒性效应
基于CiteSpace的国外用户界面体验图谱量化分析
懒马效应
今日农业(2020年19期)2020-12-14 14:16:52
国企党委前置研究的“四个界面”
当代陕西(2020年13期)2020-08-24 08:22:02
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
UI用户界面色彩设计研究
流行色(2017年12期)2017-10-26 03:08:44
应变效应及其应用
人机交互界面发展趋势研究
手机界面中图形符号的发展趋向
新闻传播(2015年11期)2015-07-18 11:15:04