大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

在移动app上,怎样算是良好的阅读体验?

在移动app上阅读电子书,怎样的交互界面算是拥有良好的阅读体验?

在我们阅读时,主要有以下三个部分内容和操作。

一、正文


二、对正文字句的操作

可以包括:标记(划线、高亮)、笔记、搜索/查词、翻译等

三、顶部底部菜单栏、侧边栏


对第一点中正文内容的设置操作、目录、书签、定位搜索、听书、互动操作等其他设置。


以下选取微信读书、网易蜗牛阅读、Anyiew阅读的阅读界面进行探讨分析。

1、字体设置、排版

字体设置方面,微信读书提供了七个大小级别和四种字体样式:系统默认、思源宋体、思源黑体、和汉仪新人文宋。

以下是在中等大小的各类型字体显示的界面。

从左至右:汉仪新人文宋 、思源宋体、 华为系统默认、思源黑体;

微信读书的排版是自动排版,没有手动设置行段间距等操作。

而网易蜗牛阅读提供紧、中、宽三种行间距以及段首缩进加宽的手动设置方式。

字体则有六种大小选择和四种字体样式:系统默认、 精编字体、 思源宋体、 思源黑体

从左至右:精编字体、 思源宋体、 思源黑体

虽然和微信读书提供了相同样式的字体,但在界面上的样式看起来还是不一样的。

在Anyview阅读里,更是有近20个层级的字体大小设置、自定义字体,在更深一级的入口里面,还有字体阴影、阴影大小、阴影颜色、左右边距行间距等设置。

以下分别是最小字体、中等字体和最大字体的显示效果。

从这三个app的字体设置来看,都以简约字体为主,其中微信阅读和网易蜗牛阅读都以“轻设置”为主,只提供少量的字体和排版设置选项,微信读书更是直接采用自动排版。而Anyview阅读可能是因为更偏向于离线阅读和小说阅读(年龄层更低),提供了更加丰富的设置操作,以提供能更好的阅读排版,弥补文本文件的弊端。

但个人认为字体阴影、颜色、大小的设置略显多余和臃肿,而字体大小也可以控制在更小的范围内,从上图可知,最小字体和最大字体都不在正常人的阅读习惯范围之内。

而在现在在线阅读越来越广泛的今天,微信和网易蜗牛阅读的在线阅读“轻设置”模式更讨喜,从下图也可以看出,微信读书和网易蜗牛阅读的设置面板更加简明清晰,相比之下Anyiew阅读的设置面板就显得复杂多了。

2、背景主题

个人认为这是很重要的一点...在阅读时,特别是需要长时间阅读的电子书,一个舒适的背景主题至关重要。

微信读书有四种主样式:简约的白底黑字主题,仿传统书本的原木色背景、“护眼”的绿色北京、黑底白字的夜间模式。

可以看出微信读书在主题样式方面也表现出了微信系一向“克制”的风格:四种样式,比较合理、刚好够用。

但缺点是原木色和绿色的字体颜色没有随背景颜色的变化做调整,比如在绿色背景下采用深绿色字体(但是这个用户之间应该各有看法,主要与习惯有关),而且夜间模式的黑有点太黑了:)

微信读书主题样式

网易蜗牛阅读的背景样式比微信阅读多了两个选择,两个颜色更浅的过度色。

网易蜗牛阅读主题样式

相比前两者的纯色背景,Anyview阅读有更多带纹路的背景样式,更像传统的阅读器器,有大量拟纸张化的背景纹路。

Anyiew阅读主题样式

拟纸化的纹路背景和纯色背景不能说孰优孰劣,但在移动化的今天,很多传统阅读习惯也在慢慢改变。当用户看新闻、聊天大部分都在手机端,而这些的背景基本都是纯色的,所以对许多读者长年不阅读纸质书的读者来说,也许纯色背景比拟纸化背景更容易习惯。

3、阅读进度显示及调节

在微信读书阅读界面的左上角,会显示当前阅读章节,包括章节数+节名称(不一定就是节,取最低一级的名称),在右下角能看到当前页/总页数。而若当前是本章第一页,左上角则不显示当前阅读章节。

调节阅读进度需要唤起菜单栏,可以直接拉进度条也可以快速切换上下一节(如从1.2-1.2,不能切换章)

网易蜗牛阅读则将当前章节和阅读进度都放在了右上角,阅读进度的调节和微信读书大同小异。但这里是直接用上一章、下一章的文字提示上下章的跳转。但上一章、下一章跳转又不是真实的跳章,还是从x.y跳到x.z(x.y是本章最后一节除外),而按用的常规的理解,这应该是跳到下一节。

Anyview阅读则是在左下角显示书名,中间以百分数形式显示本章阅读进度,右下角还有系统电量显示。

4、翻页方式和交互

翻页方式一般有两种,上下滑动和左右分屏限定。

