为什么你的网站跳出率居高不下?论UX/UI设计的重要性!

懂营销-专注网络营销与互联网推广技术学习交流平台
图片[1]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」

细心经营网站,但网站却犹如一座空城?网站介面明明设计得很漂亮,却没有人停下来欣赏?你可能觉得你的网站做得很棒,但显然你的目标客户并不这么想!这时候必须停下来思考,你的网站是为了设计给谁使用?

如果你已经意识到了答案,便可以回头检视一下你的网站是不是丧失了最重要的使用者体验。基本上,在搜寻引擎中,不论是输入「如何解决高跳出率?」或「使用者体验该怎么优化」,最终出来的搜寻结果都会牵涉到UX/UI设计。

那么,UX设计是什么?UX设计又是什么?两者的差异在哪里?是怎么样影响到跳出率?以及UX/UI设计未来的发展趋势。这些问题在本篇文章都可以得到解答。现在让我们继续看下去吧!

什么是UX​​设计?

UX是User Experience使用者体验的简称,从字面上来看,可以清楚发现UX与使用者有关。而UX设计实际上也是围绕者使用者在做一系列的规划,像是:网站栏位规划、内容放置……等等,着重的是网站整体使用起来的流畅感,而不是它的外观与介面。

图片[2]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
UX设计的线框图

什么是UI设计?

刚刚提到的网站的外观与介面,便是被归类在UI (User Interface)使用者介面设计的范畴中。简单来说,UI设计的任务在于专注呈现网站每一个元件的视觉效果,例如:多层选单、按钮、 Loading画面等等。UI除了要顾及使用的便利性,还要确保页面整体的文字、字体大小、色彩、网站配置是和谐、舒服的。

图片[3]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
使用者介面UI设计,红线框起的部分皆为UI设计范畴。

UX设计和UI设计的比较

图片[4]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
UX设计和UI设计

总体而言,它们是无法进行比较的。UX设计是由一系列的规画所组成,而UI设计只是UX其中的一部份。不过,UX设计和UI设计的工作内容虽然有所重叠,但也不代表他们可以被画上等号。

UX/UI是一体却又各自精采的设计,这就是为什么有关于UX/UI设计的文章会这么紊乱的原因,当然想要好好分清楚UX设计和UI设计也不是这么困难,把握以下几个观点,便可以搞懂他们细微的差异:

  • UX设计负责辨识与解决使用者各种疑难杂症;UI设计则包办所有元件与设计元素的构想
  • 页面与页面的衔接流畅度由UX设计掌管;UI便是肩负着页面视觉与设计互动模式的重责大任。
  • UX设计师专注于解决问题,打造流畅的使用者体验;UI设计师则侧重在设计出吸引使用者的网页。

UX/UI设计是怎么样影响跳出率?

高跳出率说明的是网站无法留住使用者,更进一步可能也引导不了流量进入网站。网站就像一间实体门市或展示间,UI设计是里面吸引人们驻足的布置, UX设计便是支撑起一切的骨架。你的网站如果无法发挥应有的功能,回过头再一次检视网站的UX/UI的设计流程,也许就能找出是哪一个环节破坏了使用者体验。

图片[5]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
UX/UI设计

UX设计流程

UX设计覆盖的范围非常广泛,一般的流程会如同我们待会提到的,但实务上,依据不同的需求、预算,流程会有弹性的变化,你需要做的就是了解与核对你的网站在这些流程当中的细节是否出了问题,倘若你还没架设网站,那也可以经由UX/UI设计流程规划出具有使用者体验的网站。

深入了解使用者需求

开始任何设计之前,都必须先了解基本的要素。UX设计的话,则必须围绕者它的核心—使用者与品牌,进行研究。从使用者的资讯、产业分析、过往案例……等等,试着找出使用者的需求是什么?以及为什么你是可以解决问题的人。

分析竞争对手优劣势

再来就要分析既有网站的UX设计,弄清楚竞争对手每一步的设计是为了达成什么目的,各自有怎样可以参考与改善的部分。这里可以整理成SWOT表,同时探讨自身品牌的优劣势,协助你在自己的网站上做出与他人不同的特色与定位。

图片[6]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
SWOT表

针对既有或潜在客户做调查

找出既有或潜在客户浏览网站的内容与操作偏好,弄清楚他们的既定思维,例如页面连接之间存在什么样的关系,在购物车页面后应该要接上结帐页面……之类的,让网站的UX设计可以贴合使用者的习惯。

建立人物雏形

这里所提到的人物雏形概念,就有点类似我们在情绪版建置提过的顾客模型,最关键的功能就是统整出UX设计的共识,这可以巩固UX设计在接下来的流程中,不会偏离使用者需求。你可以运用xtensio整合相同的特质或观点的使用者,将其塑造成一个可能真的目标客户中的一员,而这种类似的人物塑造至少要有三个或更多,最基本必须要拥有以下的人物雏形。

  • 目标使用者
  • 潜在使用者
  • 对品牌完全没兴趣的使用者

绘制使用者体验历程图

