手机上的长列表

这个Watch Lists其实很长,有几十项,表现出来是这样:每页只显示5项,可以显示在一屏内,然后翻页。

在PC网页的设计时我们知道:把更多的内容放在一个页面里展示,比跳转页面更好,用户更容易看到。几米长的门户首页就是这么来的。
突如其来的手机应用,可能是让一些设计师有点儿不知所措了,觉得手机屏幕小,单手指操作有特点,等等我也不是很清楚的原因,最后得出了这么个结论:每个页面都不能滚动。这个结论显然有点儿不妥,而且,想要严格的实现,几乎不可能。

不断的下一页下一页,再上一页上一页,每次翻页又都需要载入新页面,显然不好用了,相比之下,“自选股”这样一个长列表会好一些。

要处理一个长列表时,放在一页里上下滚动会比切分成多页更好。嗯,这个结论或许下的有点儿早。

“短列表+翻页”的一个大问题在于每次都要载入页面,使得下一页的显示需要一些时间,不流畅了。对于一个长列表如果滚动的时候不流畅,会卡,当然会让人觉得不爽,那短列表不断翻页,可以看做是一种更大的卡吧,显然更不爽。

那么,如果短列表+翻页,但不卡呢?事先加载好了,只是不用滚屏的形式,每页都是没滚动条的,一页页很流畅的翻,是不是ok?
Feedly就是这样。

每页刚好显示一屏,不滚动,向上滑动翻到后面一页。
如果“短列表+翻页”预先加载好了,那么,“短列表+翻页”与“长列表”两种形式的差别仅仅在于给用户的表现模型不同:一个是盒装纸巾,一张又一张;另一个是成卷的卫生纸。这两种模型都是不难理解的。

不过类似">Feedly这种表现形式需要解决一个额外的问题:如果我已经翻到了第12页,此时想返回去看第4页的某个内容,怎么才能快速的到达?
对于一个大页面,当前屏幕只能显示其一部分的时候,如何告诉用户当前显示的是整个大页面的哪个部分;应该提供怎样的功能让用户可以高效的回到页顶,去到页底,或达到页面中某一个特定的位置。这一系列问题,在PC上是由窗口滚动条负责解决的,不用细说了,大家再熟悉不过了。

手机系统中的滚动条退化了,只能显示当然所在位置,而不能提供操作了。android可以使劲儿的滑动一次性滚动更远,IOS可以点列表顶端接缝处快速回到顶端,快速的滚动也能一次滚动更多,但似乎没有android的效果明显。这些都是为了页面内的导航,但还都不如pc上窗口滚动条强大。

Feedly把正整卷卫生纸裁成了一张张的,将原本的页面内导航问题变成了页面间的跳转,于是连手机系统里提供的这一点点页面内导航功能都用不上了。如果我翻到了第12页,想回去看看第4页,就得往回多翻几次了,或者回到第一页,再往后翻三下。哪种方法效率都不太高。

手机因为小,设计上总体的方向是简化,减掉的自然应该是少数用户、少数时候会用到的功能。对于feedly这个手机版阅读器,多数用户每天只是来看看新闻,并不需要经常的精确的去查找某篇文章,甚至可以说,不需要实现从第12页快速回到第4页的功能,但别的产品也许就是比较需要的,比如,有100项的股票列表。
一个使用了feedly这种“短列表+翻页”形式的股票观察列表,或许可以自己单独做些导航功能,为自己的这个裁剪成多段的长列表服务,让各段间的跳转更高效。

既然如此麻烦,那干脆就“自选股”这样,直接就长列表,简单,直白,也省掉了那些麻烦。最朴素的形式是有其简朴的魅力,不过真是个100项的长列表,要从第12屏回到第4屏其实也不很快,也得滚好几下,而且操作不容易很精准,你也估计不出来到底得滚几下。
手机通讯录里有那种通过字母快速到达的导航功能,或许应该广泛应用;或许也需要我们为自己的长列表做些单独的页面内导航,只靠操作系统提供的通用功能并不总够用。

来源:http://ucdchina.com/snap/12755

时间: 2024-09-10 11:50:02

手机上的长列表的相关文章

交互设计:手机上的长列表

列表-"> 这个Watch Lists其实很长,有几十项,表现出来是这样:每页只显示5项,可以显示在一屏内,然后翻页. 在PC网页的设计时我们知道:把更多的内容放在一个页面里展示,比跳转页面更好,用户更容易看到.几米长的门户首页就是这么来的. 突如其来的手机应用,可能是让一些设计师有点儿不知所措了,觉得手机屏幕小,单手指操作有特点,等等我也不是很清楚的原因,最后得出了这么个结论:每个页面都不能滚动.这个结论显然有点儿不妥,而且,想要严格的实现,几乎不可能. 不断的下一页下一页,再上一页上一

怎么获取到Android手机上的时区列表

