小屏幕,大世界;“Next”背后的秘密

翻页控件在很多手机端产品中属于容易被忽视但又不可或缺的一部分,今天就手机端产品翻页控件的分类和使用谈谈自己一些粗浅的看法。

在手机端产品中,翻页控件的展示形式五花八门;以所展示">信息内容的性质和用户的使用情境作为维度划分的话,大致可以分为这样几个类型:

A:时效类翻页控件

产品所展示的信息在“时效性”“关联度”“内容质量”等属性上具有较高的权重;主要包括新闻类产品、微博类产品,SNS应用的好友新鲜事等。在使用情景上,如新闻、微博这类产品,用户通常是关注最新产生的信息,较旧的信息则随着时间推移慢慢下沉;这就需要简单的翻页操作,同时又能够方便快速的刷新页面,获取最新信息。

B:阅读类翻页控件

所展示的信息具有很强“连续性”“流”等属性,典型的例子是网络小说、电子书等长篇幅的阅读类信息。对比传统的阅读行为,这类产品的翻页操作要尽可能的符合用户的心理模型:一本书拿在手里,书有多厚,看了多少,书的章节目录,上一次读到哪里(通过书签或折页等记号)……都是一目了然的;此时的翻页控件,也不仅仅要提供简单的前后翻页功能,同时也告诉用户当前的阅读位置(如“23/344页”等),提供快速翻页和定位的功能(如页面跳转功能和缩略浏览等),同时能够标记最后一次阅读的位置。

这是Android操作系统下的一个电子书的翻页控件,通过选择百分比来粗略定位整本书的阅读位置,再在小范围内准确翻选书的页码,基本上符合我们平时阅读纸质书籍的一些行为习惯(拿过一本书,我记得那段精彩的片段是在书读到一多半的时候,好像是第五章?应该就是在这几页,80页?不是,在后面;……哦找到了,在81页)

C: 浏览/
查找类翻页控件

信息多以列表形式展示,各块信息之间相对独立。它们的排列和呈现方式或按时间先后、或按首字母顺序、或随机排列。例如论坛类产品的帖子列表、博客文章列表、图片库、媒体库等。用户能够在各个页面之间方便的跳转,比如在论坛、贴吧中查看一篇比较旧的帖子,或是在图片库里浏览命名以“M”开头的所有图片……

(上图)ipad上一个应用的翻页控件,点击控件可以在展示当前页的同时,浏览其他页面的内容概要,而不必逐页翻看。

再说说手机端翻页控件的展现形式,从这个维度上划分,可以有这样两大类:

一.依据不同平台特点,发挥优势,提升操作体验;例如下面这些iphone平台手机上一些产品的翻页控件:

这些控件在形式表现上更加丰富,拟物化的设计丰富了操作体验;缺点是占用更多的硬件资源,而且不太适合海量信息的翻页展示。

二.在众多的手机端应用中,还可以看到很多这种来自服务端的翻页控件,多以一连串文字链接的形式展现。通常组成这些控件的可以是以下这些元素:

1.上一页,下一页的跳转

2.首页、尾页的跳转

3.页码链接

4.当前位置指示(如:3/56页 等)

5.页面跳转控件(直接输入页码然后跳转)

6.“显示更多…”之类的链接文字

7.章节之间的跳转(小说类产品)

……

这些元素怎么组合最为合理,用户使用是来最方便,要视具体情况而定。

以上就是对手机端产品翻页控件做的一些粗浅整理归纳。具体到设计应用中,我们需要根据产品性质、用户操作使用情景、手机和操作平台本身的特性等具体情况来考虑设计使用翻页控件。

出自”百度MUX”:http://mux.baidu.com/2011/03/763/

时间: 2024-10-02 06:55:27

小屏幕,大世界;“Next”背后的秘密的相关文章

揭露物联网攻击断网半个美国背后的秘密!

前言:它们是谁?它们是各类智能家居产品,它们是物联网领域不可计数的感知终端.它们很小,最小的仅仅是一个还没有指甲大的芯片,里面只有几十K字节的代码.但当数百万的它们被"联合"起来,一场DDoS风暴席卷美国! 这不是一篇技术解读性文章,但它会帮助你认清更多物联网攻击背后的秘密. 你还敢忽视它们吗?! 美国东部时间2016年10月21日7点10分-17点(北京时间21日19点10分-22日5点),黑客操控数百万网络摄像头及相关DVR录像机作为"肉鸡",通过Mirai僵尸

《数字营销解析——揭开用户数据背后的秘密》一1.1 数字媒体类型

