读书阅读器

概要

2016 年冬天,Flyme 6 发布。在此次系统大版本更新中,我为魅族读书做了一系列的体验优化,其中就包括阅读器。

设计目标

  1. 让内容更有品质感
  2. 让体验更有沉浸感

设计难点

当时我们拿到的内容资源质量一般,比如没有高分辨率的封面图片,也没有精排版的图书。在短期内无法更换内容源的前提下,如何让内容更有品质感?

另外,魅族读书尚处于新生阶段,还有很多功能待补充,如何重新设计一个信息架构,使得版面既简洁清新,富有沉浸感,又能兼容以后的功能拓展?

我带着这两个问题开始设计。

向纸质书学习

图书的装帧有着悠久的历史。千百年来,一代又一代的出版人煞费苦心地研究如何提供最有品质感的阅读体验。我想,电子书想要做出品质感,向纸质书学习必然是成本最低的方式。比如很多电子书读者津津乐道的拟真翻页动画,就是在谦卑地复刻纸质书的翻页体验。

我首先学到的是扉页、末页,以及章节首页的版式。
 

我们的电子书文件中没有扉页和末页,以致于从书店中第一次打开一本书,扑面而来的就是第一章的第一页的第一句话;而读完一本书的时候,也是发现翻不了页了才恍然大悟已经读完了。我也是个热爱读书的人,在我看来,读书是灵魂就餐的过程。就餐不能纯粹为了效率,吃得愉快比吃得快更重要。

在我们打开一本纸质书的时候,第一页必然不是正文——通常是书名,然后是目录,甚至还会有一些跟图书内容有关的素材(比如《禅与摩托车维修艺术》前面会先展示主人公的旅行路线图)。而当你看到新的章节时,往往会发现新章节的第一页有很多留白,或者很多修饰。我觉得这就像是中国的屏风,又像是一场演出的暖场表演。

于是,我为所有在线图书新增了扉页和末页。另外,在内页的所有章节的第一页,加大章节名的字号和周围的留白:
 

这几个改动点,开发成本极低,但是能将品质感提升一个档次。

也许你会问为什么不放封面图片呢?封面确实也可以承担“扉页”的功能。但是如前面所述,在短期内我们拿不到高分辨率的封面图片。而且,我们的内容有超过一半是网络小说,网络小说的封面通常缺乏设计感,直接充当扉页,并不能提升品质感。

沉浸的阅读体验

怎样才算是真正的沉浸?我之所以有这样的疑问,是因为我发现了电子书行业里的一个“小现象”。常见竞品的阅读器在沉浸阅读时是这样的:
 

我觉得各家都做得很不错,在沉浸阅读界面尽可能精简信息,把用户的注意力留给图书内容。但是当你呼出工具栏的时候,它们分别是这样的:
 

为了说明问题所在,我拍了两张照片:
 

我的意思是,呼出的工具栏如果挡在内容上方,会把用户的阅读思路完全打断,他不得不离开书中的情节,认真对付弹出来的各种按钮。而实际上用户呼出工具栏,可能并没有明确的目的,可能只是在犹豫是否回到书架,甚至可能只是不小心误触了。

有没有可能在工具栏出现的时候,用户仍然不需要离开当前的阅读内容?——这样只有你真正想要操作的时候,你才会离开沉浸的状态。

这也是我所能想象到的最极致的沉浸阅读体验,它也许只是好了那么一点点,但是从长期上看,它能帮助魅族读书跟竞品形成鲜明的差异,同时也更符合 Flyme 的美学。

经过一系列的尝试,最终得出方案:
 

为达成最终的方案,我做了两个关键的决定。

一是控制顶部和底部的留白。从排版上看,必须要有足够的留白才能让版面有呼吸感,让内容更加易读。虽然有些竞品把边距缩得非常小,以放下更多的文字、减少翻页,但是我们认为,对于大部分用户而言,阅读舒适比翻页次数更为重要。注重阅读品质的微信读书和网易蜗牛读书也确实跟我们一样都保留了足够的留白。


二是将版式和亮度整合在同一个设置面板中。我们当时做过一个很有意思的用户调研,拿着阅读器的界面问若干受访者一个问题:“你觉得调整背景色应该点哪里?”结果是选择“版式”和选择“亮度”的用户各占一半。其实这是因为用户对阅读器的一些设置项有着不一样的心智模式(取决于他的生活经验),一个固定的交互模式无法匹配上各种各样的心智模型。而如果将版式和亮度整合在同一个面板里,不管用户想要“修改”什么,都只需要点击同一个入口。

足够的留白使得工具栏不需要遮挡图书内容,而版式和亮度两个入口整合在一起则节省了空间,让常用的操作可以聚集在底部。

一年后的自我评价

这套阅读器的方案是一年前做的,一年后的今天再看,发现有些细节还可以继续优化。

  1. 扉页上如果能显示全书的预计阅读时长,估计会更有实用价值。
  2. 从用户反馈的数据来看,一部分网络小说读者用户仍然希望页面留白减少。因此,也许可以考虑增加“边距”设置项。当然,喜欢窄边距的用户必须得牺牲沉浸式的工具栏了。
  3. 默认的边距还能更小一些。
  4. 版式和亮度整合后的入口图标是“Aa”样式,如果能换成一个“齿轮”图标,相信用户更容易理解。

这次设计中我最深刻的感悟是,每个产品在不同阶段都会有不一样的短板,好的设计不应该只是锦上添花,还需要能把一手普普通通的牌,打出最漂亮的结果。