移动产品分页设计总结

移动产品分页设计总结

ID:35308004

大小:797.66 KB

页数:6页

时间:2019-03-23

移动产品分页设计总结_第1页
移动产品分页设计总结_第2页
移动产品分页设计总结_第3页
移动产品分页设计总结_第4页
移动产品分页设计总结_第5页
资源描述:

《移动产品分页设计总结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、突然心血来潮,看产品文章时灵感突现,想对移动产品中分页设计进行一下总结。不论是APP还是移动web版产品,都会存在页面分页设计的问题,可能是由于文章篇幅内容较长,也有可能列表式内容较多,目前主要有以下四种分页设计方案:一、长文式分页此种形式适合于长篇文章分页设计,目前使用最多的是3G门户,它的结构包括四项:第几页、上一页、余下全文、下一页。用户在阅读文章时,一般很少跳页阅读,所以没有页面选择阅读的按钮(比如页面总共分为五页,用户在第一页时,可以直接阅读第三页的内容)。由于移动版上很多文章内容编辑的精简、篇幅不长,很多移动

2、产品上整篇文章同时在一页中展现,这种形式比分页用户还需点击查看阅读体验效果更佳。二、列表式分页此种形式列表式页面分页设计,新浪微博web版就是使用这种形式,它的结构包括五项:页面滚动条、上一页、处于的页面、小三角形、下一页。所谓列表式,是指产品中有很多的不同内容,内容间都是独立的,将每个内容简化为标题或主要内容形式,然后以列式的方式呈现,列表式一般用户还需点击该内容条才能进行详细页面。此种设计的好处是用户可以点击中间的小三角形,选择自己想要查看的页面。三、上拉刷新加载当我们使用新浪微博客户端时,在首页下拉页面,就会立即刷

3、新加载最新的内容,这是一种很好的体验设计,同样的,在其他移动产品中,当内容较多时,我们向下拉动查看更多内容,如微信(可加入微信交流qq群:174234067)的朋友圈就是一种上拉加载更多内容的设计,这种形式不需要分页阅读,只需在当前页面不断刷新加载,以时间为维度的产品内容,我个人觉得这种上拉刷新加载的设计效果最佳。四、点击“查看更多”、“余下全文”在很多页面的下方,会出现“查看更多”、“余下全文”的按钮,当我们点击时,会加载更多的内容,如下面的58同城APP今日团购频道:点击“查看更多”、“余下全文”与上拉刷新加载性质差

4、不多,都是在当前页面呈现。如果是在页面底部的话,两者均可,但如果需在页面中间加载时,则只能使用点击“查看更多”、“余下全文”这种形式,如网易手机移动版中“进入新闻频道”按钮,就是这种情况

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。