无干扰阅读体验无干扰阅读体验.pdf

无干扰阅读体验 写在前面 ：文中所述来自于我在UX LS和Wo rdCamp Z urich的讲话 ，在此 ，我再次感谢 活 组织者的邀请以及他们的筹备工作。 几个月前 ，我难以自制的沉浸在Kenya Hara的 《W hit e》书中 ，不论是在混乱嘈杂的列车旅途还是 在拥挤不堪的咖啡店里 ，我全然对周围的喧闹充耳不闻。作为设计师 ，这本书引起我如此料想不到 的注意就像是一个启示。 专注于某件事对大多数人来说原本就是很困难的 ，特别在智能手机发展如此迅速的今天 ，难以数计 的通知消息充斥着我们的生活。 现在我们拥有Readabilit y ，Inst apaper ，A dblocker这样的阅读工具 ，甚至说我们可以自由的阅读任 何我们感兴趣的信息 ，但事实上呢 ？阅读范围的扩大并不代表我们阅读质量的提高。最终 ，仍还有 大量的没被发现的 ，不引人注目的 ，没有被分享的 ，等待人阅读的文字存在。 这不是我们所期待的阅读时代 通过我们设计 ，重塑读者阅读体验是我们作为设计师的首要工作。 如何打造无干扰阅读体验 ？ 打造无干扰阅读体验 ，首先 ，意味着要排除屏幕上任何可能成为干扰的因素。 he Bird Paradox 我将屏幕干扰这一概念称之为Bird-paradox。你可能玩过Flappy Bird ，可这和无干扰又有什么关 系呢 ？请接着看。 显而易见 ，整个游戏都是关于专注力。任何一点点的分心都将导致死亡 ，受伤 ，游戏结束 ，即便已 经有大量的游戏攻略告诉你如何玩得更好 ，但都只有一个核心 ，不要去关注分数 ，仅仅是专注专注 ，不断的专注。 当然了 ，设计阅读体验和开发游戏不是一回事 ，但相似的对于专注力的渴求确是一致的。 接下来我们将接着探讨如何把读者从该死的阅读体验中解救出来。 版式内容 显而易见 ，版式和内容很大程度上取决了我们所读所看的意义。 事实上 ，很多人都说他们已经尽可能的摘选了可读性高的美妙的文字内容 ，有时这并不是最重要的 ，要知道版式所起的作用更值得我们去注意。 请阅读Mat t hew But t erick’s pract ical t ypography guide 你将会发现这儿有些规则 ，甚至说诀窍 ，能完全有效提升阅读体验。差劲的排版也并不是看上去多 糟糕 ，只是更容易让人们分心 ，放弃阅读罢了。 帮你还有你的读者一个忙吧 ，尽力去找到最合适的版式。 模仿需谨慎 盲目的将物理实体的体验照搬到数字媒体应用并不是一个好的设计 ，就如Erik Spiekermann曾说 ： 在阅读上 ，人们总是热爱他们习惯的。 过去 ，设计上对于书籍 ，报纸以及杂志实体的 作效仿能够被人接受是因为人们对纸媒时代的习惯 。但现在不一样 ，数字媒体占据了人们的生活 ，我们已对以数码产品为媒介的阅读方式习以为常 ， 也许可以尝试改变。 就拿翻页作比方 ，模仿真实翻书 作的轻击翻页一不小心可能会翻到随意的一页 ，读者就不得不重 整思路。而A pple现在就为iBoo ks用户就提供了“滚 翻页”和“轻击翻页”的选择。当然了 ，如果你希 望你的读者像真实读书一样体验数字阅读 ，你就把应用做得像书一样吧。 固定位置 在网页设计上 ，我们大量了使用了固定位置 ，不论是在全局选项 ，导航标志还有logo 。让我们看一 个例子 ：Focuslab LLC。一家来自美国的设计工作室 ： Focuslab利用色彩 ，字形表现了他们的品牌 ，不论你合适滚 屏幕 ，这个标幅一直都固定在视图 上方。 但是 ，并不是所有的logo设计都可以如此精美 ，值得占据这样大的空间。 当我们重新为Ho lt z brinck.co m （著名媒体公司 ）设计师 ，我们将所有的信息都糅合在同一页里 ，所 以这是非常长的一页。因此我们想着必须给页面增添一个导航 ，以至于方便用户又不影响可读性。 所以我们用了其他的方法解决 ： 当用户阅览时不仅可以利用手机自身的操作控制 ，还可以滑 右边的进度条调节。既满足了阅读体 验又方便操作。 书签 书签和固定位置的设定有着很多相似之处 ，但实质却全然不同。因为 ，它最初并不是设定好的 ，而 是根据读者的需要所决定。 尽管书签对可读性没有太大价值 ，但对于应用自身来说又非常的重要。当用户需要做个标记方便联 系上下文阅读时 ，书签就必不可少。 侧边栏 当设计师开始他的设计时 ，首先 ，他会专注于将最重要的内容展示出来 ，此时 ，他也许会对自己的 作品充满敬畏又相当满足。直到一个自以为聪明的同事路过 ，建议性的说了一句 ：“诶 ，我觉得这里 空白的地方可以加更多的东西 ，来一个侧边栏吧