网站作为提供信息及服务的平台,页面的用户体验十分重要。合理的设计网站页面布局可以有效的提高用户体验。通常的网站页面层次模型分为网站首页、网站内页(栏目页面和内容页),有的网站还会因需要设计专题页面。
一、网站首页布局设计
网站首页是网站给用户的第一印象,首页页面布局需从主题、导航、内容等方面入手,下面以百度百科的页面为例进行首页页面布局分析。
1、首页主题
首页是网站的核心页面,首页的主题也就是网站的主要核心。首页主题需让用户很容易的了解网站是做什么的。首页主题体现在网站的标题、关键词、描述上,其中最重要的是标题,用户在搜索引擎上看到的搜索结果就是你网站的标题和描述内容。例如下图的百度百科,用户通过图中内容及可了解到百度百科是做中文百科的,以及百科涵盖的知识及服务领域。
在首页页面上,首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。
2、首页导航
网站导航可以看做是对网站内容的分类,把网站的内容进行细分,方便用户跟据个人需求选择浏览相应栏目页面。网站首页导航要做到分类清晰,导航栏目间不重复。百度百科的首页导航做的很好,我们可以学习一下。
3、首页内容
布置好网站首页导航就可以进行网站首页的内容布局设计了。页面的内容布局需先对网站的用户群体进行需求分析,把用户关注最多的内容放置在首页的最重要位置。一般按照用户的浏览方式,页面内容布局按照内容重要程度由左上到右下进行布置。也就是说最重要的内容要放置在首页左上位置,而广告或最不重要的内容可放置在页面的右下位置。
网站首页布局除了做好主题、导航和内容外还需注意页面的尺寸、网站打开速度及友情链接布置等方面。
二、网站内页布局设计
本文这里所说的网站内页包含了网站的栏目页及内容页面。因页面的总体布局方式相似所以一起进行论说。
1、内页面包屑导航
为了更好的传递站内页面权重,内页需要设置面包屑导航。网站各层级的页面较多,尤其是大型网站,为了更好的让网站内页获得权重,内链是很好的方式,为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航不但可以分配页面权重还可以方便用户在各层级页面间进行切换。
2、网站内页模板
常见的内页模板有两栏和三栏两种形式。两栏的形式多用户小型企业站几博客网站。两栏页面的主要位置是文章内容,另一侧为用户互动内容,例如热门文章、推荐文章等。两栏栏目页面主要位置为栏目下文章列表,侧边为互动内容。栏目页需注意,文章列表每页条目不要太少,用户多次翻页会不便于用户浏览,还会出现网站页面层次过深的问题。三栏的内页布局和两栏的差不多,中间主要位置为文章内容,两侧方式相应的互动内容或广告。内页模板我们可参看百度百科的页面布局形式。
按照80/20法则,80%的结果是由20%的努力产生的。作为一个为用户服务的网站,抓好用户体验问题就是抓住了产生最大结果的20%核心要点。影响用户体验的方面很多,本文所介绍的网站页面布局无疑是提高用户体验的重要方式。