细节很重要:Flipboard 仍在优化翻页动画

 

editor

Flipboard 刚刚发布的时候,曾经引起了媒体的广泛关注。那时候,平板上精品的阅读类应用还比较少,而且它提升社交化阅读体验的尝试,给了用户极大的新鲜感。如今,阅读类应用越来越多,Flipboard 面临的竞争日益激烈。要留住用户,就必须在设计上不断进步。

从应用的翻页设计上,我们可以看到 Flipboard 提升用户体验的努力。在 Flipboard 尚未成型之前,两位创始人 Mike McCue 和 Evan Doll 思考的是如何为平板时代打造杂志类应用。那时候,他们还没有想到个性化、社交化等问题。

他们开始试验不同的设计,而火车站的翻页式报站牌是灵感来源。“我们的想法是,让方块页面向下翻转,后来又尝试了传统的翻页,” Mike McCue 对 Fastcodesign 网站说,“但是都不好用”。

 

这个问题被公司的第一名员工 Gee Tsai 解决了。他对翻页式报站牌的设计做了调整。页面不再是垂直地翻转,而是水平地翻转,并且跟踪用户的手指动作。这个设计得到了 McCue 的认同。“我试用的时候,立刻感觉到,‘哦,我的天!就是这样!就是这样!’”,McCue 回忆说。

Flipboard 的翻页动画是其用户体验的重要部分。“它是 Flipboard 之所以为 Flipboard 的经典手势,”McCue 说,“我们不断地优化它,投入了大量的精力。”

不过,当工程师们首次看到这个概念的时候,他们的反应是一致的:你们疯了,这根本就不行。看似简单的手势,真正实现起来却并不容易,特别考虑到早期平板的性能问题。在 McCue 看来,这种挑战正是他们所需要的。“那种效果是没有操作系统支持的,它非常难做,”McCue 说,“我们需要将下页和上页的截图结合起来,而且要做动画过渡。这意味着我们必须加载两个页面,然后使其驻留在内存。在小型设备上,这是很大的挑战。因此,你会发现,模仿它的人并不多。”

在应用设计的早期,McCue 和 Doll 尝试过拟物化的卷页设计,还试过页面滑动的设计,但是他们对此都不满意。“滑动的时候,你的眼睛想要跟随文字。当你进行了多次滑动操作后,会有些眩晕感。在 Flipboard 上,只有 50% 的屏幕在不断运动中,通常不超过 50%。”McCue 说,“这就是它如此奇妙的原因,你的眼睛不需要一直跟踪它,它给人一种叙述感,发现感,一种惊奇。”

在 Flipboard 2.0 中,开发团队引入了“快速翻动”。用户可以快速翻动页面,而且感觉不到任何的滞后。翻页的设计上还考虑到了用户翻动的力度。McCue 说,当页面落下的时候,给人的感觉是落到了气垫上面。

Flipboard 的翻页手势是 McCue 最喜爱的功能之一,不过,他也承诺未来会有更奇妙的东西。“我们还准备了其它的惊喜。在新 iPad 强大的处理器支持下,动态效果让人震惊,”他说,“当你看到的时候,会大吃一惊的。”


Tags:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

css.php