|
网站分页导航对用户体验的影响有多少
2 w$ l" h" R# i- I- @
在博客、杂志甚至是大多数站点中，分页的点击次数可能比搜索还要多，因为在很多时候，访客并没有明确自己的需求，只是在网页中一页接着一页的浏览信息，如果在分页上有良好的用户体验同时又能引导访客进行浏览，就能大大增加网站的黏性。但在很多站点中，分页并没有得到足够多的重视，即便是花时间来制作分页也不过是基于图标的样式和设计，对分页组件的整体理念并没有清晰的认识。 . o) S' n7 X4 i1 \) D% F- H8 t7 ?
4 @. B6 R8 `5 \; Q3 C! X# E
* h; P {" |; R4 d
在这之前我们首先要明白的是“什么是分页导航”。在搜索引擎的搜索结果页中，“下一页”、“上一页”、“2”、“3”这样的链接就是一个分页组件，如果用户在第一页没有找到自己需要的信息则会下一页下一页地反复浏览页面，当然，如果用户迫切的需要找到一段时间以前的信息，也可能选择跳页，良好的分页设计就是能够在最少的时间内帮助用户到达他需要的页面。这其中包括一些基本的分页设计原则和技巧，虽然它们很微小但却常常成为新手最容易忽略的问题：
7 {& s* j2 ^% C- V6 Q
% Y/ s" d% e; S- y8 r5 U
$ F6 f0 M/ e' \! X
+ p. i, C3 |& Y9 D$ s0 c# s在原标签页中打开听起来像是再简单不过的一件事，但确是新手最容易犯错的地方。可以想象一下如果当你点击“下一页”“上一页”这些按钮时，突然打开一个新的标签页，如果点击的太快还有可能打开多个标签页，不管网站内容本身有多好，当你反复的被这样的分页困扰时也没有兴趣再浏览下去。很多人习惯在<head>中标注新窗口打开，在设计分页时就需要额外注意这点。 ]8 U4 c" r( L
- m$ l0 g, s. v6 L ^
8 I3 M- [& @ y( v6 C, Y
8 B7 o W" d' v% _+ V7 v" ]1 m9 x7 }最后一页在百度的搜索结果页和淘宝中，都能发现他们并不提供直接跳转到最后一页，一方面是数据本身很大不利于计算，一方面则是考虑到排名的有利性。在用户浏览时如果多出一个最后一页，我想很多人在反复找不到自己需要的信息也会从后往前找，但是在具有排名性的搜索结果中最好不要提供最后一页的选项，这样才能够规定用户必须是从前向后。想象一下如果存在“最后一页”的按钮，根据排名来算最后一页的信息肯定是低质的，当用户直接跳转到最后一页时会大大影响体验，对百度来说也不好在最后一页再搞上竞价。 - h1 ^2 ]7 G) i' i6 T" k3 J
0 \' V3 V1 o. {! B; e; l s# K
. y; |0 N8 F" O- p4 C x
当然这也是根据行业不同而有所区别的，比如一些资源网站，提供最后一页跳页等等翻页功能可能会对用户的浏览有帮助，如果你考虑是否要放置这样一个按钮也要结合实际的网站类型，并不是说取消“最后一页”的按钮就是最好的选择。
+ B8 n, j" t. l' P/ C0 ]9 q n" H4 h+ U5 K+ Q E6 V
+ Y/ e6 V! |! u, U9 q1 h1 K0 o) d* @( b ) Y- Q: D9 \* G* `. G
跳页有过浏览论坛经验的朋友能发现在论坛中都会出现“电梯”“跳往几楼”之类的按钮，这有些类似于搜索的自定义选择，如果用户对他的信息检索排页方式不满意或者清楚的知道自己需要的信息大约在哪一页就会使用“跳页”，但也不是说跳页就是必须要有的功能，比如淘宝有按时间排列按销售排列这样的功能，跳页就能很好的展示商品，而搜索引擎则只是为了保证信息按质量和相关度排列，所以尽可能的简化操作取消跳页，他们的目的在于让用户从前几页中获取信息。 6 z+ {( N/ i; c1 C* }+ V B
5 s2 X* g% j- ]- ], v
. P. U( h( q8 n' P6 F在添加跳页时也需要考虑用户的感受，特别是跳页后的确定按钮是否能够友好的点击到（不少论坛都很难点击），当激活跳页输入框时，按下Enter键要也可以触发事件，在浏览一定的页面之后才出现跳页输入框等等，用户虽然不会直观的明白你所有的细节，但他们能感受到一个网站是“好”还是“坏”。
/ V/ \$ G5 R7 E6 H
5 S2 S3 `: `, W2 ]6 S. ]$ ?* R' k" R I- R; F4 r& v0 A: i/ K
快速返回首页通常处理快速返回首页的办法是，在浏览到较多的页面时，将“1”代表的第一页独立出来，和最近展示的几个页码放在一起，用户当然知道这里的“1”就是直接跳往第一页。实际上这只有在列表页面和较多的展示内容时才会有所体验，很多开发者喜欢直接放上一个“首页”按钮，但相比较而言，在浏览之后才出现“1”这样的设计更能给用户好感。因为这样的“1”按钮在第一页时是默认不可点击作为页码显示，而“首页”这样的按钮如果频繁出现则会给用户造成选择上的困难，当你在一排中放上多个按钮，即便是每个按钮上都有明确的文字，也是在让用户选择，一个成功和具有高度用户体验的网站的要点就是，让用户尽快的明白自己要做什么，哪里才需要自己点击。
( h: J" e! U& [* D! y: z R$ j, N2 Q) m8 w' e0 \3 s
* N( a& y' ?. k h! [
有的开发者也注意到几乎所有的搜索引擎都没有返回第一页的按钮，因为搜索引擎是按相关性排列的，当你浏览超过5页时可能这个搜索词就与你的预期结果有一定差距，这时用户会选择搜索引擎在分页旁边推荐的“相关搜索”和其他关键词进入其他页面。0 E$ I5 i9 R8 M9 Q0 v3 l j
0 I5 ^8 m. @$ j! O
~9 H+ I5 P- r o, C4 [2 c) d" `: k5 t+ m2 y
7 ~/ B1 \( ~# F* I# E0 [整体的平衡性当你留给分页组件一个足够大的区域时，你可能想设计拥有“上一页”、“下一页”、“跳页”等等按钮，在浏览多个页面时也给予用户选择第一页的权利，但要注意这时不能再展示过多的页码。想像一下，一个页面上有近十个页码，同时又有这些功能性的按钮，会严重干扰用户的选择。比如提供了前后各5页的展示还有跳页，当用户想要往后跳转7页时就有很多种选择，他既可以输入7来跳页，又可以先往后翻5页，也能先点击下一页浏览再点击页码跳页等等，这样的犹豫对于用户来说会很烦躁，有时候并不是留给用户的选择越多越好。准确而精简的设计往往最能得到用户青睐的。
3 J6 M$ M! _, N: f4 ?( a
/ \. D- K" s2 j/ m v: y( m
w, r% s2 I6 S7 P
1 G, Y3 ~+ B/ l) q+ P
& a5 F% P6 d6 U! f
" C" g+ @, _! w" U u
说起来这也不过是网站用户体验中的一小部分，我也没有系统的收集各方面的资料分析，只是分享一些自己的经验看法。仔细想想这些细节给用户带来的感受时，我更觉得开发者并不能只专注代码、运营、设计，要为用户考虑的更多，毕竟网站还是做给访客的，并不能看作开发者自娱自乐的产品。
8 Y; L; ^* J8 u/ }$ o( [: E9 X对一些纯编程、后端、算法工作者转向前端或建站之类的工作来说，可能对代码倾注的注意力过大而导致网站太专业化，在同行业里固然是不错的作品甚至是艺术品，但对大众用户来说则并没有良好的体验。分页上的整体理念不过是站点的一个缩影，真正能拿出来说的干货并不多，只是借由这细微的一点来谈谈用户体验而已。
9 \/ `: _: f$ K; Y( x6 a+ B
( H0 S' G \; R+ k9 f; {1 W7 D
( x: f- L( W6 `+ i
% g- ~9 f* }/ r. ]! }! {$ _( ?0 z
- t2 I& t+ K5 l0 w( J) \6 R原文出处链接：http://wittsay.cc/w3cnews/500
) s$ I( X, w0 @# b5 P! k5 L. A$ z搜外论坛原创作者：维特博客
- ~0 E+ M2 @9 S% r+ u) i日期：2015.4.9
+ d, w o: m4 C5 P' c
$ V4 \$ s5 ]) z7 X6 e) Q {3 l" f# u, c1 \1 w4 r2 v' D' B6 ~
5 j1 [ Y, ? m- u! ?" y
+ m1 B2 {0 k& N9 H O分页导航可以更多的添加内容
: b2 ?0 x; A l" W/ ~ |& f9 }/ y在博客、杂志甚至是大多数站点中，分页的点击次数可能比搜索还要多，因为在很多时候，访客并没有明确自己的需求，只是在网页中一页接着一页的浏览信息，如果在分页上有良好的用户体验同时又能引导访客进行浏览，就能大大增加网站的黏性。但在很多站点中，分页并没有得到足够多的重视，即便是花时间来制作分页也不过是基于图标的样式和设计，对分页组件的整体理念并没有清晰的认识。
8 |$ u. V$ o* S* E5 i2 E6 {% }2 U' ~) y
( E I8 Y9 u; O% Q; V
在这之前我们首先要明白的是“什么是分页导航”。在搜索引擎的搜索结果页中，“下一页”、“上一页”、“2”、“3”这样的链接就是一个分页组件，如果用户在第一页没有找到自己需要的信息则会下一页下一页地反复浏览页面，当然，如果用户迫切的需要找到一段时间以前的信息，也可能选择跳页，良好的分页设计就是能够在最少的时间内帮助用户到达他需要的页面。这其中包括一些基本的分页设计原则和技巧，虽然它们很微小但却常常成为新手最容易忽略的问题：
: ?* Q& O4 O0 Q0 B, R2 {) F' p4 b2 `. W! x4 d
# S0 Z+ @! c4 C c
. L+ J7 ^; e7 H6 b; E
在原标签页中打开听起来像是再简单不过的一件事，但确是新手最容易犯错的地方。可以想象一下如果当你点击“下一页”“上一页”这些按钮时，突然打开一个新的标签页，如果点击的太快还有可能打开多个标签页，不管网站内容本身有多好，当你反复的被这样的分页困扰时也没有兴趣再浏览下去。很多人习惯在<head>中标注新窗口打开，在设计分页时就需要额外注意这点。 # K4 S; D$ [% e7 i$ G$ q8 K
& h5 p/ |) F5 ^; ], f+ v
; A$ ^4 u: G! \! D" _
4 @9 v2 v1 k) t& z. K) _2 z* e
最后一页在百度的搜索结果页和淘宝中，都能发现他们并不提供直接跳转到最后一页，一方面是数据本身很大不利于计算，一方面则是考虑到排名的有利性。在用户浏览时如果多出一个最后一页，我想很多人在反复找不到自己需要的信息也会从后往前找，但是在具有排名性的搜索结果中最好不要提供最后一页的选项，这样才能够规定用户必须是从前向后。想象一下如果存在“最后一页”的按钮，根据排名来算最后一页的信息肯定是低质的，当用户直接跳转到最后一页时会大大影响体验，对百度来说也不好在最后一页再搞上竞价。 % d. ]/ ]; l- S# L6 k8 y! B
5 k4 W! u# A+ O! l4 f
" A& y7 w' g6 X9 f, v' X
当然这也是根据行业不同而有所区别的，比如一些资源网站，提供最后一页跳页等等翻页功能可能会对用户的浏览有帮助，如果你考虑是否要放置这样一个按钮也要结合实际的网站类型，并不是说取消“最后一页”的按钮就是最好的选择。
9 ~7 g4 Y- E! I- N( b9 H! B" a8 ^; F% P5 V+ S
; a' G$ i3 U# N) ^" S8 x
: p4 o8 x* F/ d) T F6 h4 W8 w2 F
跳页有过浏览论坛经验的朋友能发现在论坛中都会出现“电梯”“跳往几楼”之类的按钮，这有些类似于搜索的自定义选择，如果用户对他的信息检索排页方式不满意或者清楚的知道自己需要的信息大约在哪一页就会使用“跳页”，但也不是说跳页就是必须要有的功能，比如淘宝有按时间排列按销售排列这样的功能，跳页就能很好的展示商品，而搜索引擎则只是为了保证信息按质量和相关度排列，所以尽可能的简化操作取消跳页，他们的目的在于让用户从前几页中获取信息。 ! e, C* e3 G1 O9 Y1 b- {
, B$ p) V z* S1 j
0 |8 O% ?: B* l; D在添加跳页时也需要考虑用户的感受，特别是跳页后的确定按钮是否能够友好的点击到（不少论坛都很难点击），当激活跳页输入框时，按下Enter键要也可以触发事件，在浏览一定的页面之后才出现跳页输入框等等，用户虽然不会直观的明白你所有的细节，但他们能感受到一个网站是“好”还是“坏”。
# B, R, |. I! U1 T' o( x# U* K2 v/ z. _- B4 g
3 @ k; w2 X6 V8 X& u* U快速返回首页通常处理快速返回首页的办法是，在浏览到较多的页面时，将“1”代表的第一页独立出来，和最近展示的几个页码放在一起，用户当然知道这里的“1”就是直接跳往第一页。实际上这只有在列表页面和较多的展示内容时才会有所体验，很多开发者喜欢直接放上一个“首页”按钮，但相比较而言，在浏览之后才出现“1”这样的设计更能给用户好感。因为这样的“1”按钮在第一页时是默认不可点击作为页码显示，而“首页”这样的按钮如果频繁出现则会给用户造成选择上的困难，当你在一排中放上多个按钮，即便是每个按钮上都有明确的文字，也是在让用户选择，一个成功和具有高度用户体验的网站的要点就是，让用户尽快的明白自己要做什么，哪里才需要自己点击。 1 h; E( q1 d# A
7 N& \5 X8 a: h, p1 a0 F4 ~6 @! U7 Y
- O3 p' }" Z- w3 H& a' c5 V有的开发者也注意到几乎所有的搜索引擎都没有返回第一页的按钮，因为搜索引擎是按相关性排列的，当你浏览超过5页时可能这个搜索词就与你的预期结果有一定差距，这时用户会选择搜索引擎在分页旁边推荐的“相关搜索”和其他关键词进入其他页面。
3 O& Y+ c/ p4 C& @& `( Z. b" C& t X( f
; }/ n. O5 ^1 x6 l
( g; e( b3 E" q+ U$ {! @' X' N . L, N1 C, ?) C ^+ ?
整体的平衡性当你留给分页组件一个足够大的区域时，你可能想设计拥有“上一页”、“下一页”、“跳页”等等按钮，在浏览多个页面时也给予用户选择第一页的权利，但要注意这时不能再展示过多的页码。想像一下，一个页面上有近十个页码，同时又有这些功能性的按钮，会严重干扰用户的选择。比如提供了前后各5页的展示还有跳页，当用户想要往后跳转7页时就有很多种选择，他既可以输入7来跳页，又可以先往后翻5页，也能先点击下一页浏览再点击页码跳页等等，这样的犹豫对于用户来说会很烦躁，有时候并不是留给用户的选择越多越好。准确而精简的设计往往最能得到用户青睐的。
& K) _& l3 [: S9 k% y0 |% t/ ] G9 n7 r7 S2 Z5 C/ g) \
. i: @ j: d* C
+ j% Q% X5 J/ ^) k- F
9 j2 m) L1 m* a) R0 o$ p
. p9 L2 Z! `! W9 W$ O# `说起来这也不过是网站用户体验中的一小部分，我也没有系统的收集各方面的资料分析，只是分享一些自己的经验看法。仔细想想这些细节给用户带来的感受时，我更觉得开发者并不能只专注代码、运营、设计，要为用户考虑的更多，毕竟网站还是做给访客的，并不能看作开发者自娱自乐的产品。
$ Z: w* y8 v% D1 A+ ^对一些纯编程、后端、算法工作者转向前端或建站之类的工作来说，可能对代码倾注的注意力过大而导致网站太专业化，在同行业里固然是不错的作品甚至是艺术品，但对大众用户来说则并没有良好的体验。分页上的整体理念不过是站点的一个缩影，真正能拿出来说的干货并不多，只是借由这细微的一点来谈谈用户体验而已。 9 p9 H, n j3 d4 Z
) y+ b9 L7 O9 i& X w! ^% O
; Y z6 Z2 v6 V
& h% H4 S Y1 x8 L
7 q8 K1 F& \, x, b
原文出处链接：http://wittsay.cc/w3cnews/500 3 u8 Q, i, A/ z/ t" {# v. D
搜外论坛原创作者：维特博客 " {5 C5 T9 q6 d
日期：2015.4.9
k% O: w5 E$ a+ J/ V) C, H
: [3 I- b6 f( g2 W0 O! Z4 p' l+ }% d& Q
5 F" A% e* q* Q3 J; `1 [
+ v1 L7 [& E' d2 R; ]" }4 h) Y
谢谢分享 学习了 顶顶分页导航更多的是起到筛选的作用，用户在某个分类下更快更好找的自己的兴趣点，所以这里很重要的就是翻页速度以及板块内容布局，以及翻页导航的科学性，信息量大的时候，最好可以设置跳转到某一页或者后面设置10页的翻页。根据排名来算最后一页的信息肯定是低质的，当用户直接跳转到最后一页时会大大影响体验 | 
8 ?7 C. m- J- e) Q* x
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
