如何设计网站导航系统?

如题所述

导航模式

网站的导航如何设计,在设计网站导航时首先应该明确用户的浏览习惯,根据用户的浏览习惯,首先会先大概地扫视一遍页面,其次则会开始寻找导航栏,快速从导航栏上找到主要信息,引导用户寻找网站对他有用的信息。一般来说左边的权重要比右边的权重要高一些。

网站的导航信息应该明确,,设计一个有魅力的导航还能留住用户浏览更多的内容信息,带给用户良好的体验。在网站导航设计上应该主要关注一下几点:导航的模式常见的导航模式有很多,例如顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航。如果网站的内容较少,在网站导航上可以选取水平式导航,这样既可以重点内容而且简单清晰,网站内容较多的时候可以选择抽屉式的导航,用户在浏览网站时各种信息都很明确。如果网站的显示页过长,比较试用的是垂直式导航,方便用户在浏览内容时导 航信息始终保持在一个位置可以被快速找到。

导航内容

网站的导航应该是对整个网站想要展示的信息总结,导航的信息要与详细页面符合,标题的总结要精简,注意网站小内容最好不要以导航的总标题形式出现,可通过细分的下拉菜单,或者以更多形式的小菜单栏里出现。

导航细节

在导航设计时可以设置一个“回到顶部” 的标志,以便用户快速到达头部的导航位置。这样对于网站内容较多用户下滚的内容过长时就可以快速的回到顶部了。

导航创意

我们都喜欢新的东西,在看惯了千篇一律的导航形式如果能给导航加点创意,那么肯定会非常吸引人眼球。

网站的导航在网站设计中有着举足轻重的地位,好的网站导航是成功的一半,所以在网站的导航设置上更加注意。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2019-01-03
一、引导用户进行下一步操作

  网站建立好不是为了让用户漫无目的的浏览,而是要引导用户最终访问网站的目标页面,以淘宝客网站为例,最终目的是使用户点击商品链接进入淘宝店铺,那么就要在合理的位置出现“点击查看详细”、“点击进行购买”的提示信息,在文字链接上当鼠标移上去时也要弹出提示“点击查看详细”的字样,告诉用户这里是可以点击的,在产品内容页旁边要列出推荐出产品或是相关产品,引导用户浏览更多的目标页面信息。制作页面时要考虑,在哪些地方用户可能会要想看更详细的信息,或是会产生购买的行为,在这些地方都要出现明确的引导kama提示。

  二、导航系统不要使用flash或是js等不利于搜索引擎爬行的方式

  很多网站为了追求效果而使用flash、图片等来设计导航菜单,这些方式虽然视觉效果很棒,但是对于网站优化来说是非常不利的,导航系统是有效帮助搜索引擎蜘蛛顺利爬行整个网站页面的有利通道,如果在这个地方设置障碍,会直接影响网站的优化。

  三、网站地图的设计

  网站地图可以帮助用户快速了解网站内容,帮助搜索引擎顺利爬行到网站主要页面,如果是一个中小型的网站建议在网站地图上可以读取出全部的内容页链接,这样每更新一篇文章,搜索引擎蜘蛛就可以快速的抓取到,大大提高网站页面的收录量,如果是规模较大的网站,也要将重要栏目的内容页读取出来。

  四、如何让用户时刻清晰的知道自己正处在网站的哪个位置

  要做到这一点,需要良好的面包屑导航和主导航(也就是页面顶部导航)系统一起来完成,主导航中当前分类应该是高亮来显示在主导航中list1这个栏目名应是高亮显示的,面包屑导航应该是这样:首页 > list1 > 内容标题,这里的内容标题的颜色也是有区分的,这样无论用户从哪里页面进来,都会很清晰的知道自己正处于网站中的哪个位置。现在很多CMS系统在内容页面包屑导航处都是只读取到了栏目名,没有读取出内容页标题,建议自行修该一下程序,将内容页标题读取出来,这样做不仅能提高网站的用户体验,还非常有利于内容页关键词的优化。

  五、面包屑导航要设计的简洁、易于识别

  面包屑导航是帮助用户判断当前位置的最好方法,所以一定要设计的易于识别,可以通过字体颜色改变、字体加粗、字号加大等方式与页面中的其他文字区分出来,不要在这里设计太多花哨的东西,有一些网站把面包屑导航设计在了栏目右边,或是独出心裁设计到了内容页里面,这些都不是好的方式,就是简简单单,能使人一目了然知道自己处在哪个位置就可以了。本回答被网友采纳
第2个回答  2019-02-19

一、信息导航架构

网站设计过程中,产品经理需要优先确立网站信息导航架构。这就像画一个人,一定是先画出骨架轮廓,然后再去细化每一个局部。如果开始就局限在细部,欠缺整体上的思考,等你画完会发现各部分风格不一、比例不协调等等的问题。俗语云“画虎先画骨”,放在产品原型设计里,就是首先要放眼于整体信息(信息导航架构),然后再在骨架上添加具体的细节。那么,如何合理地设计网站信息导航架构呢?

我觉得是需要考虑以下三点:价值、逻辑、用户习惯与个性化。

需求分析阶段会把需求按重要程度分类,满足用户核心需求的内容要优先显示。其次,导航设计需要讲究层次与逻辑。如果只是强调价值,把截然不同的功能点放在一起,那么呈现结果一定是混乱的,这会增加用户的使用成本,并严重影响用户体验。因此我们在凸显核心卖点与重要价值的同时,必须有逻辑的组织各个模块——功能点分门别类,把重要的“类”优先展示,把次要的功能点用适当的方式弱化展示。弱化方法可以根据实际情况选择页面次要位置、二级菜单展示、非默认选中、折叠等等。更高级的,网站可以尝试满足用户按自己的喜好定制导航的需求,或者根据用户习惯自动调整导航结构,实现自定义与个性化的目标。