问题描述 怎么获取到Android手机上的时区列表 最近的项目有个时区设置选择,需要获取到android急用,最好是有demo 我的qq529786954 解决方案 http://download.csdn.net/download/misly_vinky/5022606 解决方案二: android手机上的信息获取获取Android手机上的图片和视频缩略图获取Android手机上的图片和视频缩略图

【手机上传】jQuery传递数据同时上传文件到php后台接受不到的问题

问题描述 [手机上传]jQuery传递数据同时上传文件到php后台接受不到的问题 各位前辈们好,这个问题困扰我挺长时间了,这是我之前的提问,我在网上下载的一份不完整源码:前端有一个上传框,上传图片后会自动生成预览图,可是后台php页面用post方法或者file方法都收不到上传的文件,text文本数据可以收到.有大神告诉我说用form.js插件,小弟不才怎么弄也不会,所以求大神告知详细一点的操作,在哪里添加什么才好?代码如下: html代码 <!DOCTYPE html><html>

通过手机上的摄像头,它可以实时翻译各种语言的印刷文字

Word Lens神奇在何处呢?通过手机上的摄像头,它可以实时翻译各种语言的印刷文字.具体原理是这样的:打开手机上的Word Lens,然后将摄像头对准你想翻译的印刷文字,Word Lens 会利用光学字符识别技术(OCR)来识别这些文字,再通过词典进行查找翻译.Word Lens 会利用增强现实技术将翻译过的文字完全覆盖在原有文字上,除语言变了之外,摄像头对着的场景不会发生任何变化.这样一来,你就可以在手机屏幕中看到由翻译结果生成的真实场景.由于词典的辅助,翻译处理无需网络连接就可以在手机本地

InterApp宣称能从任何手机上盗取信息 只需打开Wifi即可

本文讲的是 InterApp宣称能从任何手机上盗取信息 只需打开Wifi即可,智能手机如今面临的最大隐私和安全挑战之一,就是那些我们选择安装的应用. APP开发者通过从用户设备收集数据转手卖给营销人员以获利,甚至有时候他们还会在产品中引入第三方库和工具来进一步收集用户数据,收集的程度和性质都会严重违背隐私政策. 从智能手机收集来的数据中获益的不仅仅只有追逐市场利益的人,执法部门.专制国家和许多其他人员也有获取手机用户信息的动机.然而,对某些机构而言,要达成他们的目的,从应用开发者手中收来的数据类

美研究称留在手机上的分子痕迹可暴露个人信息

据俄罗斯"卫星"新闻网11月15日消息,美国加州大学圣地亚哥分校的研究人员发现,仅对从手机屏幕上提取的痕迹样本进行研究,就可得出一个人及其生活方式的大致图景. 科学家称,人们会在触摸过的任何物体上留下大量微生物和化学分子痕迹,其中包括手机.而仅对从手机屏幕上提取的痕迹样本进行研究,就可得出一个人及其生活方式的大致图景,包括饮食习惯.喜欢的卫生用品.健康状况和经常去的地方. 研究人员邀请39名健康的成年志愿者参与一项实验.研究人员从每个人的手机上提取4个样本,从每人右手上提取8个样本,共

扫一扫就能省去在 手机 上繁琐的输入过程

"扫一扫"就能省去在 手机 上繁琐的输入过程,"二维码"凭借操作方便.制作简单而迅速"飞入寻常百姓家".同时也带动与之相关的扫描.印刷.识别等上下游产业链"走红". 据专家介绍,目前我国二维码上下游产业规模预测已达数千亿元.但因其使用的二维码主要是日本企业研制的"QR"码,存在一定专利风险.若无法及时规避,正在迅猛发展的二维码产业,或将沦为下一个" DVD "产业. 二维码是上世纪70年

手机上的信息架构方式

信息架构 即信息的组织结构.它的任务就是在信息与用户之间建立一个通道,使用户能够获取到其想要的信息.一个有效的信息架构方式,会根据用户在完成任务时的实际需求来指引用户一步一步的获得他们需要的信息. 比如我们去饭店点菜.去商场买衣服,要完成这类日常生活中最常见的任务,用户最希望的就是过程简短.不用过多的去思考.所以根据用户的实际需求,这类任务就要采取比较顺畅的架构方式.相反,如果在PC上玩一个大型的网络游戏,为了满足用户在http://www.aliyun.com/zixun/aggregatio

口袋购物王珂:手机上购物有碎片化的特点

口袋购物的创始人王珂,是我见过的对移动电商理解最深入的人之一.1984年出生的他是一个技术宅男,却总是在琢磨用户天天到底在手机上干什么,用户一般在手机上买东西翻到第几页就不想往下翻了这些问题.他创办的口袋购物,不久前刚刚获得成为基金和经纬中国1,200万美元的A轮投资,成立仅2年时间就达到如此高的估值,一时间在创投圈引起了不小的讨论. 几天前,我和王珂有了一次深入的交流,我们重点探讨了用户在移动终端上购物的一些行为习惯.由于手机屏幕很小,用户不再可能像在PC上那样一页一页去浏览商品,用户在手机上