对于网站而言,导航是生死攸关的问题。当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始寻找导航栏,快速从导航栏上找到主要信息,指引用户从网站上何去何从,可见,导航是用户最先关注的地方,且拥有一个吸引用户的导航必定能给网站增加优势,因此,设计好网站导航对网站建设来说至关重要。
) g1 r$ M# h' T3 G, v/ {; f2 v5 `$ V G 网站如果没有一个有效的导航,用户在网站上容易迷路,那么他们也会来匆匆去匆匆,网站再好的内容也来不及展示,最后导致大量用户的流失。然而,网站导航能够起到很好的指引作用,设计一个有魅力的导航还能留住用户浏览更多的内容信息,带给用户良好的体验。怎样设计导航才能让网站建设更有特色呢?奇亿网络小编认为,可以从以下几个方面去考虑导航的设计。 : ?$ ~0 {' Y, t
第一、导航模式 ; {4 u1 ^: U `4 ~& o4 v
常见的导航模式有很多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航。小编例举几种导航模式进行详细解说。 * ~5 n8 U" \, l1 Z( a. }
1、当网站内容相对较少时,选择网站水平式的导航相对来说比较方便,能够突出重点内容,且简单清晰,又不至于显得页面太空荡,对于某个大类的信息还可以通过下拉菜单的方式进行展示,归类明确。
4 i. |7 J i* S! _# J; L
浅谈网站导航的设计及其重要性
- s- b# V) {. {; m$ j/ s6 ^ 2、当网站内容相对较多时,一般采用固定式或者抽屉式的导航,这样在用户浏览网站时,导航就想网站目录一样,从最大内容标题细分到各个详细内容页的标题,用户浏览时不管跳转到哪个网页,都可以通过导航目录快速回到目标信息上继续浏览,还可节省网页的位置资源。
6 f* a7 Q2 a5 _7 U4 ~
浅谈网站导航的设计及其重要性
. ^- D- b) A% t3 c5 s: U7 v; A 3、当网站内容在网页显示过长的时,用户习惯用鼠标无限去滚动网站内容,以便更加快速加载下面的内容,这时网站适合采用垂直式的导航,方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。 ' \' j% v7 D0 d; t. {
浅谈网站导航的设计及其重要性
& U, b- [5 {1 S+ f8 @) k! s$ v+ i
第二、导航内容
1 ?6 o% g5 R4 f9 z& T% c 网站的导航内容是对整个网站想要展示的信息的总结,首先要遵循的是导航栏目标题要与对应的详细页面相符合,才不会导致用户认为信息不一致产生不信任的后果。当然,标题总结词要精简,注意网站小内容最好不要以导航的总标题形式出现,可通过细分的下拉菜单,或者以更多形式的小菜单栏里出现。
. h. M1 B( E* ?, o8 C 第三、导航细节
/ D/ e% F' }' Z; @; g% q 大家有没有注意到,很多网站在内容过多时,用户往下滚动内容过长,如果用户想要快速回到导航上面,就会浪费部分时间往上滚动内容,对于缺乏耐心的客户来说,若不是内容确实吸引人,那么他们很有可能就此结束对网站的浏览,所以一般对于这种导航的设置,还要考虑一个细节,通常在内容旁边设置一个“回到顶部”的标志,以便用户快速到达头部的导航位置。
( z, {5 y5 I T# }( c& [
浅谈网站导航的设计及其重要性
; u P- O8 ~* _1 ~8 M! ?
第四、导航创意
2 p- W- ?! Z& P1 l 千篇一律的导航形式,用户早已习惯,如果在网站建设时将用户最先注意到的导航加点创意,那么是否能给网站一个画龙点睛的作用呢?事实是这样的,导航在指引用户搜寻内容时,还能改变用户浏览网站的心情,浏览网站也像一场旅行,有创意的导航栏让用户欣赏起来也会更加愉悦,增加对网站的兴趣。例如,采用别致的图标式导航,情景式导航等。 4 } a1 z- F1 y$ d
浅谈网站导航的设计及其重要性
7 D9 e: D# ?1 Q I. q2 [
浅谈网站导航的设计及其重要性
) a' A# Q* K' y8 A0 J% F; }+ P9 z
综上所述,一个好的导航可以让用户了解目前所处的位置,以及当前页面在整个网站中的位置,它体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。并且,好的导航能够提供返回各个层级的快速入口,提升用户体验。 ( f, Y5 j: Q2 M/ C1 g. `9 A. A
9 I+ |+ r: S* y5 q6 p7 v
7 T2 C: @% C; \% |; l0 ]* g$ ]3 G: B7 ^9 J: f
; s5 F" {. I% f原文出处链接:http://www.hdskjz.com/website_knowledge_detaile/news_detaile_581.html
Q0 s1 i' `7 D, Z$ n3 s5 _/ v搜外论坛原创作者:浩气东来
4 A5 V* h/ t( r日期:2015.5.19
" v3 Z( J) \( p+ u7 g# |7 Y. S: Z! @$ [) V: G5 X
写的很不错 对于网站而言,导航是生死攸关的问题。当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始寻找导航栏,快速从导航栏上找到主要信息,指引用户从网站上何去何从,可见,导航是用户最先关注的地方,且拥有一个吸引用户的导航必定能给网站增加优势,因此,设计好网站导航对网站建设来说至关重要。
6 I9 {# C$ K, Q9 W 网站如果没有一个有效的导航,用户在网站上容易迷路,那么他们也会来匆匆去匆匆,网站再好的内容也来不及展示,最后导致大量用户的流失。然而,网站导航能够起到很好的指引作用,设计一个有魅力的导航还能留住用户浏览更多的内容信息,带给用户良好的体验。怎样设计导航才能让网站建设更有特色呢?奇亿网络小编认为,可以从以下几个方面去考虑导航的设计。
7 l/ q" f( S+ X: e 第一、导航模式 3 f4 T- r8 ~0 a5 D$ t8 O4 L
常见的导航模式有很多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航。小编例举几种导航模式进行详细解说。 0 D. c1 D& J5 g- E5 `6 U
1、当网站内容相对较少时,选择网站水平式的导航相对来说比较方便,能够突出重点内容,且简单清晰,又不至于显得页面太空荡,对于某个大类的信息还可以通过下拉菜单的方式进行展示,归类明确。 # @: h) r8 d! a1 e
) E" ^, E9 h3 {5 c1 l& C0 o& c
2、当网站内容相对较多时,一般采用固定式或者抽屉式的导航,这样在用户浏览网站时,导航就想网站目录一样,从最大内容标题细分到各个详细内容页的标题,用户浏览时不管跳转到哪个网页,都可以通过导航目录快速回到目标信息上继续浏览,还可节省网页的位置资源。
. s% y" w; h+ ^5 `/ P, o" T I5 k- o! Q
3、当网站内容在网页显示过长的时,用户习惯用鼠标无限去滚动网站内容,以便更加快速加载下面的内容,这时网站适合采用垂直式的导航,方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。
$ _: ?1 R* x: c. Y' [( G/ U# n- Y ^$ q% j! V% v# s( U
第二、导航内容 ) @9 k4 f! E" N. g
网站的导航内容是对整个网站想要展示的信息的总结,首先要遵循的是导航栏目标题要与对应的详细页面相符合,才不会导致用户认为信息不一致产生不信任的后果。当然,标题总结词要精简,注意网站小内容最好不要以导航的总标题形式出现,可通过细分的下拉菜单,或者以更多形式的小菜单栏里出现。 % M" I" F4 ~5 L+ ]1 B
第三、导航细节 . I2 h& J+ r8 E3 A" A& t
大家有没有注意到,很多网站在内容过多时,用户往下滚动内容过长,如果用户想要快速回到导航上面,就会浪费部分时间往上滚动内容,对于缺乏耐心的客户来说,若不是内容确实吸引人,那么他们很有可能就此结束对网站的浏览,所以一般对于这种导航的设置,还要考虑一个细节,通常在内容旁边设置一个“回到顶部”的标志,以便用户快速到达头部的导航位置。 % I$ w% b' H0 v) K5 c
$ `- ]* A9 @ w1 H. F5 A 第四、导航创意
1 o4 Z) Z+ I3 g+ m 千篇一律的导航形式,用户早已习惯,如果在网站建设时将用户最先注意到的导航加点创意,那么是否能给网站一个画龙点睛的作用呢?事实是这样的,导航在指引用户搜寻内容时,还能改变用户浏览网站的心情,浏览网站也像一场旅行,有创意的导航栏让用户欣赏起来也会更加愉悦,增加对网站的兴趣。例如,采用别致的图标式导航,情景式导航等。 * o3 d4 A( U8 |- M
) D) c: s# Y" X0 T
8 L R% v- k4 Z' v/ [. C0 | 综上所述,一个好的导航可以让用户了解目前所处的位置,以及当前页面在整个网站中的位置,它体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。并且,好的导航能够提供返回各个层级的快速入口,提升用户体验。
7 P- X' Y! A6 ?' H. j+ ?0 @+ v0 N3 t7 S! p* v# I6 k
. I! }7 Q$ C/ ?+ B
8 t, o H6 M* a& N1 y* ^1 r
2 B; j8 U8 m a: N3 m原文出处链接:http://www.hdskjz.com/website_knowledge_detaile/news_detaile_581.html
, [4 L8 m: o3 |) p. N搜外论坛原创作者:浩气东来
# A9 P. O+ e$ \" ~; Q7 v日期:2015.5.19 |