浅谈iPad阅读类应用设计

标签: 业界 app Flipboard iPad iPad阅读 | 发表时间:2012-07-22 10:36 | 作者:流云
出处:http://www.leiphone.com

【编者按】本文转载自 UDC(新浪微博用户体验设计中心),原文作者 。本文旨在以分析阅读行为为基础,配合时下iPad端阅读类应用的分析,与大家共同探讨升阅读体验的设计心得。

自古以来,人们从阅读中了解最新资讯,学习知识,陶冶情操。随着社会和科技的发展,新的阅读设备,阅读方式,丰富的多媒体展示,让阅读这一人类行为更加高效化和多样化。对于平板电脑这个较新的媒介,我们如何能进一步提升用户的阅读体验,这需要我们对用户使用场景,任务规律,操作习惯以及信息展示特点进行更深入的分析。

让用户享受加载过程

当我们打开一个应用时,面临的第一个问题就是加载。优化你的加载过程,提前显示部分信息或者做个合适的loading动画效果,让的用户知道你的应用已经在一步步执行他的操作,给予他应得的反馈,如此也让用户更有耐心等待加载。
 如Flipboard打开应用时,cover从旧版的固定图片变为你订阅内容的图片,在第一时间建立起阅读内容和用户的联系,在等待过程的同时阅览正在更新的信息。
 如腾讯爱看,在等待动画过程中,清晰的告诉用户产品的功能布局。
 如The Early Edition 2,报纸卷出现展开的过程如此自然,谁能想这是它加载太慢的trick.
 大量图片加载过程中,在图片站位处提前展示部分文字信息, 逐个显示图片,既让用户预先有信息可获取,整个加载动态十分愉悦。如显示量化的loading进度,可满足用户对较长等待时间的心理预期。

增强视觉的真实感

将真实世界的元素投影到界面上有助于用户对应用快速建立起联系,增强互动性。模拟真实世界元素,便于用户直观的了解其内在功能与逻辑关系。

提取传统纸媒的元素(如报纸,杂志),便于用户快速了解应用的主要用途,通过信封的隐喻,暗示用户从阅读界面进入分享界面。

关注横屏和竖屏的变化

iPad可根据重力感应,横屏和竖屏展示不同的阅览效果。你很难帮用户决定他们会使用哪种方式来用你的应用,又或许他们就是喜欢把iPad颠来倒去。所以在设计时应考虑到这一点,无论如何旋转,尽量保持阅读舒适度,毕竟内容才是永远的焦点。
 横屏和竖屏并不仅仅意味图像内容的拉伸,调理好内容的排布,使之更适应当前屏幕。

iPad不喜欢底部导航

随同为iOS系统,但在iPad上底导并不像在iPhone上表现那么好。用户注意力通常集中于屏幕中心的内容,由于iPhone的屏幕较小,用户容易注意到底部的信息,同时相对于顶部,底部更适合单手操作。然而移植到iPad上,由于屏幕较大,底部信息很容被忽略掉,同时考虑到用户在使用iPad时的姿势,底导成为了盲区,易被遮挡,不便于操作的部分。

特别是当底导还附有事实提醒的功能时,实时就有些如同虚设了。

沉浸式的阅读体验

良好的外观与功能整合会提升用户体验。相对于效率型工具应用,需要提供用户频繁操作,便于快速操作的便捷。阅读类产品,则是提供用户在阅读时的专注与沉浸体验。

如Press Reader,阅读时全屏展开,顶部和底部导航隐藏,便于用户更专注于内容本身,提升阅读体验。

又如The Early Editon 2,顶导处于隐藏状态,当用户需要时,下拉显示。

用动画来导航

App中的动画效果绝不仅仅是为了打造酷炫的应用,更重要的是他能让用户知道自己从哪来,到哪去,帮助用户了解产品构架和层次。便于其理解产品功能,进而让用户产生良好的心理感受

例如Flipboard,在目标文章处点击或zoom out操作,查看详情,这个伸缩的放大效果便于用户清晰的认识新页面与之前页面的关系。又如The Early Edition 2,页面翻动效果,让用户了解前进方向,以及如何回到上一页。

