行业资讯

优化网站导航设计及注意事项

发布时间:2013年09月24日    点击数:

优化网站导航设计及注意事项

  网站导航的作用

  网站导航的最终目的就是帮助用户找到他们需要的信息,如果说得详细点,那么可以概括为下面3个用处:

  1.引导用户完成网站各内容页面间的跳转。这个是最常见的,全局导航、局部导航和辅助导航等都是为了引导用户浏览相关的页面;

  2.理清网站各内容与链接间的联系。即对网站整理内容的一个索引和理解,这个最常见的应用就是网站地图和内容索引表,展现了整个网站的目录信息,帮助用户快速找到相应的内容;

  3.定位用户在网站中所处的位置。这个在面包屑导航中得到了充分的体现,它帮助用户识别当前浏览的页面与网站整体内容间关系,及其与网站中其它内容的联系和区分。

  网站导航的分析

  通过分析用户使用网站导航功能的情况,可以来评估网站各导航功能设计上的优劣,这里主要从导航的利用率、实现度、有效性和符合度4个方面进行分析:

  利用率

  网站导航的利用率,即用户使用各类导航功能的情况。最直观的分析方法就是使用点击热图,也可以使用页面覆盖图(Overlay),GoogleAnalytics上面默认提供了网站首页的Overlay:

东莞SEO服务网站导航设计应该注意的问题

  设计首页的第一步是设计版面布局。

  就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。因为每个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。

  布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。

  你可能注意到:“最适合”是一个不确定的形容词,什么才是最适合的呢?抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么,成功者只能建议您用什么方法,什么途径才能最容易获得成功,而不可能有一步成功的"秘诀"告诉您。

  我们在设计思考系列文章第四篇讲过站点整体的创意,版面布局也是一个创意的问题,但要比站点整体的创意容易,有规律的多。让我们先来了解一下版面布局的步骤:

  一.草案

  新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以)。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本。

  二.粗略布局

  在草案的基础上,将你确定需要放置的功能模块安排到页面上。(注:功能模块我们在"首页设计-引子"中提过,主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。

  三.定案

  将粗略布局精细化,具体化。(靠你的智慧和经验,旁敲侧击多方联想,才能作出具有创意的布局。)

  在布局过程中,我们可以遵循的原则有:

  1、正常平衡---亦称"匀称"。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。

  2、异常平衡---即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。

  3、对比---所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。

  4、凝视---所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。

  5、空白---空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。

  6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感,特别有效。

  图片解说的内容,可以传达给浏览者的更多的心理因素。

 

上一篇:网页设计总体方案SEO分析网站优化分析
下一篇:2013中国互联网安全大会总结分析