当前位置:首页 >  站长 >  网站运营 >  正文

在网站中如何合理使用插图 增强用户互动?

 2017-11-13 16:23  来源: A5企业专栏   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

 

人是视觉动物,人脑加工或接受的信息中几乎90%都是视觉类的。这也是为什么大家常说一图顶千言。在很多情况下,相对于复杂的文本,图片在传递信息上更为迅速和简单。网站中设计师经常使用图片来扩大网站的表现力,创造出色的UI界面,拉近与访客之间的互动。不过近来越来越多的设计师开始倾向于使用插图,这是因为插图在所有的图片之中是最有表现意味的。在网站中使用插图可以使枯燥的文本更加有趣,可以让UI界面更有画面感,激发访客的兴趣。与此同时,网站信息内容的阐述与传递也更加直观、生动,有利于提升用户体验。因此,在今天这篇文章中,小飞将向大家介绍一下什么是插图以及如何应用插图做好UI界面设计。快来一起看看吧!

插图

插图其实是插画的俗称,原指我们平时看的报纸、杂志、报刊的文字中所添加的图画,现已成为现代设计中的一种重要的视觉传达方式,广泛的应用于多个领域之中,如商业活动、网站设计、文化事业等。插图用英语来说是illustration,这其实是由拉丁文illustraio演变而来,意指照亮,也就是说插图可以使文字更加明确清晰。除此以外,它还能够增加文字的趣味性,让文字给用户留下更生动的印象,增强艺术的感染力。在网页设计之中,插图正成为一个功能性的元素。它作为设计师与用户交流沟通的工具,正通过视觉元素有效率地阐述、传递信息。如果说文字可以告知访客某种信息,那么插图就能将这些信息展示给访客看。不过如果想要充分发挥插图的功能,我们在使用时还必须遵循两个准则:一是插图要易于辨认;二是插图可以为不同语境、不同文化的访客所解读,不出现歧义等现象。

 

下面是小飞总结的网站中插图的不同使用情境,并分析了一些完成度比较高的栗子,希望大家可以借鉴并有所收获。

在主页上使用插图

优秀的网页设计常常需要给访客或者说潜在用户留下深刻的印象,这是因为人们总是基于网站的质量来评判一个公司的好坏。这听上去可能有点残酷,但事实就是如此。主页是一个网站的门面,决定着访客对网站的第一印象,而第一印象往往是是视觉上的,因此不少用户在主页上使用插图。在网站的主页使用插图能够给整个网站带来更多的艺术美感、让主页更加生动活泼。这些主页插图还能够激发用户的想象力,在用户和网站之间建立一定的联系。除此以外,独一无二的插图还可以将你的网站与一众竞争对手区别开来,形成更强的品牌号召力。

Intercom就是一个栗子。在它的首页,如果仅靠"Communicating with customers shouldn't be this hard"和"With Intercom it's simple,personal, and fun for everyone"这两句话无法形成强烈的对比,难以激起访客的兴趣。因此,Intercom使用了插图,模拟"你"和用户的沟通方式,老方法和新方法之间的优劣一目了然,直观的展示了自己产品的优势所在。这种贴心的讲解更有利于吸引访客,将访客转化成用户。

 

在不同页面上使用插图如吉祥物

吉祥物是插图的一种,它常作为商品标志和企业形象的代表。在网站中使用吉祥物可以带来很多好处。吉祥物以其强大的亲和力和趣味性能够很快赢得访客们的信任,建立访客与网站之间的情感纽带;可以让交互过程更生动,更能维持用户的注意力。而且,对于访客来说这种图形元素绝对是鲜活的,是能够给他们赢下深刻印象的。

使用吉祥物提升用户体验最出名的一个网站就是Mailchimp,前面小飞在谈出色的404页面设计和CTA按钮中也有提到这个网站。Mailchimp是一家提供电子邮箱营销服务的网站,它的吉祥物一只叫做Freddie的可爱猩猩。一方面,Freddie身背邮差包,肩负传统邮递员的重责,突出了网站的主题,与品牌形象相吻合。另一方面,Freddie这个吉祥物可大可小,能出现在网站的不同页面上,充分发挥各种作用,比如引导访客前往某个区块或是仅仅娱乐访客,让用户体验更加愉悦。

 

在教程上使用插图

插图很大的一个特征就是在于让枯燥的文字富有生机,用简单的图片解释复杂的概念。这一点对于网站中的一些教程或是指导手册来说简直就是福音。网站中的教程和指导手册通常都是长篇大论、乏味无趣的,而增加插图可以极大的化解这个问题,提供给访客更多的视觉信息,减轻阅读负担,让他们更有了解详情的欲望,这样的用户界面看起来也会更加赏心悦目。如果你并没有合适的插图可以用来讲解教程,动画效果也是比较好的选择。