操作的统一性与连贯性

用户下载应用不是为了学习奇妙复杂手势操作的,如果这些操作不是连贯统一的,很难让用户在短时间内记住他们,非预期的触发会带来挫败感。保持操作的统一性与连贯性,将有效的降低用户学习成本,便于记忆和使用。

在任务进行中提供引导

相对于开机前的一连串功能操作讲解,先不讲用户会记得多少,他是否会耐心看完都是个问题。在任务进程中,给予适当,关键的操作引导, 专注于帮助用户完成即时任务,能有效引起用户关注并协助解决实际问题。

在进程中的引导,可以是第一次使用时专门的页面给予文字提示,也可以是轻巧的角落标注来引导用户。

清晰的导航逻辑

当用户无意中触发了某个操作,进入到新的页面,人们最普遍的反应就是:我该如何返回?然而很多应用都忽略了这一重要功能,back。事实上,iPad上的应用丢失了web端的一些功能。不同于web端,任何页面在浏览器内打开,统一使用浏览器的前进,后退便能轻松返回之前的页面。iPad端需要把这些功能设计到应用之中,如果用户可以轻松的找到返回的出口,那无疑是让用户体验更加流畅和舒适。

利于指尖操作的尺寸

Apple’s iPhone Human Interface Guidelines建议最小尺寸为44x44pixel,Microsoft’s Windows Phone UI Design and Interaction Guide建议 34x34pixel,Nokia’s Developer Guidelines建议28x28pixel。最小尺寸究竟是多少?(以下资料来自Smashing Magazine)
 在操作过程中,使用拇指肚是比较自然的行为,但如果target过小,很容就被挡住了,用户无法看到触发反馈。使用指尖虽避免此问题,但用户需要调整手指姿势,导致操作行为并不流畅。

不仅如此,targets之间触发区域的间隔距离也十分重要。如果过近,很容易造成误操作,严重影响用户体验。由于拇指和食指的宽度不同,食指操作会更加精确,但有时一些没那么重要的操作还需要用户调整姿势,并不能称为一个好设计。比如用户通常使用拇指来滑动页面,但却需要用食指来点击小按钮。这一点尤其是在手机端上,很多人在使用手机时并不是双手都空闲,比如挤在地铁上,单手操作的重要性不言而喻。

MIT Touch Lab study of Human Fingertips to investigate the Mechanics of Tactile Sense

由MIT的一项调查表明,成人平均食指宽1.6-2cm。移植到手机屏幕即57pixel。成人的平均拇指宽1ch(2.5cm),即72pixel,此尺寸便于用户触发,同时可从指尖边缘看到触发反馈,便于点击或者移动target,用户操作再不需要小心翼翼了。相关机构的调查表明,当触发目标变大时,人们的操作明显变快,而误操作率明显下降。然而当理想照进现实,针对于有限的屏幕尺寸,这些按钮可能占据大量空间,影响主要内容展示。所以我们需要设计targets的尺寸,而不是照搬guidelines。

以上仅为个人在实践中的一些积累,欢迎大家讨论并给予更多建议。

转载自 新浪UDC

您可能也喜欢:

iPad应用TotalE Studio HD 英语学习者的福音

提高在iPad上的阅读体验

10年前iPad原型曝光 多图赏析

iPad应用的10大用户体验设计准则

离线阅读应用Spool的放弃继续服务加入Facebook
无觅

相关 [ipad 阅读 应用] 推荐:

浅谈iPad阅读类应用设计

- - 雷锋网
【编者按】本文转载自 UDC(新浪微博用户体验设计中心),原文作者 Irene小兔子. 本文旨在以分析阅读行为为基础,配合时下iPad端阅读类应用的分析,与大家共同探讨升阅读体验的设计心得. 自古以来,人们从阅读中了解最新资讯,学习知识,陶冶情操. 随着社会和科技的发展,新的阅读设备,阅读方式,丰富的多媒体展示,让阅读这一人类行为更加高效化和多样化.

