UI插画设计如何提高用户体验

人是高度视觉化的生物，可以即时处理大量的视觉信息，据统计咱们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸取。所以，在许多状况下，静态的图片可以传达出至关复杂多样的想法，尤为是在进行大范围展现的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。

长期以来，图片都做为UI界面中最具备表现力的元素而存在，而最近几年，插画在UI中出现的比例愈来愈高，在许多地方都有替代图片的趋势。其实缘由并不复杂，插画比起图片可控性更强，更容易发挥创意，营造氛围，传递信息。从内容到技术细节，插画都在某种程度上超过现成的图片。

在今天的文章当中，咱们聊聊插画在UI设计中的运用，探讨一下它是怎么提高用户体验的。

插画的特色

实际上，如今咱们所说的插画(illustration)的词根 illustrate 本来的含义是“澄清，说明”。在现代平面设计中，插画是颇为经常使用的展现性元素，是视觉传达的重要工具。插画在设计做品中，经常用来引导、启发和呈现信息，更有针对性地、视觉化地同用户进行交流。真正高效的插画必定是有针对性的，易于识别的，而且可以被不一样的用户轻松理解的。

想要让插画最大化地为用户创造价值，你能够参考下面的四个范例：

一、首页插画

好的网页设计设计对于潜在用户的影响是巨大的。许多用户在判断一个企业、团队或者品牌的优劣的时候，他们的网站的优劣是一个重要的判据。这也是为何现现在网页设计师们都在想尽一切办法提高网页的用户体验。这一点，网页和现实世界是同样的，好的第一印象每每源自于优秀的视觉效果。吸引用户，激发想象力，这样才能和用户构建起紧密的关联。独特而传神的插画的价值就在这里，尤为是当这些独特的插画呈如今打开率最高的网页首页上的时候。和品牌气质所匹配的插画不只可以帮网站筛选用户，并且可以强化品牌属性。

二、吉祥物

品牌所传递的感觉、气质最好的落脚点就是品牌代言人和品牌吉祥物。吉祥物可以让虚拟的品牌调性更加真实，做为品牌的外化表现，吉祥物可以让品牌给人更加值得信赖的感受，让品牌更加富有吸引力。吉祥物的呈现形式不少，在网页上，它一般是以插画的形式出现的。吉祥物在UI界面中出现，可以赋予界面交互以生命力，保持用户持续的注意力，成为整个用户体验中没法忽略的重要元素，提高总体的参与度。

目前，电子邮件服务供应商 Mailchimp 多是借助吉祥物来提高用户体验最成功的案例。Mailchimp 每一个页面上都有黑猩猩吉祥物 Freddie 扮演不一样的角色，搞笑，甚至替代某个元素来强化互动，它的存在让Mailchimp 的体验和用户黏度都有了不小的提高。

优秀的吉祥物是积极用户体验的基础。

三、新手教程和新用户引导流程

插画还有一个重要功能，就是提供视觉引导。插画可以将复杂的概念简化为易于理解的视觉信息，图片比文字的呐喊更加响亮，这也是为何插画会经常运用到新手教程和新用户引导流程中来。

新手教程和新用户引导流程经常会介绍应用或网页的主要功能、优势，插画以图形化的形式为用户提供上下文环境，让界面所要传递的信息更加明朗，帮助用户明白如何执行当前步骤，怎么进入下一步。当页面或者APP采用极简设计的时候，界面搭配一幅简单的插画来传递关键性的信息，不须要太多的文本就能够了。

富有吸引力的插画和强互动性的功能让刚刚进入新用户引导流程的用户对APP产生兴趣，从中感到快乐的用户会更加渴望使用APP。到了如今这个时间点，插画和动效每每会搭配起来使用，达到最大化的效果。

使用插画能将一个漫长无聊的教程变为一段有趣的旅程。相比于复杂的文本解释，图像、插画和动效能让用户更轻松吸取和理解。即便你不会绘制复杂的插画，简单的漫画也可以达到相似的效果。

四、奖励界面插画

对于游戏咱们这代人应该有所接触，甚至很是熟悉。几乎每一个游戏在达成成就、闯过关卡以后，都会出现奖励界面，“解锁成就”这个词就是由此而来的。解锁成就为何对于用户这么重要呢?一方面，紧张的游戏过程带来的成就感让用户感到快感，另外一方面，解锁成就的奖励界面可以给用户一种屏幕背后有个真实的人在为他们庆贺。这是一种情感上的交互。

奖励机制的核心在于，经过积极的情绪刺激来创建情感联系。这种积极的情绪激励严格意义上算是情感化设计的范畴，情感上的引导会让用户关注到他们想看的内容，或者让他们看的内容，部分应用的缺陷甚至能够被用户所忽略。

成就徽章是成就系统中最多见的元素，一系列设计精巧的徽章图标加上游戏和用户互动，可以让用户逐步沉迷到这套体系当中。

精致的插画出如今成功状态的页面当中，可以让你的用户感受到被重视。

结语

插画加强用户体验是客观存在的，它是提升UI吸引力的强大工具。虽然插画的运用并无太多硬性的规定，可是务必记住一点：确保插画的可用性。插画最终是要应用到产品当中，成为产品和品牌的一部分。

文章来源：http://www.haitaoit.com/news-list-5-0-1.html