`
zwchen
  • 浏览: 793004 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

阅读的专注性,从iPad软件设计谈起

阅读更多
喜欢阅读的朋友,一定会有这样的同感,高效的阅读需要这样的环境:舒适+无干扰
舒适,估计大家都不敏感。因为,当你忘记某件事情的时候,可能是你处于最佳的状态,如不关注失眠、空调,最可能因为你睡眠很好、温度很舒适。
无干扰,是专注的前提。为什么我们坐在马桶上、飞机上反而阅读效率很高?因为这是两个极度无聊和没有干扰的环境,除了阅读,你可能找不到更好的打发时间的方式。

这是外在环境,我就说说阅读工具,这个小环境对我们阅读影响。
我估计绝大多数人没有在台式机前阅读教科书、技术书籍的习惯,除了坐姿约束外(没有靠在沙发、坐在草坪上舒服),等你稍微有疲惫,QQ、微博、新闻、音乐等就呼啸而来,将你淹没,你再也没有耐心读下去了。所以电子杂志行业做了这么多年,基本上都全军覆没,一个核心原因是,那时候还没有出现平板电脑。

我不是过度鼓吹平板电脑,在我使用近一年iPad后,发现只有它我才能长期专注于阅读。iPad开创了一个新的杂志发行渠道,各知名杂志大多都有iPad客户端,而且绝大多数是收费的,如《第一财经周刊》。

对于我来说,iPad基本上就是一个阅读工具,阅读RSS订阅和微博,以及电子书。
说到iPad阅读,我就用几个细节,来说明它在阅读体验上的设计。当然,这只是我的个人分析,可能比较偏颇。

为什么iPad浏览器Safari不用Tab标签
大家知道,无论是Mac还是Windows上,Safari浏览器都有Tab标签。这种Safari浏览器都是在鼠标键盘环境下,我们都是很认可这种设计的。为什么在iPhone和iPad上都放弃这种设计呢?

易用性角度 因为iPhone和iPad均为拇指设备,也就是不用鼠标键盘操作。用拇指点击Tab栏上的Close按钮,是一件费力的事情(参考Fitts定律)。
阅读体验角度 Tab设计,意味着其它几个网页的标题都可见,势必产生噪音,而不能将全部精力聚焦于当前页面。

其实,阅读和切换/关闭的使用频率可能是100:1,也就是阅读一篇文章10分钟,花5秒钟来切换/关闭页面。在电脑上我们倾向于扫描式阅读,在平板电脑上,我们更倾向于传统纸质阅读:逐行式

下面是iPad Safari和iCabMobile两款浏览器的比较。


iPad Safari界面


Safari Tab切换界面


iCabMobile界面

Safari的标签切换是在专门的一个切换窗口(网页Grid预览),很适合拇指操作,无论是关闭还是切换。另外,在iOS4.0支持多任务后,一次打开的多个标签,也可以在后台加载。

iCabMobile看似方便,其实极大弱化了阅读的专注性体验。它工具栏右上角的快捷按钮,与其说便捷,不如说干扰:用户有大量频繁操作它们的需求吗?可不可以合并成一个,移到右下角不显眼的地方?

还有很重要的一点,Safari浏览器极大弱化了工具按钮的视觉效果,让用户只能Pull(拉,主动去寻找按钮),而不是Push(推,强调该按钮),这也有助于用户专注于浏览网页(Content Panel)本身。

为什么新浪官方的微博iPad客户端设计很烂
别扭的显示宽度 新浪微博的iPad客户端,自从1.01版本开始,就只用屏幕的40%宽带显示微博列表。其官方的依据是:一行文字的最佳阅读宽度是20-25字符。如果说这条原则用在iPhone上,我没啥可说,因为iPhone一行就只能显示20左右字符。
后来iPad上我终于找到了一个替代品:PushBox,它是我见过的新浪微博客户端中,阅读体验最好的。


新浪微博界面


PushBox界面


痛苦的拇指操作 一般我们是这样拿着iPad的:iPad搁在膝盖上,两手轻握iPad两边缘,拇指左右轻轻一划,就可以翻页。最著名的两款阅读软件,GoodReader和ReaddleDocs,均是这种模式来操作pdf翻页,包括各种电子杂志,以及苹果的iBooks,知名的MobileRSS,莫不如此。

而iPad微博客户端,因为最左边的一行Tab按钮占去了空间,导致左手拇指要使劲拉升,才能够够得上右边的微博列表,从而上下滑动,而右边拇指根本够不着,只能用来上下翻动用户评论页。
第三方的”超级微博“客户端,也是因为右手拇指翻页很费劲,最终不得不放弃。

乔布斯说过一句话,大意是这样的:上帝赐给了我们灵巧的双手,开发iPhone/iPad,我真正花心思的是我们这双手,手研究明白了,就知道该怎么设计。

iPad官方客户端的设计,确实方便了那些带V的用户,因为这类用户主要不是阅读,而是看粉丝的回复。而它们才具有iPad客户端设计的真正决策权:必须要他们用得爽才行。

让人浮躁的微博列表。将几十条微博从上到下一次展示,不光是有阅读压力,当前微博的上下两条,均对当前条产生干扰。PushBox在这方面做得很到位:一次只显示(专注)一条。

知名的FlipBorad,以及无数FlipBoard的山寨版,如国产FlowReader,都模仿报刊的展示方式:一个页面密密麻麻布局好多条微博。这种方式可能对于快速阅读体验很不错,但在这种模式下,人基本无法浸入式阅读,很难思考,只能被动接受。

纸质阅读时,我们经常会掩卷思考片刻,但对着一个光亮屏幕,你有这种习惯吗?缺乏思考的长时间阅读,人脑会一片混沌,吸收率也很低,特别是微博这类碎片式阅读。

如何更大程度地接近纸质阅读体验,是平板电脑软硬件设计的一个核心目标。



分享到:
评论
2 楼 blueoxygen 2011-06-23  
相比ipad,kindle更让人专注于阅读吧,否则愤怒的小鸟 植物大战僵尸也都呼啸而来了。但是对于最近大英图书馆和google合作的项目,那种原汁原味的古籍,或者插图多的图书,还是ipad更有优势。
1 楼 shengfuqiang 2011-06-23  
苦于ipad2有点贵哟

相关推荐

    iPad软件界面设计基本规范

    ### iPad软件界面设计基本规范详解 #### 一、iPad平台特点及iPhone与iPad的共同特点 **1. 大屏幕,高分辨率** - **特点概述**:iPad的大屏幕设计(分辨率1024x768)使得其能够提供比iPhone更加宽广的视觉体验。这...

    基于YOLOV5的人物专注性检测系统源码,含疲劳检测和分心行为检测.zip

    基于YOLOV5的人物专注性检测系统源码毕业设计,含疲劳检测和分心行为检测(高分项目)本资源中的源码都是经过本地编译过可运行的,评审分达到95分以上。资源项目的难度比较适中,内容都是经过助教老师审定过的能够...

    软件界面设计基本规范

    在软件界面设计中,iPad平台的设计规范至关重要,因为它的大屏幕和独特的操作方式对用户体验有着深远影响。以下是一些核心的设计原则和建议: 1. **屏幕尺寸与分辨率**:iPad的大屏幕尺寸为1024x768像素,设计师...

    软件设计师经典教材word版软件设计师经典教材word版

    《软件设计师经典教材归纳》这一文件名表明,这份教材可能是对软件设计知识的系统整理,涵盖了从基础知识到实践技巧的多个方面,旨在帮助读者建立起全面的软件设计知识体系。通过深入学习,读者将能够提升自己的软件...

    一些软件设计的原则一些软件设计的原则

    【软件设计原则详解】 在软件开发领域,遵循一系列设计原则对于构建高质量、可维护和易于扩展的系统至关重要。以下是一些关键的软件设计原则,它们不仅适用于编程,还能应用于更广泛的生产活动和生活。 1. **Don’...

    软件设计师

    5. **用户体验设计**:具有一定的UI/UX设计能力,能够从用户的角度出发思考问题,提高软件产品的易用性和用户体验。 6. **团队协作与沟通技巧**:良好的沟通能力和团队合作精神对于软件设计师来说至关重要,因为软件...

    货架结构设计软件

    标题中的"货架结构设计软件"可能是一个集成化解决方案,旨在提供从概念设计到详细工程图纸的全过程支持。 描述中提到的"Microsoft.ReportViewer.WebForms, Version=10.0.0.0."是微软的报表查看器组件,这是一个用于...

    非常容易上手的飞机总体设计软件

    这不仅节省了学习时间,也为设计师提供了更多的时间专注于设计本身,而不是在软件操作上耗费精力。 同时,该软件提供了丰富的预设模型和参数,涵盖了多种类型的飞机设计需求,如战斗机、客机、无人机等。用户可以...

    基于YOLOV5的人物专注性检测系统源码,含疲劳检测和分心行为检测

    基于YOLOV5的人物专注性检测系统源码,含疲劳检测和分心行为检测,该项目为人物专注性检测,分为两个检测部分,疲劳检测和分心行为检测。 疲劳检测部分,使用Dlib进行人脸关键点检测,然后通过计算眼睛和嘴巴的开合...

    软件架构设计案例分析

    在这个案例分析中,我们从多个维度来探讨软件架构设计的细节和实践。 首先,软件架构是一个系统的抽象。它定义了系统中的元素以及这些元素之间的交互方式,但这种定义并不涉及到元素的细节信息,也就是说,它忽略了...

    家具设计软件专注定制家具设计功能介绍及演示.pptx

    家具设计软件专注定制家具设计功能介绍及演示.pptx

    软件设计 软件生命周期的各个阶段的文档

    此外,还可能包含硬件和软件平台的选择、安全性及容错性设计等方面的内容。 三、详细设计文档 详细设计文档(Detailed Design Document)进一步细化了系统设计,提供了每个模块的具体实现方案。这份文档通常包括...

    iPad Air(iPad5)可以打电话吗?iPad Air(iPad5)支持移动卡吗?.docx

    总体来说,iPad Air(iPad5)是一款注重设计和便携性的平板电脑,其强大的A7处理器和优秀的显示屏为用户提供了高效的工作和娱乐环境。尽管不具备打电话功能和移动网络支持,但通过Wi-Fi连接,它仍然能够实现大部分...

    iOS软件开发 iOS软件外包 iPhone开发 iPad开发 html5开发 android开发

    在IT行业中,上海诸君信息科技有限公司是一家专注于软件项目开发的服务提供商。该公司拥有多样化的开发经验和技术专长,尤其擅长iOS、MAC、DotNET、Android、Unity3D、HTML5、AR技术的开发。以下是该公司在不同技术...

    iPad应用程序开发基础规则.pdf

    首先,从系统级别看,iPad应用在运行时不允许其他应用程序同时运行,保证了应用可以占据全屏并专注于单一任务。在程序设计上,开发者需要确保应用能够快速启动和关闭,以便用户能够即时地切换应用。出于安全考虑,每...

    软件设计师全套视频(三套多).zip

    【软件设计师】是一个专业的IT职业资格认证,旨在评估和证明个人在软件设计领域的专业知识和技能。这个【全套视频】教程集合提供了2018年最新的教育资源,帮助学习者准备【软件设计师】的国家软考。视频教程通常涵盖...

    Axure iphone/ipad 资源库

    使用这些资源库可以极大地提高设计师的工作效率,因为他们不必从零开始创建每个组件。只需拖放预设的UI元素,就可以快速构建出符合iOS设计规范的原型。此外,这些资源库也确保了设计的一致性和专业性,因为它们基于...

Global site tag (gtag.js) - Google Analytics