网站建设是如何做好网站用户体验的?

“一幅画胜千言”的说法,与今天的经验仍然有关。人们被用图片来表达内容吸引的速度比文字快,而这种照片和插图的自然属性使得它们在视觉设计上非常有用。

在现代用户界面中,照片和插图都成为功能元素以及文本和交互元素。插图是创造独特设计的多才多艺的方式。从手绘英雄风格的插图到小图标,所有关于速写图像的感觉都像艺术一样。在这篇文章中,我想从现代UI设计的角度回顾一些插图的功能。

网站建设中插图如何帮助改善用户体验

与其他视觉元素类似,插图可以成为强大的交流工具。精心制作的插图有以下好处:

  • 可以吸引用户的注意力,并以易于理解的视觉格式提供最关键的信息。
  • 可以增加一个复杂的想法清晰。如果您可以使用视觉提供这些信息,则不需要使用任何词语。
  • 可以吸引用户。美丽的插图不仅吸引用户的注意力,而且还使用户对产品本身感兴趣。
  • 可以玩用户的想象力。通过插图来融合现实和想象是可能的。

6种方法提高用户体验

插图可以改善产品的用户体验的情况很多。这里有6个:

1.更快地交付重点

如前所述,插图具有很好的解释和澄清的潜力。在网站和移动应用程序的背景下,有十几种使用插图的方法可以从第一个屏幕提高用户体验。例如,通过在教程屏幕上使用插图,可以使入职过程更具吸引力。这种方法有助于避免在屏幕上显示太多文字的移动应用程序的额外好处。

网站建设是如何做好网站用户体验的?

图片来源:Divan Raj

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

网站建设是如何做好网站用户体验的?

插图展示了服务计划之间的差异。图片来源:Dribbble

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

网站建设是如何做好网站用户体验的?

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

2.创造一个更难忘的经历

作为用户,我们定期使用大量产品,但其中只有少数创造了真正令人难忘的体验。

作为设计师,如果我们想要创造一个难忘的体验,我们需要了解人类大脑的工作方式。芭芭拉·弗雷德里克森(Barbara Fredrickson)和丹尼尔·卡尼曼(Daniel Kahneman)提出了一种心理启发式的叫做“高峰期规则”(peak-end rule)高峰规则指出,人们主要根据他们在高峰时期(即最激烈的时刻)的感受来判断经验,而不是根据经验的每一刻的总和或平均值来判断经验。无论经验是愉快还是不愉快,效果都会发生。

换句话说,当我们记住经验的时候,我们倾向于回忆不是完整的经验,而只是回忆发生的关键事件。一个愉快的例子是成为这样的关键事件和提高品牌知名度的机会。

在用户界面中使用吉祥物是在设计中应用插图技术以创造更难忘的体验的流行方式。诸如吉祥物之类的品牌元素成为用户和产品之间的身份和内部连接的元素。

网站建设是如何做好网站用户体验的?

Silverback是一款适用于Mac游戏的应用程序,游戏的可用性测试非常简单,使用插图的大猩猩作为吉祥物。

3.创建一个与用户直接沟通的幻觉

每个用户与产品的互动都是一次旅程。每个旅程背后都是用户希望通过使用产品来实现的目标。对于一些经验,有可能将旅程转换成用户将成为角色的故事,并且目标将是最终目的地。通过吸引用户体验,插图可以充当用户和应用程序之间的代理。

Omono就是一个很好的例子。该应用程序使用猫头鹰来引导用户通过界面,并加强应用程序的用户友好性质。

网站建设是如何做好网站用户体验的?

插图可以使用户对自己的任务感到自信,并激励继续旅程。

4.加强现有的文体概念

插图可以在用户界面中应用,以提供对应用程序或网站的总体风格概念的视觉支持。随着其他品牌元素,如徽标,字体,配色方案,插图对产品的风格产生重大影响。当根据风格创造插图时,它提供了产品(和一般品牌)更自然和谐的感觉。但是为了达到这个目的,插图应该是一致的,即使它们是由不同的人创作的,也是如此。

网站建设是如何做好网站用户体验的?

图片来源:Zurb基金会

5.活出互动的过程

当我们考虑我们的应用程序和网站时,我们很少将它们视为静态页面链接在一起。互动的概念要求我们添加动画效果和转换,使体验看起来更自然。与设计的任何其他部分一样,插图可以用动画丰富。与动画相结合的插图不仅可以提供真正令人难忘的体验,还可以使体验更具活力。

例如,向全世界提供美丽文档的服务Readme.io使用户每次输入密码时都会微笑。人们喜欢这样的小动作,因为他们使经验更加人性化。

网站建设是如何做好网站用户体验的?

6.将游戏元素添加到UX

游戏化是产品设计人员用来增加用户参与度的流行技术。设计师可以考虑在界面上使用插图,以便用户获得一定的成就。

网站建设是如何做好网站用户体验的?

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/261065.html

(0)
上一篇 2022年5月24日 09:15
下一篇 2022年5月24日 09:15

相关推荐

发表回复

登录后才能评论