网站的内页规划

网站内页是网站的根本,是用户浏览信息的主要来源,往往是用户停留时间最长的部分。策划人员同样要考虑每个栏目下的内页,其呈现是否合理,能否吸引客户。一般来说,一个页面在做设计规划时,现有素材越少,越需要出色的设计来弥补。对于大多数内页来说,每个页面该放什么文字、图片,已经是非常丰富和明确的了。只要排版清爽、重点突出,哪怕整个页面都是极简风格、什么设计元素都没有,也不会有问题。因此,比起首页和枢纽页,对内容页的布局规划并不算难,策划人员只需要在一些细节问题稍做选择和把控即可。

按照国内传统的分类方式,网页的布局类型有近十种,如国字型、回字型、拐角型、标题正文型、上下框架型、左右框架型等。从现在互联网的发展情况来看,这些分类方式稍显过时,而且非常烦琐,类型看起来多,不同类型之间的区别无非就是有没有顶部横幅、有没有侧面列表而已。在这里,不再一介绍这些类型,只列出几个在做内页规划时需要考虑的问题。当这些问题解决了,至于该选择什么布局也就清楚了。

(1)内容模块

首先,需要了解用户浏览网页时的行为习惯。对于用户浏览行为最主要的一种研究方法是视线跟踪(Eye—tracking),即使用特殊的设备跟踪用户视线在指定页面上的浏览数据,并根据浏览顺序、停留位置和停留时间,生成可视化的图像。2005年Google的研究结果显示,用户的浏览行为以逐行扫视为主,页面左上角的关注最多,这个位置因此也被称为“黄金三角”。

随着互联网的兴旺发展,用户的网页浏览模式也在主动做出适应和改变。这反映在随后2014年、2019年的研究结果中,用户逐渐有了非常明显的垂直方向浏览行为,且注视位置更加多变,就像弹珠台上的弹珠那样来回往复地跳来跳去,NN/g的研究人员把它称为弹珠球浏览模式(Pinball Pattern)

用户的关注点越来越多变,这显然源于越来越灵活的网页设计布局。一个网站上越是重要、越是高质量的内容页,其信息量越大,所要求的呈现形式也更复杂。一篇普通的产品介绍可能只有一张主图、一段产品描述和一张参数表,而一篇更出色的产品介绍则可能加上实际应用图、细节特写和说明、功能介绍、产品结构图、与同系列其他产品的比较等。

正因为用户浏览行为的变化,反过来要求我们更加注重页面逻辑 把页面上的各个元素进行分类和归置,设计清晰明确的小标题,并以合理的次序和布局呈现出来。我们的目的是,让用户一目了然地理解我们的逻辑和意图,进而一步步引导对方深入了解页面内容。

好消息是,因为用户行为“进化”了,我们不必再像以往那样,完全以页面左上角为唯一的关注点、按F形去排布内容;在页面布局和设计上,我们有了更大的空间去发挥创意。所以,我们在布局内容模块时需要注意的点,其实只有以下几个:重要的放前面。其中,“买家关心”和“有证明力”最重要。

容易懂的放前面。这里对“容易懂”的定义是,能让陌生用户迅速判断当前产品是干什么的,当前页面是讲什么的。如果遇到了非常难懂又非常重要的内容(比如某种技术创新产品的工作原理),突破口也应该在于怎么把它弄得容易懂,而不是强行往前放。

篇幅短的放前面。无论是长篇累牍的产品优势介绍,还是几十行的参数表,都要慎重地放在太靠前的位置,以免用户要往下滑好几下才能看到其他模块的内容 因为他很可能不滑了。如果遇到了非常重要又非常长的内容,可以归纳一个简要精华版放在最前面的产品描述里,或者通过其他设计方式解决,比如笔者即将在下个问题里介绍的选项卡和折叠标签。

逻辑上有关系的放一起。比如产品结构图是不是应该和参数表近一点,功能介绍之后是不是刚好可以配几张实际应用图,等等。

(2)选项卡和折叠标签

只有当页面内容量适中的时候,才适合把各个内容模块完全平铺。当一个页面的内容较多,使得整个页面过长时,用户可能滑好几下都看不到下一个模块的内容,容易对页面浏览产生疲惫感。

这种情况下,我们就需要想办法对部分内容做适当的隐藏,使用户在打开页面时,先大致浏览页面的全貌,然后再根据需要查看隐藏内容。常见的方式有以下两种:第一,选项卡。在页面上设计一个带标签的文本框,当用户点击上侧不同的标签时,下面的文本框里就显示对应的、不同的介绍内容。这就相当于把多个内容集成到一个模块里,通过标签来分类和引导。




(本文内容及图片收集于网络,如有侵权,请联系我们删除。)