下图就是一个APP的用户界面。当用户登入时,这会出现一些关于软件安全信息的指导,好让用户对软件更加信任。你可以看见这些信息并不是纯文本的,而是与插图相结合的。这些关于"信用卡、盾牌、账单"的插图让信息更加直观易懂,更能吸引访客停驻浏览。这个App的用户界面还使用了卡片式设计,整体设计布局很是整洁大方。从这我们也可以看出,当插图和极小的用户界面(如手机界面)结合起来优势更加明显,插图既能传递一定的视觉信息,又不会侵占其他元素发挥的空间。

 

在奖励界面使用插图

奖励界面可能在游戏软件中最为常见,几乎所有的游戏都设有一定的关卡,当你通过一定数量的关卡,就能够获得某种成就或奖项。而不少设计师就在奖励页面使用一些插图,注重引起用户情感上的互动。比如下图中Foursquare在奖励页面使用了一个市长勋章。这能给用户很大的鼓励,同时营造一种感觉,让他们觉得手机屏幕的那一端并不是机器,而是活生生的人。另外,这种插图可以带来积极情绪,当访客受到这种情绪的影响时,常常会忽略网站上的一些缺点。

在网站中我们同样可以使用插图鼓励用户。比如,当用户完成注册登录时,可以获得一份礼包或者是其他奖励等等,帮助营造用户的积极情绪,或是在用户完成购买后赠送积分或抽奖环节,不少商城网站早已在使用这一技巧了。

 

从上述的栗子中,我们可以看出,插图是提升用户体验,让用户界面更具吸引力一项强有力的工具。尽管在网站中使用插图还没有形成一套完整的规则体系,但有一点是毋庸置疑的:插图一定要价值。网站中各种元素的使用都应该服务于一定的目的,插图也是如此。只有这样,插图才能发挥自己在网站中的益处,给公司产品或品牌赋予深刻的认识。快在自己的网站中使用插图吧!快来起飞页自助建站平台()做一个网站吧!

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
起飞页建站

相关文章

  • 响应式网站中优化用户体验的7个关键点

    随着移动设备的不断兴起,响应式设计越来越受到大众的喜爱,站长们在搭建网站时也更加倾向于选择响应式网站。不过,大多数站长们都认为既然响应式网站可智能根据设备屏幕大小呈现不同的展示效果,那就不用再对移动端的网站进行手动调整了。其实这种看法是片面的,响应式网站虽然自身具备一定的特质,但有时PC端网站和移动

  • 盘点2017年最受欢迎的10个商城范例:我们从中可以得到哪些启示?

    在电商和线上购物快速发展的今天,拥有一个商城网站很是必要,关于试水独立商城的好处大家可以浏览《有了淘宝京东,为什么还要自建商城网站?》查看。但是,搭建商城网站并不简单,庆幸的是目前市面上涌现了不少建站平台,起飞页自助建站平台就是其中一个,各位商家可以借助起飞页轻松搭建出一个好看、实用的商城网站。不过

    标签:
    起飞页建站
  • 让首页背景动起来是怎样一种感觉?8张图告诉你真相!

    现在越来越多的设计师开始在网页中使用循环视频作为背景,这种现象的出现主要有两个原因。一方面,移动设备性能不断完善,网速越来越快,用户能够且有条件在移动设备上浏览视频背景的网站;另一方面,随着HTML5技术的发展,很多主流浏览器的视频标签都支持循环(Loop)属性,网页上单个或一系列视频短片的循环播放

    标签:
    起飞页建站
  • 缺乏灵感?给你8个值得每天学习的顶尖设计网站

    网站设计是一种艺术,它离不开灵感和创意。但灵感与创意的涌现是需要碰撞、需要时机的,大多数设计师都不可能每时每刻都灵感爆棚。当您缺乏设计灵感时,不妨看一看下面这些网站,它们都收录了丰富的素材,都有许多独立设计师上传的优质作品,没准这些设计就能让你眼前一亮,获得一些想法或启发。赶紧和小飞一起看看这8个值

    标签:
    起飞页建站
  • 目前为止用户体验度最好的表单:浮动标签式的表单

    在当今这个互联网时代,填写表单对用户来说就是家常便饭,在网站进行注册登录时、在网上购物时,都免不了填写表单这一环。表单是网页设计中重要的组成部分之一,在获取用户信息方面发挥着不可或缺的作用,它是用户和网站的一种互动形式,这种形式的互动越顺畅,网站的用户转化率就越高。这也是为什么许多站长们一直在研究如

热门排行

信息推荐