哥们儿，今天咱们聊聊这“上一页”、“下一页”的设计，看着挺简单是？我跟你说，这里面的道道可不少，搞不好真能把用户给绕晕了。我之前就吃过不少亏，瞎搞一通，结果，用户反馈一堆问题，找起来都费劲。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.icu
最早的时候，我做网站就图省事，内容一多，直接扔个“上一页”、“下一页”链接完事。点上去，翻过去，不就得了？后来发现不对劲，后台数据显示，用户跳出率贼高，好多人根本就没往后翻几页，就直接跑路了。我就琢磨，这到底是啥毛病？
我当时就自己去模拟用户，就盯着那俩链接使劲点。点着点着，我突然发现问题了。我根本不知道自己现在在哪一页，也不知道这一共有多少页。就光知道往前翻、往后翻，跟个没头苍蝇似的，翻着翻着就迷失了。再想想，要是我想直接跳到第五页怎么办？或者我想知道总共有多少页，心里有个数，结果啥也没有，就俩干巴巴的按钮。
我的实践记录与改进过程：
-
第一步：先解决“我是谁，我在哪”的问题。
我立马就想，得给用户一个明确的指示。我开始在“上一页”和“下一页”中间，加了个页码区域。不光显示当前页码，还得把总页数也给标出来。比如，“第 3 页 / 共 15 页”。这样一来，用户点一下，立马就知道自己身处何方，这还剩多少东西没看。这感觉，就跟地图上有了个红点定位一样，心里踏实多了。
-
第二步：把“想去哪儿”的路径打开。
光有当前页和总页数还不够，万一用户想一下子跳到中间的某个页码咋办？总不能让人一页一页地点过去，那不得把人点崩溃了。我学着其他网站的样子，开始在页码区域加入具体页码的数字按钮。比如，从1到5，然后省略号，再到几页。这样，用户可以直接点击页码，想去哪页直接点，省去了反复点击的麻烦。但是这里有个坑，页码太多了就挤一块儿了，所以中间用省略号代替，只显示关键的几个。
-
第三步：考虑“无路可走”的情况。
还有一个细节，第一页的时候，“上一页”这个按钮是没用的，因为前面没页了；一页的时候，“下一页”也是没用的。我以前就没管这茬，结果用户点上去没反应，还以为系统卡了。后来我学聪明了，把不能点的按钮给“灰掉”，就是让它看起来是禁用状态，鼠标放上去也没反应。这样用户一看就知道，这前面或者后面没内容了，就不用瞎点了。
-
第四步：按钮的可点区域要大点。
说句实话，很多时候我用手机刷网页，那“上一页”、“下一页”按钮做得跟米粒儿似的，我这大拇指根本点不准。一不小心就点到别的地方去了，烦不烦？我做的时候就特别注意，把按钮做得大一点，或者给它留足了点击区域。别看这只是个小细节，但用户用起来，那种顺手的感觉是实实在在的。
-
第五步：考虑内容为空白的情况。
还有一种情况，就是压根就没内容。整个列表就空空如也。这时候，这个“上一页”、“下一页”就完全是多余的了。我的做法是，如果内容列表是空的，那么整个分页的区域就直接不显示。免得用户看到一堆没用的按钮，还以为是哪里出了bug。
这么一通折腾下来，效果确实是立竿见影。后台数据显示，用户在网站上停留的时间长了，浏览的页面也多了。用户反馈也好了不少，很少有人再抱怨找不到页面或者点起来不顺手了。这才明白，原来提升用户体验，秘密就藏在这些看似不起眼的小地方里，就看你有没有心去琢磨了。不光是“上一页”、“下一页”，其他地方的设计也一样，得多从用户的角度去想，去试，去改，才能越做越