网站建设
当前位置:首页 > 新闻中心 > 网站建设 >
[网站建设]网页设计让用户忍不住浏览下去?
发布日期:2019-07-30 阅读次数:301次

  滚动是用户交互中最基础、最核心的部分,创造良好的滚动体验只是网页设计的基础,内容的设计,多媒体和动效的加入,都是为了围绕着同一个目的而运作的:让用户浏览下去。

  

  网站中的内容再好,总得让用户能看到,才有价值,而矛盾在于,首屏的空间始终是有限的。所以,我们总希望用户能够滚动页面向下看,从某种意义上来说,长滚动页面和无限滚动的设计,如此地受欢迎,就是因为它贴合了用户下意识滚动浏览的习惯,也符合内容的创建者希望被用户看到的需求。

 

网页设计
 

  一般而言,依托滚动交互的页面,同样多的内容,在小屏幕上需要滚动的距离更长,同时,它们也需要设计师提供更优秀、可用性更强的导航和辅助元素,甚至借助动效等元素来引导用户滚动浏览。

 

  如果你希望你的网页更能吸引用户滚动,那么下面的5种策略,应该能够帮你向着你想要的目标更进一步。

 

  1、一开始就提供有趣的内容

 

  尽管许多用户习惯于在页面加载的时候就开始滚动,但是首屏的内容对于用户决策的影响是至关重要的。首屏内容的好坏,会让用户对于后续的内容的期待有明显的影响,如果首屏内容足够有趣,用户会主动向下滚动,并且希望看到同样有意思的内容。

 

  所以,作为整体设计的一部分,设计师应当尽量让用户感兴趣的内容置于首屏,传递给用户一种信息,就是后面的内容同样有趣。

 

  在设置内容的时候,尽量为用户提供:

 

  有趣的元素和内容(吸引用户注意力的内容和信息)

 

  引人入胜的图片或视频(用户会密切关注这类视觉信息)

 

  2、给用户以视觉线索

 

  有的时候,想让用户向下滚动可以直接告知用户这么做。为用户提供这方面的视觉线索,比如指向下方的箭头,或者直接用文本上“Scroll Down”来告知用户,更多的内容在首屏之下。

  

  视觉线索的呈现方式有不少,上述的明示如果不够“优雅”的话,你可以试着让下方的内容在首屏上露个头,让用户明白下方有更多,也不错。

 

网页设计
 

  3、保持导航可见

 

  导航是网站的重要组成部分,它能成就一个网站的好体验,也能毁掉它。而在设计网页的时候,最大的风险之一,就是可用性低的导航计,导致用户在使用过程中迷失。通常,这种设计会让用户感到挫败感。所以,尽量使用悬浮置顶的导航栏,或者固定式的导航栏,一方面让用户始终明白自己所处的位置,另一方面也方便用户跳转到其他的位置。

  

  当为移动端进行设计的时候,需要注意的是导航会不会占据太大的空间,比较合理的策略是让导航在滚动的时候隐藏,当准备回到顶部或者停下的时候显现。

  

  4、加入动效提升参与感

 

  以视差滚动为代表的动画特效是让用户滚动浏览更加有趣的一种设计技巧,同时它通过有趣的设计,吸引用户不停滚动下去,让用户始终处于探索“接下来还有什么”的过程中。

  

  考虑到页面常常被设计成不同的区块,可以将富有创意的动效到不同的区块当中,让用户在不断滚动当中,沿着设计好的路径来浏览。

 

  视差滚动是目前最流行的特效之一,设计师可以借助元素移动速度差来创造深度和沉浸感。当用户在平滑的滚动浏览内容的时候,视差特效所创造出的沉浸感能够让用户有身临其境的感觉。

 

网页设计

  

  5、避免滚动劫持

 

  滚动劫持这个概念并不难理解,浏览器本身的滚动机制被替代,用户无法按照他们预期的、习惯的方式来滚动浏览,有的时候这种状况是设计师刻意营造的浏览效果,但是并不一定能给用户以好的体验,至少多数时候是超出用户预期并且难以控制的。滚动劫持这种状况要尽量避免。

 

网页设计  

 

 

  滚动是用户交互中最基础、最核心的部分,创造良好的滚动体验只是网页设计的基础,内容的设计,多媒体和动效的加入,都是为了围绕着同一个目的而运作的:让用户浏览下去。只有让用户接收到信息,它们的价值才能传递出去。


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

 

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

 

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

 

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

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

  

网站设计

 

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

 

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

 

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

 

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

 

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