我们一般在手机端阅读新闻等信息流或PC端阅读都是上下滑动,但这种方式的缺陷是难以定位阅读焦点。

在这三个阅读器中,微信阅读和Anyview阅读默认采用左右分屏限定的阅读模式,网易蜗牛阅读则采用上下滑动阅读的模式,但可以在设置中更改。只有微信读书是只有左右分屏限定一种模式的。Anyview阅读中则还有横屏显示和自动下滑、翻页的功能。

上下滑动阅读虽然更符合我们平时阅读模式(新闻、朋友圈动态、抖音短视频都是采用上下滑动),但对于电子书这种长篇的阅读内容,左右分屏限定的阅读模式更容易让用户抓住文章焦点,将注意力专注在阅读上。而对于Anyview阅读提供的网络小说来说,又不是这么注重阅读专注,因为对快小说而言,更关注的是其情节和内容,相对不需要阅读器的辅助专注,而是与用户的使用习惯关系更大。

还有个一比较贴心的交互是,在微信读书中,,如果用户用手指左右滑动的话,翻页是采用滑动的显示方式,如果是在屏幕左右方轻点,就直接采用整个页面跳转的交互方式。这是在其他两者中没有的。

5、标记、笔记、书签

字词句段的标记方法一般有划线、高亮、改变字体颜色等,那用户在什么情况下需要做标记?

一个是必须对字词句段有感觉,需要和别的内容区分开来,比如总结性的字段、觉得描写不错的场景、内容与上下文有呼应的时候、对语句存疑的时候等等。

二是做了标记说明值得区分,值得注意,并且潜意识有会回头翻阅的动机。

还有一种是用户标记了这句话,想让自己更专注针对这段话去思考,特别是一些晦涩难懂的话,或者用户处于一个不太安静的环境或心态下,划线、高亮句子能够促进用户更专注。这样的话,划线也更容易促进用户记下笔记。

而做笔记呢?用户做笔记比标记做了进一步的动作,把心里的感觉、共鸣等总结成话语写了出来。用户做笔记的门槛比标记高,除了用户需要“有感而发”,把想法连贯起来,还需要有一个合适的环境,个人觉得在拥挤的地铁里要稳稳地把笔记输入进去还是比较困难的,但对很多人来说,地铁、公交也是一个比较高频的阅读场景了。

然后是书签,书签的设计也是为了做标记,但更加强调方便跳转。同时,书签一般是对一页内容做标记,比划线的标记法更“隆重”,标记的意识也更强烈,但针对性比字词句段的标记更模糊。


在微信阅读中,采用划线的说法标记字段,有高亮、直线下划线、曲线下划线三种选择方式,而且把划线的入口放在长按后的第二个选择,仅次于复制,对标记这个功能还是比较重视的。而笔记放在了长按后的第二个入口,而且是只能对特定的选择句段进行笔记,或在书本阅读完以后进行书本点评,不能对一章、一节写想法,写完想法后若字句没有被划线,则默认在字句下方添加虚线下划线。在阅读页点击写了想法的地方会弹出想法内容

书签方面是放在右上角的菜单栏里,而且是比较深的入口,引出底部菜单栏后还需要水平右滑才能找到。添加书签后在阅读页面的右上角会有一个红色的书签标识。

同时,微信阅读把书签、想法(笔记)、划线的查看入口都放在底部导航中的第一个菜单选择呼出的左侧抽屉中,位于目录旁边。而且这三种类型的标记都放在一起,以小图标区分,并按所在文章前后顺序从上到下排序,点击可以直接跳转相应的页面,长按也可以直接删除,同时还在右上角贴心地提供了“仅查看书签的筛选项”。

*为什么书签看来隐藏得比较深的功能会被单独做一个筛选项呢?而不是“仅查看笔记”或“仅查看想法”。应该是划线在文章中会有比较直观地提示,而且划线和想法更倾向于让用户直接看到标识,而制定书签更有一种快速跳转的需要,所以既然把三种标识都记录在一个地方,那书签应该是在这个入口使用频率最高的。


网易蜗牛阅读的划线、记笔记(这里叫做“批)和书签的操作入口和微信读书一样,但划线只有一种高亮的显示模式,书签的入口比微信读书也浅一层,引出底部菜单栏后直接就可以添加书签,但添加书签后页面没有明显的标识,只有在呼出左侧抽屉时看见书签的存放地,而且长按也不能删除,必须回到添加书签的地方取消书签。

网易蜗牛阅读把划线和批的操做入口直接放在了轻按页面呼出的一级选项——右下角的“批”字,也将“批”和“划线”合并显示。


Anyview阅读中就没有像前两者中重视这几个功能。首先是没有划线的标记功能。在阅读界面是不能长按选择字句的,需要复制或写想法需要先轻按呼出底部菜单栏,点击“选取”,选取相应的字句后选择复制、笔记等操作。而且在阅读界面是不能找到自己的笔记的(找了很久没找到,不是没有就是入口很深),只能在个人主页的我的想法中才能找到自己写的想法。

