当前位置:首页 > 集团网站/站群建设

网站建设中的插图改善UX的6种方式

2019-12-24

俗话说“一张图片值得一千个单词”仍然与今天的经历有关。人们被视觉吸引的速度比文字吸引的速度快,照片和插图的这种自然属性使其对于视觉设计非常有用。

在现代用户界面中,照片和插图与文本和交互元素一起成为功能元素。插图是创建独特设计的一种通用方法。从手绘的英雄风格插图到小图标,关于素描图像的一切感觉都像艺术品。在本文中,我想从现代UI设计的角度回顾一些插图的功能。

 

插图如何帮助改善用户体验

与其他视觉元素类似,插图可以是功能强大的交流工具。精心制作的插图具有以下优点:

  • 可以吸引用户的注意力,并以易于理解的视觉格式提供最关键的信息。
  • 可以使一个复杂的想法更加清晰。如果您可以使用视觉效果提供此信息,则无需使用任何文字。
  • 可以吸引用户。精美的插图不仅吸引了用户的注意力,还使用户对产品本身产生了兴趣。
  • 可以发挥用户的想象力。通过使用插图可以融合现实和想象力。

 

插图改善UX的6种方式

在很多情况下,插图可以改善产品的用户体验。这是其中的6个:

1.更快地交付要点

如前所述,插图具有很好的解释和说明潜力。在网站和移动应用程序的上下文中,从第一个屏幕开始,就有十二种使用插图的方法来改善UX。例如,可以通过使用教程屏幕上的插图来使入门过程更加有趣。这种方法为移动应用程序带来了额外的好处,即有助于避免屏幕上显示过多文本。


图片来源:Divan Raj

使用插图,可以显示产品计划之间的差异。


插图说明了服务计划之间的区别。图片来源:Dribbble

最后但并非最不重要的一点是,当用户遇到问题时,可以使用插图添加一点幽默感来使问题变得人性化。


Google航班中的错误页面。图片来源:Dribbble

2.创造更难忘的经历

作为用户,我们会定期使用很多产品,但是只有其中一部分会带来真正令人难忘的体验。

作为设计师,如果我们想创造令人难忘的体验,就需要学习人脑的工作方式。芭芭拉·弗雷德里克森(Barbara Fredrickson)和丹尼尔·卡尼曼(Daniel Kahneman)提出了一种心理启发式方法,称为峰末规则,该规则决定了我们的大脑处理信息的方式。最高峰规则规定,人们在很大程度上根据他们在最高峰(即最强烈的点)和最高峰时的感受来判断一种体验,而不是根据体验的每一刻的总和或平均值。无论体验是令人愉快还是不愉快,都会发生效果。

换句话说,当我们记住经历时,我们往往不记得全部经历,而只回忆发生的关键事件。令人愉快的插图是成为此类关键事件并提高品牌知名度的机会。  

在用户界面中使用吉祥物是在设计中应用插图技术以创造更令人难忘的体验的流行方式。吉祥物等品牌元素成为用户与产品之间的身份和相互联系的元素。


Silverback是Mac上的一款应用,可简化游击手可用性测试,并使用图示大猩猩作为吉祥物。

3.创建与用户直接交流的错觉

每个用户与产品的交互都是一个旅程。每次旅程的背后都是用户想要通过使用产品来实现的目标。对于某些体验,可以将旅程转换为故事,其中用户将成为角色,目标将成为最终目的地。通过使用户参与体验,插图可以充当用户和应用之间的代理。

一个很好的例子是Omono该应用程序使用猫头鹰来引导用户浏览界面,并增强应用程序的用户友好性。


插图可以使用户对自己的任务充满信心,并受到启发继续前进。

4.加强现有的文体概念

可以在用户界面中应用插图,以提供对应用程序或网站的一般样式概念的视觉支持。插图与其他品牌元素(例如徽标,字体,配色方案)一起对产品样式产生重大影响。根据样式创建插图时,它会给产品(和整个品牌)带来更自然和和谐的感觉。但是要做到这一点,插图应该感觉一致,就像它们来自同一来源一样,即使它们是由不同的人创建的。  


图片来源:Zurb Foundation

5.加强互动过程

网站设计制程序和网站时,很少将它们视为链接在一起的静态页面。交互的概念要求我们添加动画效果和过渡效果,以使体验的外观和感觉更加自然。与设计的任何其他部分一样,插图可以通过动画来丰富。插图与动画相结合不仅可以提供真正令人难忘的体验,而且还可以使体验更具动态感。  

例如,Readme.io(一项向世界提供精美文档的服务)使用户每次输入密码时都会微笑。人们喜欢这种微小的接触,因为它们使体验更加人性化。


6.将游戏化元素添加到UX

游戏化是产品设计师用来提高用户参与度的一种流行技术。当应为用户的某些成就而给予奖励时,设计人员可以考虑在界面中使用插图。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号