1.1 数字媒体类型 数字营销解析--揭开用户数据背后的秘密 从20世纪90年代中期以来,数字媒体领域发生了很大的变化.在整整10年里,尽管我们对媒体类型进行了重新标记,但是比较流行的主要媒体类型有两种.第一种媒体是付费媒体,一般以付费搜索(例如Google AdWords)广告的形式或者展示广告(例如DoubleClick横幅广告)的形式出现.付费媒体实际上只是-某个品牌付费使用的数字媒体渠道. 第二种媒体是自有媒体.这是对公司的任何媒体资产或平台的通用术语.公司拥有.控制并利用自有媒体向潜在

手机小屏幕界面设计原则

1997年,那是一个春天,有一位老人在南海边画了一个圈,这个圈就画在咱大深圳!画圈的人是小平同志. 2014年,还是这个春天,移动设备的普及成为当下http://www.aliyun.com/zixun/aggregation/6298.html">互联网发展的又一次变革,我们在各种小屏幕上画着一个又一个的圈,如今,用户的移动体验无意正在变得更好,因为越来越多的网站已经开始为移动设备做了设计,设计师们也明白什么更适合小屏幕.然而,在手机上执行任务操作仍然存在着许多障碍. 亲爱的设基师朋友们

周令钊:我和人民币背后的秘密

您知道人民币设计过程中的秘密么?您想了解3元人民币的历史故事么?您知道为什么第四套人民币上才出现毛主席的头像么?让我们走近人民币的设计者周令钊先生,揭开这些问题背后的谜团. 抽文:主席说,这个人啊,有生之年不能上钞票.这个人有问题没问题,要一辈子过去了才知道. 目录一:人民币的设计过程.3元人民币的昙花一现.人民币上的主席头像--人民币的设计者周令钊先生为我们揭开人民币背后的秘密. 1950年的一天,两位不速之客敲开了中央美术学院党委副书记罗工柳的家门.这两位客人都来自中国人民银行,一位是印刷局

小屏幕移动设备界面设计WAP页设计注意事项

网页制作Webjx文章简介:小屏幕移动设备网页设计注意事项. 在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站.原因是这类网页起源于一个叫WAP的无线协议.WAP能够运行于各种无线网络之上,如GSM.GPRS.CDMA等.WML是无线注标语言(Wireless Makeup language)的英文缩写.支持WAP技术的手机能浏览由WML描述的Internet内容. 而如今的小屏幕移动设备,比如手机,都已经具备访问WWW的能力.其内置的浏览器,或是第三方浏览器大多是WebKit引擎.

从大屏幕到小屏幕迁移的三种设计方案

由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对http://www.aliyun.com/zixun/aggregation/26107.html">手机网站的设计提出了更多的要求.大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式. 拍扁式手风琴式棋盘式 一.第一种:拍扁式 这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面,比如看这

小屏幕改变了哪些邮件设计规则?

小屏幕改变了哪些邮件设计规则? 时间:2014-11-13 14:01 来源:快鲤鱼 作者:快鲤鱼 电子邮件营销的未来在于适应周围环境的能力.全球超过一半的电子邮件在移动设备上被打开,而根据全球领先的多渠道智能化营销服务商webpower的邮件客户数据分析,中国地区电子邮件移动设备打开率也增速迅猛,达到30%以上,而这一比例 预计在未来几年将继续增长.同时,不容 忽视的是,至少50%的移动用户将关闭或者删除没有优化阅读的电子邮件. 对于邮件发送者来说,解决移动小屏幕的邮件用户体验的一个最方便的解

法链背后的秘密

本文PPT来自onchain首席架构师李俊于10月14日在2016年杭州云栖大会上发表的演讲,分享主题为<法链背后的秘密--onchain分布式账本框架>. Onchain于2014开始区块链(国内第一个区块链项目)平台的设计与研发.经过持续的研发与改进,Onchain逐步形成了以基于区块链数字资产应用为基础,可以灵活扩展到各类基于分布式账本平台的业务应用支持的基础平台.Onchain持续地结合区块链/分布式账本领域相关技术的发展.不同业务领域的应用发展创新,开发与增强平台功能与企业级工具,形

小屏幕实现大数据 大众点评的分享

当手机端为大众点评带来的流量已经超过网页端,手机端优惠券的使用数占比已达到75%,网页端下降到25%时,这家公司对于移动端产品的规划一直都在悄无声息地进行着. 在专访大众点评副总裁姜跃平时,他透露,大众点评一直在内部做一些新应用的开发和测试.至于会不会把团购单独做成一个应用,把网站端的一些内容,比如榜单和攻略移植到移动端做成信息类应用,这些都在大众点评的考虑中.姜跃平2010年加入大众点评网,当前主管产品和运营. "是否做独立App是经常面临的一个挑战,主要考量的因素是能否满足主流用户的刚性需求