移动产品分页设计总结_第1页
移动产品分页设计总结_第2页
移动产品分页设计总结_第3页
移动产品分页设计总结_第4页
移动产品分页设计总结_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

2、验效果更佳。 二、列表式分页 此种形式列表式页面分页设计,新浪微博web版就是使用这种形式,它的结构包括五项:页面滚动条、上一页、处于的页面、小三角形、下一页。所谓列表式,是指产品中有很多的不同内容,内容间都是独立的,将每个内容简化为标题或主要内容形式,然后以列式的方式呈现,列表式一般用户还需点击该内容条才能进行详细页面。此种设计的好处是用户可以点击中间的小三角形,选择自己想要查看的页面。 三、上拉刷新加载 当我们使用新浪微博客户端时,在首页下拉页面,就会立即刷新加载最新的内容,这是一种很好的体验设计,同样的,在其他移动产品中,当内容较多时,我们向下拉动查看更多内容,如微信(可加入微信交流qq群:174234067)的朋友圈就是一种上拉加载更多内容的设计,这种形式不需要分页阅读,只需在当前页面不断刷新加载,以时间为维度的产品内容,我个人觉得这种上拉刷新加载的设计效果最佳。 四、点击“查看更多”、“余下全文” 在很多页面的下方,会出现“查看更多”、“余下全文”的按钮,当我们点击时,会加载更多的内容,如下面的58同城APP今日团购频道:点击“查看更多”、“余下全文”与上拉刷新加载性质差不多,都是在当前页面呈现。如果是在页面底部的话,两者均可,但如果需在页面中间加载时,则只能使用点击“查看更多”、“余下全文”

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论