插画在UI设计中怎么提升用户体验?

2021-04-13
3255
0

  插画在UI设计中怎么提升用户体验?设计师作为当下比较热门的职业,对于各行各业来说,都是一个不可或缺的存在。设计师们将自己的思想转化为现实,不断的创新,来融合大众的审美观和消费观。那么,今天和绘学霸小编一起了解下:UI设计中怎么提升用户体验?

插画在UI设计中怎么提升用户体验?

 

  插画的特点

 

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

  想要让插画最大化地为用户创造价值,你可以参考下面的四个范例:

 

  1、首页插画

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

 

  2、吉祥物

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

 

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

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

 

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

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

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

 

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

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

 

  4、奖励界面插画

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

 

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

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

  精致的插画出现在成功状态的页面当中,能够让你的用户感觉到被重视。

 

  结语

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

  绘学霸除了课程内容全面,还有着丰富的实训项目内容,让你能够接触到行业前沿的影视素材,在学习中累积一定的工作经验,让你就业后就能够直接参加项目,告别刚入行时的迷茫期,所以如果你有这强烈的就业意愿,绘学霸是个很不错的选择。

 

  那本期关于UI设计中怎么提升用户体验?的分享就到这里结束了,也欢迎喜欢UI设计的小伙伴,关注我们的官网绘学霸,经常分享各类教程、资源、经验,助你开启UI设计提升之门。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
王氏教育是国内专业的CG数字艺术设计线上线下学习平台,在王氏教育,有原画、插画、漫画、影视、3D模型等培训课程,也有学习资源下载、行业社区交流。CG数字艺术学习,来王氏教育。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
王氏教育 王氏教育