首页 > 范文大全 > 正文

网站导航设计分析

开篇:润墨网以专业的文秘视角,为您筛选了一篇网站导航设计分析范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!

摘要:网站导航的基本作用是为了让用户在浏览网站过程中不至迷失,并且可以方便地回到网站首页以及其他相关内容的页面。网站导航设计的好坏与否影响着用户对网站的感受,也是网站信息是否可以有效地传递给用户的重要影响因素之一。因此,网站导航系统也成为评价网站是否专业、是否具有网络营销导向的基本指标之一。

关键词:导航设计;易用性;功能性;一致性

中图分类号:TP393文献标识码:A文章编号:1009-3044(2008)36-3041-02

The Analyse of Baner Design in Website

SUN Xiao-ying

(Huanggang Polytechnic, Huanggang 438002, China)

Abstract: The website guidance's basic function is to let the user in glance over in the website process to not to lose, and may return to the website home page as well as other related content page conveniently. The website guidance design's quality or not is affecting the user to the website feeling, is also the website information whether can transmit effectively one of for user's material effect factors. Therefore, whether does the website guidance system also become appraises the website specialty, whether to have one of network marketing guidance basic quotas.

Key words: baner design; usability; functionality; uniformity

网站导航设计是结构层面设计中的主要工作之一。但是很多用户时常在浏览一些站点时因为没有方便的导航系统而苦恼,原因是这些网站缺乏针对性和方便的导航系统,也没有提供有助于让我找到所需信息的帮助,他们把所有的导航信息都放置在杂乱的按钮和文本链接上,使用户很难找到自己要访问的页面。

因此,我们在进行网站导航设计时,应该综合考虑客户的需求以及网站的结构,从以下几个方面着手设计:

1 导航的设计应具备易用性

网站的导航,包括顶部、底部和侧面的导航都应该尽可能地对用户友好、易用,保证用户“想”看到的在尽可能的显眼位置,导航里的各要素应该反映出各个目录和子目录,以及各个主题之间的逻辑性、相关性,帮助用户找到主要相关内容。

1.1 设计辅助导航。

为用户提供一个直观的指示,让用户知道现在所在网站的位置,每一级位置的名称都得有链接可返回,在每一个网页都必须包括辅助导航以及左上角的网站LOGO标识。

1.2 设置网站LOGO链接

每一个出现的网站LOGO都要加上回到网站首页的链接,因为大部分用户已经习惯了点击网站LOGO作为回到网站首页的方法。

1.3 导航条的位置

在屏幕上的一个网页实际上可以有五个基本区域来放置导航元素:顶部、底部、左侧、右侧和中央。各个位置都有其优缺点。

顶部导航:把导航元素放在顶部可以迅速地显示出来,是一种常用方式。

底部导航:在通常情况下,底部导航没有多在意义,一般只作为页面标签和公司品牌的介绍,不建议在屏幕底部设计导航。

左侧导航:这是网页导航的一种普遍方式。

右侧导航:一般只用于放置广告、交叉链接以及辅助的导航形式。

中心导航:一般只有在首页上才可把重要的导航元素如图形按钮或图像画面放在页在的中心。

主导航条的位置应该在接近顶部或网页左侧的位置,如果因为内容过多需要子导航时,要让用户容易地分辨出哪个是主导航条,哪个是某主题的子导航条。

1.4 设置联系信息。

进入“联系我们”网页的链接或者直接呈现详细的联系方式都必须在网站的任何一个网页中可以找到。

1.5 导航的使用方法应该简单

导航的使用必须得尽可能的简单,避免使用下拉或弹出式菜单导航,如果没办法一定得用,那么菜单的层次不要超过两层。

1.6 设计网页标签

用户在访问网站的过程中通常会问“我在哪?”,因此在进行导航设计应该考虑如何让用户知道现在所看的网页是什么、现在所看网页的相关网页是什么。

一个高级的网页标签形式可以加入关于位置的许多信息,这就是我们常说的所在位置,这种类型我们也可以称深度测量,因为它直接显示了用户在站点中的位置,如下所示:

首页 > 作品展示 > 网站设计 > 作品1

注:在这种情况下,在所在位置里前面三个都可以链接,而在第四个时字体是加粗的,表明了我们现在所处的位置,同时配合导航的颜色高亮,可以达到视觉直观指示的效果。这种方式能够很直接明了的提示用户我在哪?而它一般都放在主导航条的下方。

1.7 对已浏览过的网页给出提示

在网上查看信息的时候总会出现一个这样的问题:我们经常会看到重复看的信息才发现以前忆访问过这里。如何有效的避免这种情况?我们可以采用颜色来区分,未被点击的是一种颜色,点击过后的又是另外一种颜色,用站点样式来实现。

1.8 设置登陆退出口

登陆入口和退出登陆出口要在全网站的每一个网页都可以找到,让用户进入任一网页都可以登陆和退出。

2 导航的设计应具备功能性

导航的功能设计可以提高或降低整个网站的表现,功能完善的导航可以让用户快速地找到他们想要的东西,否则就会“赶走”用户。

2.1 导航内容明显的区别

导航的目录或主题种类必须得清晰,不要让用户困惑,而且如果有需要突出主要网页的区域,则应该与一般网页在视觉上有所区别。

2.2 导航的链接必须全是有效链接

无论是一般导航还是有下拉菜单的导航,里面的所有文字都应该是有效的链接。

2.3 准确的导航文字描述

用户在点击导航链接前对他们所找的东西有一个大概的了解,链接上的文字必须能准确描述链接所到达的网页内容。

2.4 搜索导航结果

搜索的结果一定不要出现“无法找到”的结果,这是很让用户失望的,如果无法精确找出结果,搜索功能应该实现对错字,类似产品或相关产品给出一个相近的模糊结果。

3 导航的设计应保持与网站风格的一致性

不管为导航选择了哪种位置,即便是几乎所有的位置都使用了,对不同类型的导航来说,所有的一切必须保持一致性。如果主导航在上部,辅助导航在在部,就仍保持原样。在标志页和其他页间,导航的变换是可能的,但一般来讲仍应充分考虑稳定性和一致性,不能有太大的跳跃。

总之,在进行网站导航设计时,不管站点的形式如何,导航的目标是能够简单地帮助用户找到他们的路线。一个好的导航方式能够帮助用户回答诸如“我在哪?”、“我能去哪?”、“如何到达想去的地方?”、“我以前来过这里吗?”和“如何回到曾经去过的地方?“等问题。

参考文献:

[1] 胡松.网页设计色彩与版式设计[M].北京:中国青年出版社,2006.

[2] 刘霆寸.完美网页设计与制作[M].北京:人民邮电出版社,2007.