数极客首页

移动设备阅读器设计技巧

iPad eReader 应用出现才几个月的时间,但它们是建立再一个强大的前身基础上的,那就是书。这些应用也从Kindle和Stanza等IPONE应用中吸取经验。虽然现在有不少的模式可以从中学习,但是eReader 应用程序仍在创新和改进,并且再接下来的几年不会仍会继续。我希望以下这些设计规则可以为应用程序的设计师和开发者提供有用的参考。基本上这些这些研究基于对iBooks,Kindle和这些设备上的Kobo进行的实际使用分析,一些其他的应用例如Stanza,Comic Zeal,GoodReader以及Instapaper也被考虑在内但没有充分分析。

以下是对阅读器应用的10条设计原则:

1.根据内容设计

阅读小说与浏览网页或者电脑说明书有很大不同。读一本漫画和一本诗集(的体验)也肯定不一样。成功的电子阅读器应该能够创造出很好的适合内容的阅读体验。例如,Comic Zeal特别提供日本漫画模式支持从右到左的阅读方式。如果你的应用程序能够支持更多的内容类型,它应该允许用户选择恰好所需的交互方式。(更多请参照“个性化阅读体验”一节)。

2.考虑阅读环境

ipad的用户的阅读环境也许是在飞机上、床上、休息长凳或者其他的地方。对阅读环境的理解可以帮助应用程序设计师和开发者做出明智的开发决策。例如,在乘坐飞机的狭小空间里,我发现工具栏在顶端比在底部使用起来更加舒适(如图1)。躺在床上阅读的时候也遇到类似的问题。这只是两个例子——用户研究能够发现更多的机会来改进现有的设计。或许值得一提的是,苹果在设计指南中对工具栏位置提供了建议。

移动设备阅读器设计技巧

图A

3. 突出内容本身

使用这些应用时,大部分读者希望查找、标注以及其他工具不会影响到他们的主要目的——阅读。在上图中,iBooks的工具图标使用了灰褐色的色调,并且摆在页面的角落。再需要的时候可以找到,但是并不喧宾夺主。除了书中的文字,可以考虑更加巧妙的方式让书的内容更炫。比如,在纸质书籍中图片是固定大小的,但是再阅读器应用中读者可以缩放图片。类似的,如果书中提到一个地址,直接能够链接到一个地图是不是更好呢?

4.个性化阅读体验

可以自定义的阅读体验可以说是eBooks的最大优势之一。自定义可能是为了可达性要求或者兼容用户的喜好。eReader最起码需要满足可达性要求,允许用户改变亮度,页面颜色,字体大小(如下图)。其他的自定义项包括字体,翻页方式,行间距,页面导航以及更多。如果可能,尽量提供阅览让用户可以看到更改后的显示效果。

移动设备阅读器设计技巧

图B

5. 让用户去控制

和电视、电影这些充斥这广告、预告片和其他干扰的媒介体验相比,读书大部分是安静、独立的体验。eReader应用因为有了查找和其他一些工具从而给阅读增加了复杂性,可能会分散用户对阅读的注意力。这些工具可以增强阅读的体验,但是也有可能适得其反尤其是当用户觉得已经失去控制的时候。例如,Kobo上的工具栏在没有交互的8秒之后就会消失。相类似的,Kindle电子书上的工具在翻页的时候就没有了。相反,iBooks上的工具栏只有再用户选择隐藏的时候才会隐藏。这种交互方式给了用户最大程度的控制感。

6. 提供多种阅读路径

纸质的书籍提供了一种神奇的用户界面。任何人都可以拿起一本书来浏览,很方便的翻页定位,跳到起始和末尾,或者拨到一个特定的页数。eReader 应用程序也需要提供简单灵活的导航方式。这种导航可以结合手势和明确的导航元素。用户通过手势可以向前和向后。Stanza可以通过翻转屏幕来调节亮度。更加明确导航元素可能包括通过目录、查找或者输入特定页码来定位(图C)。所有这些都可以给应用增值——只是不要过度以致影响到用户的体验。

移动设备阅读器设计技巧

图C

7.可预知

除非你在创造一个奇幻书或者发明了一个明显优越的交互模式,否则最好遵循一些平台约定。遵循这些约定可以让用户学习和使用起来更加容易。比如,点击页面中心将会在顶部或者底端出现工具栏,点击边缘会翻页,点击停留在文字上会显示出所选择文字可以进行的操作项。这篇文章所分析的这些eReader 应用都遵循以上的这些约定。如果你的设计是一种完全不同的方式,用户可能会觉得使用困难。但是需要声明的时候,这并不表示不可以创新。只是需要高度自信新的方式明显优于现存的约定。

8.大块的点击区域

用户在页面跳转时的操作应该灵活而且容错。 特别是,不要包括缩略图或者模糊的操作目标。例如,iBooks用户需要精确的点击边缘才可以跳转页面,但是Kobo,Kindle和Stanza将可点击区域延伸到正文部分。为了帮助用户理解这些交互操作,一些应用在首次加载时提供一层覆盖的半透明层来指引新用户(图片D)。如果需要点击精确的区域,比如选择某个词,应该提供放大镜或者相关的工具。

移动设备阅读器设计技巧

图D:Stanza 点击区域

9.使用用户的语言。

大多数电子书用户在之前都有相当长纸质书籍的阅读经验。他们已经熟悉书的组织框架(比如,书,封面,目录,章节,页)和相关的事务(比如书架和书签)。用户可能希望阅读应用也能沿袭这些隐喻,那样可能使得用户使用起来比较简单。例如,iBooks显示还有多少页没有读但是kindle显示的是还有百分之多少。也许这只是一个用户习惯的问题,但是对于我来说,这需要更多的认知负载将百分比转换成对我有意义的——页数。

10. 给用户意外惊喜

惯例很重要,但是设计师和开发者仍需给用户一些意外惊喜。这些意外的元素不应该是莫名其妙的——成功的做法应该明确的提升用户体验。例如,Kobo让用户自定义自己的书签。这个功能建立在用户现有的为书籍选择书签的行为上。允许用户为电子书籍选择一个书签能够让这本书更像用户本人拥有的,以及潜意识上和这个应用本身建立一种情感联系。更进一步,Kobo应该让用户为每一本书选择不同的书签。

移动设备阅读器设计技巧

图E

来源:http://article.yeeyan.org/view/danqing/171611

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章