iPad、kindle阅读器与应用心得,及一些电子书分享

- - 战隼的学习探索
快到年底了,最近一直有人问我,应该买哪个阅读设备,本来准备写篇文章总结一下,前二天看到张佳玮已经写了篇类似的文章,直接转载过来跟大家分享一下. 链接: http://blog.tianya.cn/blogger/post_read.asp?BlogID=38484&PostID=48648076.

Reeder—ipad 上google reader阅读利器

- 叁石 - 葡挞生活
ipad天生就是一款阅读利器,而我平时阅读最多的平台就是google reader. ipad上面有不少google reader的阅读app,但是用下来感觉reeder最好用. reeder改变了我阅读google reader的方式. 我早上起来边刷牙洗脸,边看reeder(google reader),不用开电脑,不用打开浏览器、打开书签,信息就在指尖的感觉很好.

Facebook iPad应用曝光(图)

- Brant - 36氪
Facebook实际上已经有iPad应用了,就隐藏在iPhone应用的代码中. MG Siegler已经用了一个晚上了. 他说感觉还不错,虽然Facebook最终发布该应用时不一定跟他现在用的一样,但至少他觉得这个应用的感觉是对的. 据MG的几个消息来源称,他们已经看过这个应用,并且这就是Facebook近期打算发布的.

iPad阅读神器:Zaker给你带来全新的阅读体验

- Wolf - 互联网的那点事...
Zaker不过是iPad上的一款免费阅读软件,何以称得上神器. Zaker是一款专门面向iPad用户量身定做的阅读器,以杂志阅读的方式将内容呈现在读者用户面前. Zaker 是由国内开发者面向中国iPad用户量身定做的一款类Flipboard的社会化新闻阅读器,针对新浪微博、Google Reader、国内热门博客等等社会化媒体内容进行一次封装和整合,并以类杂志阅读的方式呈现在读者面前.

IPAD阅读体验之杂志的未来

- Yifang - 科学家家
我以后会从一个学者的专业阅读角度去详细讲如何用IPAD阅读论文,我现在正在慢慢告别打印论文的时代. IPAD的Papers功能是强大的,里面内置的几大学术论文搜索引擎非常犀利,经济学者常用两个:Jstor和Google Scholar. 至于在PDF文档中划线打勾做各种记号,记笔记等等,现在都可以实现,虽然还有一些不便,但我知道多窗口的任务管理很快就能克服这些问题,就像刚发布的IPHONE OS4展示的那样.

IPAD阅读体验篇之电子书、论文、笔记

- Yifang - 科学家家
上一次写了电子杂志,这次写电子书和PDF,下次写网络阅读,以后再写电子教科书的革命. (一)电子书:KINDLE vs IBOOK. 读书二十多年,读过的书成千上万,但从来“不爱书”,也没什么藏书,都送了扔了卖了捐了. 所以我喜欢电子书,有了合适的电子书阅读器,我不考虑看实体书. 不占地方,查询检索方便,晚上看书不用灯.

阅读微创新——鲜果联播ipad版测评

- 勇 - 望月的博客
我并没有自己的iPad,不过长期把玩别人的,多的时候甚至有3台之多,最近,重点把玩了鲜果联播的iPad版,不由得想说两句. Flipboard是时下ipad上的一个楷模. 他第一个实现了让人们能够在一个比杂志更像杂志的界面上,浏览多个SNS服务和RSS订阅. 与腾讯这些大佬的创业故事一样,Flipboard的成功也推动了不少国内个性化杂志的诞生.

可同步 Google Reader 的 iPad 阅读器 Perfect RSS Reader

- Richard - 谷奥——探寻谷歌的奥秘
iPad上的各种RSS阅读器已经不少了,今天又新出来一个Perfect RSS Reader. Perfect RSS Reader界面优雅,可同步Google Reader的RSS条目,也整合了Readitlater、Instapaper、Twitter和Evernote等服务. Perfect RSS Reader除了可以阅读已经订阅的Google Reader条目,也可以直接在iPad上管理和加入RSS订阅,就像桌面版一样.