二、网站信息组织模型

在设计网站原型的时候,会先确定网站的信息导航架构。不过,网站的信息组织设计还会先于信息导航,因为信息组织决定了网站的基本要素,而信息导航架构就是把这些要素放在适当的位置呈现。

下面主要讨论网站信息组织方式,最常见的是采用类别的组织方式。抽象地,我们可以把这种组织结构看成一个树状结构,树形类别信息组织结构能够很好的按照逐步细分的方式把信息归类展示。

采用类别组织方式的弊端:类别个数有限,而且不能灵活变化,网站信息不能被很好的归类和检索。如果网站呈现的信息比较庞杂,那么用户就会花去很大的代价去通过粗糙的类别发现他们所感兴趣的东西。采用类别组织就像在马路上听收音机,那么如果此时马路非常嘈杂,我们应该在这个场景下可以选择别的方式听歌——比如带上“耳机”,标签模式就是所谓的“耳机”。从广义上来说标签也属于一种类别模式,只不过标签是一种更加个性,更加灵活,更加细致的分类方式。标签不会被限制数量(简单类别的结构是一棵“树”,那么标签就是大海),简单分类总有尽头,而标签理论上来说可以无边无际,因此标签模式可以比类别模式走的更深,对类别模式不能触及的细分领域进行信息标记,而且我们可以给内容添加多个标签(种类对于内容的映射:one2many,标签对于内容的影射: many2many),对于内容涉及面庞大,或者用户体验要求高的网站而言,标签的重要性不言而喻。

另外标签是灵活与高效的。举一个例子:“xx”这个词汇在网站中开始变得时髦起来,如果采用信息简单分类的方式并不能对这一点做出即时反应(如果能做出反应,那必须依赖于很消耗资源的深度运营),而采用标签,用户会把自己产生的相关内容标记上“xx”,如果“xx”很热门,用户内容将会大量关联“xx”标签,“xx”就会被系统标识成活跃“标签”而优先展示,自动为这些活跃内容提供一个醒目的入口,这就体现了标签的灵活性(flexibility)与实时性(real time)。深入思考上面的这个例子,我们还能发现标签好像把让用户参与了运营(用户行为、偏好决定了导航中每个标签摆放的优先级),笔者把这种产品本身自带的优良运营基因称为产品的“自运营”属性,“自运营”属性极大的解放了产品运营的难度,而且它能比人工运营做的更好。当然类别模式与标签模式并不矛盾,可以联合使用,例如网易轻博客(lofter)就采用“分类”与“标签”两种信息浏览方式。

第3个回答  2013-11-01
事实上,许多浏览者都是以一种跳跃的方式来访问网站的内容。为了使浏览者不在网站中迷失方向,最好的办法是为网站设计导航系统,最低限度应该保证每个网页中至少有一个指向主页的链接。有两类导航:
(1)全局导航。包括网站的主要栏目和一级目录内容所对应的页面,这些页面的链接出现在网站的每页上。这样,用户浏览网站的任何时刻和任何地点,都有可以由全局导航链接直接抵达相应的页面上。(2)局部导航。一般包括网站的次要栏目和二级以上目录内容所对应的页面。这些页面仅出现在一些相在联的页面上。用户只有在这些相关的页面上通过局部导航链进入这些页面。
有两种导航策略:导航条和网站导航图
(1)导航条,他实际上是一组链接,它可以告诉浏览者目前所在的位置。而且使浏览者既快又容易地转向网站的主要网页。一般来说我们应该在网站的每个网页上都显示一导航条,导航条在帮助浏览者确定自己在网站中的位置有很大的作用。
(2)网站导航图。是目前一种比较流行的做法,通常用于大型网站,即把网站的主要栏目在一个网页中集中体现。建立网站导航图的好处是:在一个大型和复杂的网站上提供快速导航,浏览都可以得到关于访网站系统的内容和设计的概要,为网站的回头客提供参考点等。但是网站导航图只能做为一种从属的导航方式,而不能做为主要的导航方式。这是因为它只能提供有限的内容,而且很难帮浏览者确定自己的位置。一般来说,可以把希望浏览者看到的网页放在导航图中,而无须把所有内容都在导航图中体现出来。
除了上面介绍的导航条和导航图处,还有许多导航技巧可以应用,它们可以为浏览者提供更简单和更有效的导航。以下是几种主要的导航技巧:
(1)抓住能传达主要住处的字眼作为超链接,这样可以有效控制信超链接的字串长度,避免字串过长或过短,而不利于浏览者的阅读或点取。(2)如果使用图形导航按扭或图像导航图,那么同时也应该采用文本链接,以保证让浏览者看得更明白。(3)要为图形导航按扭提供替换文本,因为有的浏览者为了节省时间有可能会取消图形显示,这时替换文本就显得非常重要了。(4)超文本的颜色应该与单纯叙述文本的颜色有所区别。(5)不要在短小的网页中提供太多的超链接。适当,有效地使用超链接,是一个优良的导航系统不可或缺的条件之一,但过分滥用超链接,会损害网页文章的流畅性与可读性。(6)暂时不提供超链接到尚未完成的网页。
[2007年流年运程],提供准确的2007年的运程表哦。桃花,仕途,财源统统由你来掌握。感兴趣可小测一下本回答被提问者采纳
第4个回答  2019-08-09
建议找专业的公司设计,毕竟网站导航系统的建立能够很好地吸引客户;带来流量,自己如果没有专业的知识技能,很难做的好。如果真想的话也不怕浪费时间,那就去网上搜索下相关的视频教程,结合着自己的需求去设计。希望能帮到你!要是有什么问题也可以问哦!