读库APP阅读场景下交互体验

查看笔记和阅读正文的切换场景

阅读时查看笔记的场景下交互较为不便:如同大部分阅读类APP一样,在阅读时有两种状态,隐藏上下菜单的无干扰沉浸状态(且这么称呼)和显示上下菜单的状态。在沉浸状态时点击标记的笔记会弹出一个下沉菜单,查看信息后再点击空白处(也就是关闭菜单)切换回来继续看,这时底部的笔记菜单还会存在,同时遮挡了靠近底部的正文内容信息,再点一下正文空白部分,这时候并不是进入沉浸状态把菜单隐藏起来,而是顶部菜单也一并显示出来,接着再点一下才能回到查看笔记前的沉浸状态继续阅读,如果经常查看笔记的话流程阻塞严重,很难受。

浏览笔记内容

对于查看笔记以及评论时唤出的类似下沉菜单的设计,空间利用率很低,菜单顶部有固定不能滑动的区域占了较大空间(笔记打点进度条和左右切换的按钮等),实际可滑动交互和查阅的空间变得较小,大概只有屏幕整体1/3左右。

笔记不仅可以文字,还可以放图是一个亮点,按之前看到的对于这部分设计的场景规划,不仅是普通用户可以标记和撰写笔记,甚至可以让作者以额外标注的方式提供更为详细的补充信息,是一个亮点,事实上从信息提供的角度确实不错。但目前笔记内容在有图的时候,通常图是显示不全的,且有较多嵌套不居中的框层层叠叠,看起来界面很琐碎。

笔记打点进度条

这个笔记进度条吧,在手机小屏上选点是不现实的,点很密集,所以实际上滑动交互可用性很差(虽然形式看起来有特色,但太流于形式了),实际可用的交互是左右翻切换上一个和下一个,但左右切换又会丢失我当前所看进度,翻了几次后根本不记得是从哪翻起来的了,于是我的阅读进度就乱了。我的习惯是边看正文边看标注,而不是为了查阅和遍历笔记,不知设计初衷是怎么考虑这个场景的。

微信读书查看笔记是点击以后以弹窗方式呈现,不会显示上下菜单,在微信读书APP里,上下菜单主要是设置阅读相关的版式布局等等,和查看笔记/评论两个场景在入口上分离开了,也就没有互相干扰的情况了,滑动查看评论的界面虽然都是弹窗样式,事实上是全屏可用的(就像聊天界面一样)。记录笔记是纯文字的,不支持图,微信读书APP中这个标记文字的定位,更多的是评论,而未必是作为「信息补充」的存在,社交属性更强一些。