使用者体验历程图是UX设计中最重要的一部份,可以藉由视觉图表展现使用者与网站互动的每一个细节与使用情境。使用者体验历程图的制作方式也很多样,有非常花俏精致的,也有简单朴素的,但最重要的是制作的过程与事后的讨论,可以将问题的症结点抓出来解决。

图片[7]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
使用者体验历程图

通常这一个步骤会推荐拿便利贴在大白板上进行头脑风暴,所以这里介绍2个好用的使用者体验历程图绘制网站:Smaply 和 UXPressia ,让你可以汇整结果制作出图表。

组成信息结构

信息结构主要的任务是成为网站与使用者间的桥梁。所以信息结构是一个UX概念,只要搭配互动地图,就可以绘出网站清晰的信息结构。这个部分也可以让你得知网站需要做出那些页面,才可以完整UX设计。

图片[8]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
信息结构

画出线框图

从信息结构中,可以得知要制作多少页面,以及其页面可能涵盖的功能,运用线框图将所有页面的配置画出来。不需要使用太多元素,只要保留需要的元件与内容配置。

图片[9]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
线框图.

上面这个便是使用 Balsamiq 绘制而成的线框图,当然网站不会只有这一个页面,你可以将所有页面大致上做出来后,继续进行下一个流程。

加工成原型设计

接着就用线框图来模拟成真正的网站,将每个页面做成可互动的原型设计,把页面与页面之间的连结标示出来。UX设计到这一步,你的网站架构模型就大致出炉,可以进行UI设计了。

可行性测试

图片[10]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」

在进行UI设计前,你可以先利用原型设计进行第一次的测试,邀请身边的人或不认识的人使用,让他们来告诉你:网站这样设计会发生什么事?通常一定会发生问题的部分会在像是:找不到怎么回前一页、按钮消失不见、导览栏不会跟着移动……等等,便可以停下流程在这里进行细部调整。

UI设计流程

最后的网站配置准备好后,你就可以开始运用不同的元素,让网站的配置、文字、色彩变得足够吸引使用者浏览与消费。

图片[11]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」

品牌风格指南制作

假设你是先有品牌才作网站的话,这一个步骤基本上可以省略,因为在品牌设计阶段时,设计师会为你保留一份品牌风格指南,所以你只需要注意再来UI设计的风格有没有走偏即可。如果你的品牌没有指南,或你想要更新品牌设计,都可以跟着步骤再制作一份。

有看过关于相关设计文章的话,一定都听过情绪板?没有也没关系,你一样可以点击下面的延伸阅读,文章会带你一步步完成专属你的品牌风格指南。但这里我们简单说一下情绪板的作用,情绪版最大的功能便是可以汇集成品牌风格指南,帮助UI设计掌握品牌的调性,也可以在展现品牌特色的同时,保持着网站设计的一致性。

一般来说有了情绪板,品牌风格指南几乎也就到手了,想要轻松完成UI剩下的流程不在话下。

如果说色彩只是引发品牌联想,那LOGO可以说是人们认识品牌的最佳途径。

图片[12]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」
LOGO设计案例

关于品牌LOGO的设计流程与重点,在之前的文章都曾提到过,如果你对品牌LOGO该如何设计有兴趣,可以到延伸阅读阅览其他文章喔

规划图标设计

除去文字、图片,图标也是一个非常好的识别工具,比方说:日常生活中,人们通常会用「♀」取代女生,「♂」表示男生。那在网站上,你也可以使用一些使用者容易联想的图标替代文字的使用,让阅读的反应时间减少,网站便会显得更加简洁有力。

完成UX/UI设计

最终就是优化介面与视觉设计,当UI设计完成后,就可以开始进行最终的可行性测试?不,是无止尽的可行性测试。你需要持续地从使用者中获取反馈,了解使用者流程与使用者介面的直觉程度是否贴合使用者需求,才能确保网站不会再无人光顾。

图片[13]-为什么你的网站跳出率居高不下?论UX/UI设计的重要性!-「懂营销」

因此,UX/UI设计只会告一段落,并不会完全结束。你的网站会一直重复这样的流程直到有更新的网站技术取代UX/UI设计:

重复地测试和评估

运用QA或是A/B不断地测试网站的可用程度,同时挖掘UX/UI设计流程中没有发现,但是使用者会察觉到的盲点,进行问题排除,定义出最佳的UX/UI设计版本。

介面改进和新功能更新

UI设计的元件更新非常快速,所以你必须多关注UI设计的趋势,了解使用者需要哪些新功能,以及该如何将它置入于网站之中。

重新设计

网站的设计终究会有过时、被淘汰的一天,如果网站需要重新进行UX/UI设计,就必须再重新走一次上面的UX/UI设计流程,进行新的UX研究,建立新的使用者历程图和线框图。

UX/UI设计未来的发展趋势

UX/UI设计一直都是热门的话题,尤其在网站泛滥的现今更甚,如果网站失去或没有使用者体验,那网站设计的意义也不复存在。因此,未来UX/UI设计会朝什么样的方向发展,是值得多加关注的,在以人为本的世代,使用者体验早已成为使用者们浏览网站的基础需求。

© 版权声明
THE END
喜欢就支持一下吧
点赞6
分享
评论 抢沙发