`
zwchen
  • 浏览: 793018 次
  • 性别: 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,都模仿报刊的展示方式:一个页面密密麻麻布局好多条微博。这种方式可能对于快速阅读体验很不错,但在这种模式下,人基本无法浸入式阅读,很难思考,只能被动接受。

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

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



分享到:
评论
62 楼 chinata 2011-06-30  
一蓑烟雨任平生 写道
大家推荐Ipad,其它品牌的看来用的不多,谢谢。

如果你是程序员,我还是建议你用变形金刚或者3*的本子galaxy,后者我亲身摸了一下还不错。前者支持插卡和HDMI。acer的A500其实很好,连标准USB口都有,就是屏幕小悲剧,不是IPS --- 不过我MM说她没看出啥差别(当时在店里和ipad2/galaxy比了一下),可能很多也是心理作用,ipad一代也不是ips,也没看果轮抱怨。如果你特别看重便携---比如地铁和公交,建议考虑galaxy的7寸。如果有人和你说ipad便携性好,你可以观察一下对方是不是州长那种型的

如果是给家里小朋友玩,ipad那种大号手机是首选,需求简单界面华丽,弱智/益智小游戏漫天都是。如果你真的日常工作使用,ipad啥接口都不提供,功能太少。ipad特适合那种看电视剧的人群:小朋友、老人、大妈。ipad作为上厕所时候消遣的有益补充还是可以的,如果你觉得你会在家里非大脑缺氧的时候使用,我觉得可能多数情况下netbook更合适。
不过我主要是不能适应ipad一个10寸屏幕打开以后都是方块的界面,看起来太山寨了----整个感觉几年以前大号山寨机上装手机操作系统的感觉---其实也还可以。
61 楼 一蓑烟雨任平生 2011-06-30  
大家推荐Ipad,其它品牌的看来用的不多,谢谢。
60 楼 zwchen 2011-06-30  
抛出异常的爱 写道
pad2的重量已经轻了不少了。。。。。
接近 代码大全的重量了。。。。。。

不过除了我这种在地铁上看大部头的人其它人应该还是认为太重了。

再有就是显示比例现在的PDF查看器有没有作的用户体验好点的

用一只手可以翻页
调整一次大小就可以稳定

还有就是40年代的烟滩挂绳
哪里有能作的?
由于力距关系一只手拿着还是很累的。
如果把力距分散到整个手臂上这个重量应该可以接受

你是不是想要这样一个东西:
iPad外套上系上一条带子,然后可以像书包一样挂在脖子上?
这种外壳我几个月前见过,在一个iPad博客上,我刚才查了10多分钟没找到,就放弃了,但确实有,是一个外国外斜背在肩上。

59 楼 zwchen 2011-06-30  
RCFans 写道
一蓑烟雨任平生 写道
说起pad,我还真想咨询一下,我的要求很简单,我经常出差,出差的路上能够同步Outlook,处理邮件和代办事宜,以及邮件附件里面的PPT、EXCEL之类的OFFICE文件和PDF,电池能用6个小时以上。

手机不行,屏幕太小,看着累。
笔记本也不行,一个是重,一个是电池不够用,长途车太颠,眼睛累,而且夏天放腿上跟烙饼似的,烤的受不了。

iPad上对于链接中包含的附件貌似不能直接打开,它没有磁盘和文件夹这个概念~~求解释~
最好用Gmail或163这种,可以在网页上查看附件的,就可以。
收邮件,不要和OutLook同步,用iPad自己的邮件程序就可以了,再安装一个SpringPad和思维导图软件,工作比电脑顺手得多。


我刚才又确认了一下,iPad打开Office附件是这样的,比如1.5M的docx文档:
1、点击附件的图标,开始下载,图标上有个进度条
2、下载完毕,图标变成W,也就是word文档图标
3、点击后,用内置的查看器全屏打开。

易用性设计到了极致。

我也同意RCFans MM的建议:直接用Outlook看邮件。你使用POP3接受邮件,到回公司后,重新打开你的OutLook,把出差那几天的邮件设置已读即可。要是IMAP就真正的服务器端同步了。
iPad Mail客户端应该有这样一个功能:将你发送的邮件,同时也发送到服务器的发件箱,反正gmail是这样的。
刚才有位哥们建议买Mac Air,是个好建议,你也可以买那个Mac的12.1寸上网本,电池大概是6小时左右,非常轻薄。只是翻盖不太适合高铁或飞机上携带和使用。




58 楼 _19_ 2011-06-30  
怎么变成一群bc在xjb乱扯蛋啦
57 楼 ray_linn 2011-06-30  
night_stalker 写道
我们民工都是在自行车头上安个pad的



导航?
56 楼 RCFans 2011-06-30  
谈易经,谈中医,爱谈投资回报率。
用苹果,带苹果,全身都是烂苹果。
55 楼 night_stalker 2011-06-30  
我们民工都是在自行车头上安个pad的
54 楼 ray_linn 2011-06-30  
RCFans 写道
ray_linn 写道

1. 收集星巴克杯子
2. 地铁上看pad
3. 酒吧里用苹果

从来没见过

不说小资,新时代傻逼的标准是:
1.爱读米兰昆德拉、村上春树、博尔赫斯
2.爱谈量子力学
3.爱谈经济学



那是老小资了。

现在流行:

1. 地铁上看易经或者论语。 -- 玩微薄的是眼球党,看电子书的是IT民工
2. 爱谈投资回报率。  -- 没钱你玩啥小资?
3. 上酒吧还是要带苹果  -- 用苹果不去酒吧,那是宅男,去酒吧不用苹果,那是俗人。


地铁上用PAD -- 明明是个IT民工,你非要挤到我们小资队伍。
53 楼 rubynroll 2011-06-30  
RCFans 写道
ray_linn 写道

1. 收集星巴克杯子
2. 地铁上看pad
3. 酒吧里用苹果

从来没见过

不说小资,新时代傻逼的标准是:
1.爱读米兰昆德拉、村上春树、博尔赫斯
2.爱谈量子力学
3.爱谈经济学


这个...要有对应才像啊:
1.爱读米兰昆德拉、村上春树、博尔赫斯 -- 回到家里看琼瑶电视剧
2.爱谈量子力学 -- 回到家里不忘给关公烧个香
3.爱谈经济学 --  回到家里电视购物
52 楼 RCFans 2011-06-30  
ray_linn 写道

1. 收集星巴克杯子
2. 地铁上看pad
3. 酒吧里用苹果

从来没见过

不说小资,新时代傻逼的标准是:
1.爱读米兰昆德拉、村上春树、博尔赫斯
2.爱谈量子力学
3.爱谈经济学
51 楼 抛出异常的爱 2011-06-30  
ray_linn 写道
chinata 写道
zwchen 写道
chinata 写道

你也就是拿ipad去健身房使用给别人看吧
小资的一个典型特征就是花点小钱,然后到处证明这个钱花的很有质量。

chinata同学,我是不是把你的辩论潜能激发出来了。

我只是现在比较烦小资,特征就是买个东西一定是这个东西对生活/思想品质有了啥啥的提高。不管去什么地方玩拍2张照片一定在游记里写的天花乱坠。
前者就是你这样的。后者举个例子,去年我去了趟key west,回来以后我觉得网上写游记吹捧key west的都是些啥神经病啊。用我父母的话说,还比不上我家乡边的度假村。



傻B小资几个特征:

1. 收集星巴克杯子
2. 地铁上看pad
3. 酒吧里用苹果

看来还需要再买台苹果本。。。。。
50 楼 抛出异常的爱 2011-06-30  
rubynroll 写道
ray_linn 写道
rubynroll 写道
iPad纯粹就是拿来玩的,我就用一个功能:查看email,图它开机快。剩下的就是给小孩玩了,嗯,iPad最适合2-5岁的小孩了。阅读就算了吧。



ipad开机40秒吧?android开机是乌龟爬


现在这种嵌入式OS哪个还真的“关机”啊? 我说的开机是指从深度休眠中唤醒,1妙足矣。PC要许多秒,笔记本就算快点,也要好几妙,加上开合的过程,加上移动鼠标,点击....iPad就是按一下,点一下就是了。再说,iPad经常扔在沙发上,随手操起来就用,方便。

另外iPad看Youtube也简单,我家小孩3岁都会用它看Dora, 还是个Miley fan

求好用的梯子。。。。
49 楼 ray_linn 2011-06-30  
chinata 写道
zwchen 写道
chinata 写道

你也就是拿ipad去健身房使用给别人看吧
小资的一个典型特征就是花点小钱,然后到处证明这个钱花的很有质量。

chinata同学,我是不是把你的辩论潜能激发出来了。

我只是现在比较烦小资,特征就是买个东西一定是这个东西对生活/思想品质有了啥啥的提高。不管去什么地方玩拍2张照片一定在游记里写的天花乱坠。
前者就是你这样的。后者举个例子,去年我去了趟key west,回来以后我觉得网上写游记吹捧key west的都是些啥神经病啊。用我父母的话说,还比不上我家乡边的度假村。



傻B小资几个特征:

1. 收集星巴克杯子
2. 地铁上看pad
3. 酒吧里用苹果
48 楼 xiaoyu 2011-06-30  
用手拿着都累呀(手机稍微好点)。

彩色一定是要的,很多设计的书,难道。。。

而且ipad明显比那些专用的电子书好。 难道你一天到晚看书呀, 想看微博,rss,email,游戏的时候,你又从包包里面拿出ipad或者笔记本呀?

累不累呀。 还不如只拿ipad呢。
47 楼 ray_linn 2011-06-30  
rubynroll 写道
ray_linn 写道
rubynroll 写道
iPad纯粹就是拿来玩的,我就用一个功能:查看email,图它开机快。剩下的就是给小孩玩了,嗯,iPad最适合2-5岁的小孩了。阅读就算了吧。



ipad开机40秒吧?android开机是乌龟爬


现在这种嵌入式OS哪个还真的“关机”啊? 我说的开机是指从深度休眠中唤醒,1妙足矣。PC要许多秒,笔记本就算快点,也要好几妙,加上开合的过程,加上移动鼠标,点击....iPad就是按一下,点一下就是了。再说,iPad经常扔在沙发上,随手操起来就用,方便。

另外iPad看Youtube也简单,我家小孩3岁都会用它看Dora, 还是个Miley fan



win8 6秒。
46 楼 RCFans 2011-06-30  
一蓑烟雨任平生 写道
说起pad,我还真想咨询一下,我的要求很简单,我经常出差,出差的路上能够同步Outlook,处理邮件和代办事宜,以及邮件附件里面的PPT、EXCEL之类的OFFICE文件和PDF,电池能用6个小时以上。

手机不行,屏幕太小,看着累。
笔记本也不行,一个是重,一个是电池不够用,长途车太颠,眼睛累,而且夏天放腿上跟烙饼似的,烤的受不了。

iPad上对于链接中包含的附件貌似不能直接打开,它没有磁盘和文件夹这个概念~~求解释~
最好用Gmail或163这种,可以在网页上查看附件的,就可以。
收邮件,不要和OutLook同步,用iPad自己的邮件程序就可以了,再安装一个SpringPad和思维导图软件,工作比电脑顺手得多。
45 楼 RCFans 2011-06-30  
iPad的输入是最爽的哦,远比键盘用起来爽,输入法貌似很“云”,连郭美美都能直接打出来。
44 楼 zwchen 2011-06-30  
一蓑烟雨任平生 写道
说起pad,我还真想咨询一下,我的要求很简单,我经常出差,出差的路上能够同步Outlook,处理邮件和代办事宜,以及邮件附件里面的PPT、EXCEL之类的OFFICE文件和PDF,电池能用6个小时以上。

手机不行,屏幕太小,看着累。
笔记本也不行,一个是重,一个是电池不够用,长途车太颠,眼睛累,而且夏天放腿上跟烙饼似的,烤的受不了。

我刚才特地又确认了一下:iPad可以同步OutLook里面的日历、邮件账户(不是邮件)、备忘录。
不过要通过电脑里的iTunes,现在的iOS 5可以不用USB线而用wifi。
Apple Store上有Outlook的ipad客户端。
出差前同步一次。

如果主要是看邮件,建议用iPad内置的mail功能,而且iPad原生支持Office文档。如果你的公司邮件设置成转发到gmail,那么可以用上真正的push功能。iPad内置的mail,如果30分钟pull一次,用户感觉到就是push了。

iPad主要是读,非常不适合写操作。对于像你这样很注重效率的忙人,估计会写邮件会让你发疯的。不过你可以买个iPad套,这个套就是一个笔记本外壳,带键盘。
或者,带一个无线键盘,估计也可以接受吧?

iPad使用10小时,真正的10小时。




43 楼 rubynroll 2011-06-30  
ray_linn 写道
rubynroll 写道
iPad纯粹就是拿来玩的,我就用一个功能:查看email,图它开机快。剩下的就是给小孩玩了,嗯,iPad最适合2-5岁的小孩了。阅读就算了吧。



ipad开机40秒吧?android开机是乌龟爬


现在这种嵌入式OS哪个还真的“关机”啊? 我说的开机是指从深度休眠中唤醒,1妙足矣。PC要许多秒,笔记本就算快点,也要好几妙,加上开合的过程,加上移动鼠标,点击....iPad就是按一下,点一下就是了。再说,iPad经常扔在沙发上,随手操起来就用,方便。

另外iPad看Youtube也简单,我家小孩3岁都会用它看Dora, 还是个Miley fan

相关推荐

    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