12下一页
返回列表 发新帖

浅谈网站导航的设计及其重要性

550.1k 20
swmozowtfl 发表于 2015-5-25 21:39:30|湖北 | 查看全部 阅读模式
  对于网站而言,导航是生死攸关的问题。当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始寻找导航栏,快速从导航栏上找到主要信息,指引用户从网站上何去何从,可见,导航是用户最先关注的地方,且拥有一个吸引用户的导航必定能给网站增加优势,因此,设计好网站导航对网站建设来说至关重要。
8 [' r; B4 h, f9 E2 L
  网站如果没有一个有效的导航,用户在网站上容易迷路,那么他们也会来匆匆去匆匆,网站再好的内容也来不及展示,最后导致大量用户的流失。然而,网站导航能够起到很好的指引作用,设计一个有魅力的导航还能留住用户浏览更多的内容信息,带给用户良好的体验。怎样设计导航才能让网站建设更有特色呢?奇亿网络小编认为,可以从以下几个方面去考虑导航的设计。

4 g/ o( z. y4 K2 t3 |9 j* o! ~
  第一、导航模式
+ E; q" L5 O% J+ j5 [: L
  常见的导航模式有很多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航。小编例举几种导航模式进行详细解说。
: Y+ ?  _0 z; T
  1、当网站内容相对较少时,选择网站水平式的导航相对来说比较方便,能够突出重点内容,且简单清晰,又不至于显得页面太空荡,对于某个大类的信息还可以通过下拉菜单的方式进行展示,归类明确。
) ~% j2 g1 t; x7 {

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性
# M* h& i4 a' J6 F
  2、当网站内容相对较多时,一般采用固定式或者抽屉式的导航,这样在用户浏览网站时,导航就想网站目录一样,从最大内容标题细分到各个详细内容页的标题,用户浏览时不管跳转到哪个网页,都可以通过导航目录快速回到目标信息上继续浏览,还可节省网页的位置资源。
% D! _* |% d* o' V. ~1 G, d, m

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性
3 {1 a; _1 D# A9 O* o
      3、当网站内容在网页显示过长的时,用户习惯用鼠标无限去滚动网站内容,以便更加快速加载下面的内容,这时网站适合采用垂直式的导航,方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。

  A3 q3 e0 G+ [* h8 _

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性
/ ^: M# d, e8 u+ c2 P& ]* {
      第二、导航内容
; i0 H  W: i. C4 K' l  h
  网站的导航内容是对整个网站想要展示的信息的总结,首先要遵循的是导航栏目标题要与对应的详细页面相符合,才不会导致用户认为信息不一致产生不信任的后果。当然,标题总结词要精简,注意网站小内容最好不要以导航的总标题形式出现,可通过细分的下拉菜单,或者以更多形式的小菜单栏里出现。

- f5 ^" i# X0 I8 f; K2 p
  第三、导航细节

% h+ v1 b2 F# L
  大家有没有注意到,很多网站在内容过多时,用户往下滚动内容过长,如果用户想要快速回到导航上面,就会浪费部分时间往上滚动内容,对于缺乏耐心的客户来说,若不是内容确实吸引人,那么他们很有可能就此结束对网站的浏览,所以一般对于这种导航的设置,还要考虑一个细节,通常在内容旁边设置一个“回到顶部”的标志,以便用户快速到达头部的导航位置。

* @7 F, ]+ O$ V1 \- a- d8 V3 V" u6 V

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性
/ Q  C3 L% \0 }% r; z
      第四、导航创意
6 f7 r4 D/ |3 n# F* E4 i
  千篇一律的导航形式,用户早已习惯,如果在网站建设时将用户最先注意到的导航加点创意,那么是否能给网站一个画龙点睛的作用呢?事实是这样的,导航在指引用户搜寻内容时,还能改变用户浏览网站的心情,浏览网站也像一场旅行,有创意的导航栏让用户欣赏起来也会更加愉悦,增加对网站的兴趣。例如,采用别致的图标式导航,情景式导航等。

: C. B! c8 Q2 e  ~

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性

) s6 D: O/ S6 z4 |0 D

浅谈网站导航的设计及其重要性

浅谈网站导航的设计及其重要性

7 y- S' c$ x) N6 u# \3 V
      综上所述,一个好的导航可以让用户了解目前所处的位置,以及当前页面在整个网站中的位置,它体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。并且,好的导航能够提供返回各个层级的快速入口,提升用户体验。

8 j6 Q8 T/ Q1 F9 l
2 B5 E" j9 `" ]' ~
) I! G5 |  t! i; b
% ]  S( @8 w! t' |) F

5 s/ q  {( i9 }7 v
原文出处链接:http://www.hdskjz.com/website_knowledge_detaile/news_detaile_581.html
. O7 i: J7 E1 _* V: K
搜外论坛原创作者:浩气东来
  H6 h; ?, W5 V9 h6 h
日期:2015.5.19

/ Q& V, o- f; i/ k0 s/ L4 C9 ~0 t4 ~9 {9 i
写的很不错
  对于网站而言,导航是生死攸关的问题。当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始寻找导航栏,快速从导航栏上找到主要信息,指引用户从网站上何去何从,可见,导航是用户最先关注的地方,且拥有一个吸引用户的导航必定能给网站增加优势,因此,设计好网站导航对网站建设来说至关重要。

/ b, D1 U/ z: ?5 N+ W* j
  网站如果没有一个有效的导航,用户在网站上容易迷路,那么他们也会来匆匆去匆匆,网站再好的内容也来不及展示,最后导致大量用户的流失。然而,网站导航能够起到很好的指引作用,设计一个有魅力的导航还能留住用户浏览更多的内容信息,带给用户良好的体验。怎样设计导航才能让网站建设更有特色呢?奇亿网络小编认为,可以从以下几个方面去考虑导航的设计。
2 f- x: C+ T2 H3 n8 Q( Y( L
  第一、导航模式
$ z7 \. }: x% z/ `) z$ q. D- g& p
  常见的导航模式有很多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航。小编例举几种导航模式进行详细解说。

- z1 T' I: Y: {: A7 j
  1、当网站内容相对较少时,选择网站水平式的导航相对来说比较方便,能够突出重点内容,且简单清晰,又不至于显得页面太空荡,对于某个大类的信息还可以通过下拉菜单的方式进行展示,归类明确。
/ ~6 S) V) i+ \$ K8 T
20150519085436.jpg

! \" K- l# A, j. m! n
  2、当网站内容相对较多时,一般采用固定式或者抽屉式的导航,这样在用户浏览网站时,导航就想网站目录一样,从最大内容标题细分到各个详细内容页的标题,用户浏览时不管跳转到哪个网页,都可以通过导航目录快速回到目标信息上继续浏览,还可节省网页的位置资源。
1 x; G3 e' ^. |* z
20150519085520.jpg
: L2 D8 p" `: ^$ U# b
      3、当网站内容在网页显示过长的时,用户习惯用鼠标无限去滚动网站内容,以便更加快速加载下面的内容,这时网站适合采用垂直式的导航,方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。

3 a8 S' f% }, D( F, E1 n! q
20150519085554.jpg
) t: b) {+ p9 @  A
      第二、导航内容
( G# K( V/ M+ b
  网站的导航内容是对整个网站想要展示的信息的总结,首先要遵循的是导航栏目标题要与对应的详细页面相符合,才不会导致用户认为信息不一致产生不信任的后果。当然,标题总结词要精简,注意网站小内容最好不要以导航的总标题形式出现,可通过细分的下拉菜单,或者以更多形式的小菜单栏里出现。

' l9 ~% w6 |1 {7 O- [
  第三、导航细节

7 \% ]7 d$ L) d- J. F5 [1 L
  大家有没有注意到,很多网站在内容过多时,用户往下滚动内容过长,如果用户想要快速回到导航上面,就会浪费部分时间往上滚动内容,对于缺乏耐心的客户来说,若不是内容确实吸引人,那么他们很有可能就此结束对网站的浏览,所以一般对于这种导航的设置,还要考虑一个细节,通常在内容旁边设置一个“回到顶部”的标志,以便用户快速到达头部的导航位置。

. b7 A7 f3 `9 o
20150519085654.jpg
0 O$ ^8 T% g% t$ X9 A1 r
      第四、导航创意
4 E6 n1 L4 N. i
  千篇一律的导航形式,用户早已习惯,如果在网站建设时将用户最先注意到的导航加点创意,那么是否能给网站一个画龙点睛的作用呢?事实是这样的,导航在指引用户搜寻内容时,还能改变用户浏览网站的心情,浏览网站也像一场旅行,有创意的导航栏让用户欣赏起来也会更加愉悦,增加对网站的兴趣。例如,采用别致的图标式导航,情景式导航等。

6 Z. P' C" {/ c2 V2 C6 M/ S  m
20150519085726.jpg
+ H& N- @; I1 G& J* ?! e
20150519085741.jpg

2 b9 Q  y! x- J9 \
      综上所述,一个好的导航可以让用户了解目前所处的位置,以及当前页面在整个网站中的位置,它体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。并且,好的导航能够提供返回各个层级的快速入口,提升用户体验。
) b7 a3 O% T. p9 s& D, U8 h# e' o
) ]' p8 v& E8 q5 H9 ?  N
$ k8 q* c) j5 g

% d7 |9 L8 {* o' ^/ `' p( T
5 F; f: b1 G# }& |1 v
原文出处链接:http://www.hdskjz.com/website_knowledge_detaile/news_detaile_581.html
1 C2 N1 b: m9 s
搜外论坛原创作者:浩气东来
0 M$ r; v6 G6 \  }6 d8 I  r% ?! R
日期:2015.5.19

回复|共 20 个

wwdu926a 发表于 2015-12-3 18:25:25|山东 | 查看全部
什么?????不知道......
alapScady 发表于 2015-12-3 18:24:49|广东 | 查看全部
我也不知道了~~你把我问蒙了 呵呵
buingeEvineus 发表于 2015-12-3 18:24:36|乌克兰 | 查看全部
正好你开咯这样的帖
Mqokjdvq 发表于 2015-12-3 18:25:06|巴西 | 查看全部
我帮不了你
wwdu926a 发表于 2015-12-3 18:24:46|俄罗斯 | 查看全部
感觉这个论坛的站长太牛B了,好强大啊
Mqokjdvq 发表于 2016-1-13 21:23:38|爱尔兰 | 查看全部
这就是我斗胆的一点粗略分析,每天睡觉以前,我都会把您的帖子再三拜读,拜读。
wwzcdenleclv 发表于 2016-1-13 21:22:47|北美地区 | 查看全部
女人啊真是那句话~~~无理占三分~~忘记怎么说了 呵呵 ~~你帮我想想
effoggikeftor 发表于 2016-1-13 21:22:40|英国 | 查看全部
有现实中的偶在这...不佩服.............佩服电影里的....
effoggikeftor 发表于 2016-1-13 21:23:23|特立尼达和多巴哥 | 查看全部
看起来好~~像啊~~~~~
seazvyt 发表于 2016-1-13 21:23:21|美国 | 查看全部
cd:遮~~~~~~
gevaemaidovef 发表于 2017-4-11 12:52:19|意大利 | 查看全部
这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊
tohme 发表于 2017-4-11 12:48:13|荷兰 | 查看全部
教教我怎么seo
mwxny 发表于 2017-4-11 12:49:03|加拿大 | 查看全部
系统居然怀疑我灌水,我身边又没有水龙头。哦…明白了,身上有一个……
GoodyFouppy 发表于 2017-4-11 12:53:22|美国 | 查看全部
也有啊,前天不是你也到一个很狂的贴里去了吗?

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表