而轻点屏幕就可以直接添加书签,但不能在该处取消书签!页面也没用书签标识,重复按书签按钮会反复提示添加书签成功。书签查看同样是放在目录旁边的Tab,可以直接点击删除图标删除。


在用户阅读的标识方面,微信和网易蜗牛阅读比Anyview阅读提供了更丰富的功能和交互方式,网易蜗牛又比微信提供相对更便捷的入口(批和书签的添加和查看更加便捷)。其实从Anyview阅读的用户群和提供内容来看,主要提供网络小说阅读,需要操作到到批注和标记的频率很小,就有理由将这些功能的入口放这么深了。

同时,微信阅读和网易蜗牛阅读都倾向于将笔记和划线结合起来,认为划线的下一步是促进用户记笔记,促使用户产生可沉淀的内容。

这里想单独对微信阅读和网易蜗牛阅读对用户阅读中想法沉淀的处理方式。

微信阅读在用户互动、交流的关系处理上保持了微信一贯的克制原则。在微信阅读中,是可以在阅读界面中看到他人的公开笔记的,也在左滑抽屉中单独设置了热门划线一个分类。就给在用户阅读时提供了他人的想法分享和阅读思考。他人想法的查看主要有两个入口,一是在阅读界面中,右上角呼出的地步菜单中有一个热门讨论的选项,收录了读者在这本书上留下的想法,而且可以对其进行转发、爱心、评论的操作,这里就突破了微信中的好友关系圈的互动圈子,而是在同一阅读兴趣的基础上进行信息分享和互动交流,在微信中是很难得的一个陌生人交际点,不过目前入口较深,还没有放在比较重要的位置,还是要看用户的使用数据反馈。同时在这里的第二个Tab中也可以直接查看好友的想法,如下图图一。第二个入口是在主面板的“想法”Tab中单独展示了好友写下的阅读想法,也包括好友的书籍点评、分想、转推的他人想法、引用的他人想法。到这里不得不感慨微信读书设计的精妙和克制了,巧妙地将陌生人、好友和用户的关系平衡处理。用户接触陌生人的信息内容有两个方式:共同阅读兴趣且一方的想法得到相对多的关注、自己的好友对这位陌生人的想法进行了推荐和想法引用,而前者又比后者入口深。

在网易蜗牛阅读,在把笔记放在较浅的入口下的同时,还设置了一个问答的功能,入口在阅读界面的右上角。用户进行提问并邀请他人回答,也可以回答他人的问题和与其他人进行交流互动。也是一个很棒的阅读场景,用户在阅读时遇到不明白的地方和想讨论的内容“伸手”即可互动,也不会局限于自己的好友阅读圈中,让阅读不再是一个人的事

*但如何保证用户的提问都是与书本相关的呢(如何避免垃圾提问、广告)?现在在问问答里面是可以在用户回答里面找到举报操作的,但对于问题没有相应的举报操作,应该是问题讨论的数量不够大,如果用户参与量可观的话后期应该还是要建立相对完整的问答维护机制。



其实还有很多很多可推敲的点,但是篇(xie)幅(bu)有(dong)限(le),对三者的阅读交互就暂时分析到这里。

总的来说,只看阅读界面的话,由于三者产品定位和目标用户不同,微信读书面向大众以及依托微信强关系链,阅读界面够简洁、克制,在阅读场景上也把熟人关系链作为切入口;网易蜗牛阅读则符合网易一贯的垂直、精致的风格,阅读界面简洁精致,轻量级,在阅读场景上也在打造一个尽量让用户感觉到“舒服”和“温暖”的讨论社区(问答,感觉有点想网易云音乐早期的评论区)。Anyview阅读则是传统的主打小说阅读和离线阅读APP,相比于掌阅等传统电子书阅读APP,Anyview阅读已经相对“轻量”了,但其低龄化的用户群体决定了Anyview阅读不会做到像微信阅读一样简洁和克制,Anyview阅读给了用户很多个性化的选择,玩法也更多变。

人类的阅读方式从纸张到电子书迁移的过程中,互联网也一步一步慢慢改变人们的生活习惯,当阅读刚从纸质书迁移到电子设备上时,阅读的一切形式都在模仿纸书阅读,拟纸化的背景、翻书式的翻页交互......而随着互联网用户们对电子设备的熟悉和习惯,传统的阅读习惯也在一步步改变,背景不一定要有问路,看着简洁舒适就很好;翻页也不一定要像翻书一样交互,轻触渐变的模式用着也不会不舒服。

在繁复的社会生活中,当工作和竞争挤压了生活空间,还是希望人们可以在拥挤的路上、丧气的时间可以有默默地看上一会书,并且体验还不错。