移动产品分页设计小结.docVIP

突然心血来潮，看产品文章时灵感突现，想对移动产品中分页设计进行一下总结。 不论是APP还是移动web版产品，都会存在页面分页设计的问题，可能是由于文章篇幅内容较长，也有可能列表式内容较多，目前主要有以下四种分页设计方案： 一、长文式分页  此种形式适合于长篇文章分页设计，目前使用最多的是3G门户，它的结构包括四项：第几页、上一页、余下全文、下一页。用户在阅读文章时，一般很少跳页阅读，所以没有页面选择阅读的按钮（比如页面总共分为五页，用户在第一页时，可以直接阅读第三页的内容）。由于移动版上很多文章内容编辑的精简、篇幅不长，很多移动产品上整篇文章同时在一页中展现，这种形式比分页用户还需点击查看阅读体验效果更佳。 二、列表式分页  此种形式列表式页面分页设计，新浪微博web版就是使用这种形式，它的结构包括五项：页面滚动条、上一页、处于的页面、小三角形、下一页。所谓列表式，是指产品中有很多的不同内容，内容间都是独立的，将每个内容简化为标题或主要内容形式，然后以列式的方式呈现，列表式一般用户还需点击该内容条才能进行详细页面。此种设计的好处是用户可以点击中间的小三角形，选择自己想要查看的页面。 三、上拉刷新加载 当我们使用新浪微博客户端时，在首页下拉页面，就会立即刷新加载最新的内容，这是一种很好的体验设计，同样的，在其他移动产品中，当内容较多时，我们向下拉动查看更多内容，如微信的朋友圈就是一种上拉加载更多内容的设计，这种形式不需要分页阅读，只需在当前页面不断刷新加载，以时间为维度的产品内容，我个人觉得这种上拉刷新加载的设计效果最佳。 四、点击“查看更多”、“余下全文” 在很多页面的下方，会出现“查看更多”、“余下全文”的按钮，当我们点击时，会加载更多的内容，如下面的58同城APP今日团购频道： 点击“查看更多”、“余下全文”与上拉刷新加载性质差不多，都是在当前页面呈现。如果是在页面底部的话，两者均可，但如果需在页面中间加载时，则只能使用点击“查看更多”、“余下全文”这种形式，如网易手机移动版中“进入新闻频道”按钮，就是这种情况