首页 > 建站资源 > 网站优化 > 极简设计能显著降低网站跳出率

极简设计能显著降低网站跳出率

时间:2017-10-09    来源:人人都是产品经理

编者按:浏览知名的电商网站,不难发现,所有页面的设计都是简洁大方、重点突出。除了视觉上的引人注目之外,这种设计还有着更深层次的原因。本文编译自Fast Company Co.Design题为“Study: Clean Design Really Is Better”的文章,带你走进简洁设计背后的秘密。

上网浏览时, 或许你在寻找可租赁的汽车,演唱会门票,或者想要买一双鞋子。在有些网站上,滚动鼠标浏览一会儿便能达成目的;而在另一些网站上,因为页面内容繁杂多样,不能很快地离开。

在所有的可能中,吸引到你的网站都是看起来十分干净的,它们有更多的留白、更少的文字、醒目的图片以及一个简单的设计。这不仅仅是我个人的偏好——设计分析公司EyeQuant的一项新研究显示:干净、清晰的设计将会带来更低的网页跳出率,这部分数据统计的是在浏览时没有点击任何链接而离开网页的数据。

根据EyeQuant首席执行官和联合创始人Fabian Stelzer的说法,这种简洁设计与网页浏览转化程度关系的研究在之前的案例分析中便引人注目。Stelzer表示:“很多营销人员和设计师会推敲两者之间的关系并尽力调和,他们的工作通常是为那些想把自己的内容一股脑的添加到首页的组织入侵者设计一个最为简洁的揭界面。”

EyeQuant直觉的背后是基于真实数据的研究。Stelzer和他的团队分析了 300 家不同的电子商务网站,在线销售诸如如服装、保险、鲜花以及电子产品等。EyeQuant团队通过之前研发得出的机器学习算法为每个网站给出不同的“清晰度得分”——评分从 0 到100,展示了网页的混乱程度( 0 分最差,大部分的这类网站你都可以想象的到,眼花缭乱,令人头晕目眩;而 100 分网站给人的感觉则是美妙如天赐,幸福单纯)。这一算法来自EyeQuant之前的一项研究,基于成千上万用户对于网页清晰程度的评分数据生成,Stelzer表示它至少有85%的准确性。

极简设计不仅好看,而且能显著减少网站跳出率

Stelzer之后将这 300 家网站的清晰度评分和跳出率通过亚马逊的数字分析网站Alexa (不要与亚马逊的语音助手混淆)生成图表,使之可视化。结果如何呢?数据显示:页面设计越简洁,跳出率越低,这几乎适用于所有的网站。Stelzer表示,两者之间关系密切他早有推测,然而出乎意料的是这种相关性十分显著。他说,这表明视觉清晰度可能在三分之一的程度上影响一个人是否决定在一家电商网站主页停留。

这项研究并不能达到科学意义上的最严谨——反弹率不一定准确是其中一个原因,虽然Stelzer认为,因为所有数据都来自同一个源头,在这一研究范围内数据之间的相关性应当是精确的。而且,“清晰度”目前仍然是一个主观问题(比方说,我想设计师们对清晰与否的划分会更加严格)。但是这项研究确实支持着对人们线上行为的逻辑理论研究——在一个已然过度刺激的世界,没有人愿意被更多的纷乱轰炸。

Stelzer评论说:“当今世界,如果你是一个消费者,身边将会有数量成倍增长的内容围绕——更多的广告,更多的图片,更多的冗余信息。干净整洁的东西将会更富吸引力,因为它不会把人淹没。”

除此之外,还有其他研究影响网站跳出率的因素——最引人注目的是一个软件测试公司Soasta和谷歌合作进行的研究,该研究发现加载次数对跳出率有着很大的影响(为什么你浏览的网站永远在载入过程中?)联系之前的研究,如今EyeQuant的研究表明,干净的设计是人们停留或者离开网站的又一因素。

所以,尽管人们总是批评网站的设计千篇一律,但是这种单调仍有可取之处。它不仅对双眼更加友好,也有利于电商们的最终盈利。

相关推荐
在交互设计中,极简设计的四种策略
为什么你总觉得国外的网站「性冷淡」?
前端开发如何做好SEO优化的工作
提高网页转化率的5个设计技巧分享
5个要点:教你提升在线业务的页面转化率
网站优化:9个建议大大提高网站的用户体验
良好的网页设计对SEO和用户粘度有何好处?
十四年来 百度上线新首页 改版的背景与逻辑
网站优化实战之如何进行用户体验检测?
网页设计必读!125个小优化提升网页可用性(二)
网页设计必读!125个小优化提升网页可用性(三)
优化高跳出率着陆页的正确姿势——忘掉跳出率!
那些让你忍不住买买买的购物网站会这样设计网页
手机刷网页也可以很畅快,背后有这12个设计原则
网页轮播图如何设计才是适当和有用的?
3大原则决定设计一个好的新闻类内容详情页
电商后台设计怎么做?万字长文告诉你!
为什么你爱用的App,都用卡片式设计?优势在哪?
想让网页可读性更强?你得善用这个 F 式布局
电商网站设计:购物车营销功能设计思考
网站改版设计:米大师web改版之设计总结
电商设计:详情页如何消除用户疑虑,轻松提升转化率?
让网站404页面变的更加实用的5个技巧
建站指南:网页设计的目的有哪些?
网页设计:网站管理后台的表单和表格设计分析
网页设计需要注意的12个常见问题
产品设计:帮助中心到底应该怎样改版?
网站设计指南:怎样与千禧一代建立联系?
网站设计规范:应该做什么,不该做什么?
20个主页设计实用技巧分享 助您打造超完美网页

精彩推荐

热门教程