设计实战!起点读书书架体验升级完整复盘 收藏

UI交互2023-01-30

起点读书 的用户数在今年迎来了 5 年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni、FANYI

关于书架

从现实中厚重典雅的书架、早年 app 常见的木质拟物 UI 书架,到今天起点 app 的书架,书架始终是读者保存与组织书籍的地方。

但不同的是,网文的书架,注意力在不断更新的文本和推荐的内容,书架更像一个订阅源的集合。起点书架提供了列表和图墙两种陈列模式,单行列表模式被 90%用户使用,因为列表模式展示了更丰富的作品更新信息。

往期案例:

用起点读书的实战案例,教你从AE制作到落地开发的方案 导语 动画可以辅助视觉制作焦点,引导注意力的方向,越来越为广大视觉设计师青睐。

阅读文章 >

一、背景 随着行业成熟,书架功能累积带来可用性的挑战。尤其是今年,起点用户量大幅增长,用户内部开始有细分的需求,我们也时常听到不同的声音。

起点承担了培育精品内容的职责,平台上追更用户更多。在书架这个重要路径,互动和召回能力有精细打磨的空间。

2016 年(左)~2022 年的起点读书书架

二、挑战 新的起点 — 探寻新的最优解

用户与业务的的诉求交缝,我们迎来了一次产研协同的改版机会。

作为体验设计师,我们希望提高核心功能的满意度,让不同用户获得简洁高效的使用体验;同时,作为网文行业的 设计师 ,我们也希望设计用户合理路径,重构有助内容业务健康发展的功能形态。

三、洞察 用户直觉认知的书架,是一个非常 简洁 的页面,这也是我们收到的持续的诉求和期待,然而事实并非如此。

1. 来自书友的洞察 起点的用户研究员和设计师合作,访谈了书架深度用户,其中包括部分担任作品运营官的专业网文用户。

同时我们测试了现有的起点 app 和改进方案初稿,希望了解他们遇到的挑战和见解。

我的地盘被挤占

书架是起点流量最集中的页面,除了书籍列表,还有关联留存和福利的签到、阅读时长,以及承担孵化作品职能的导读。这些功能争夺注意力,并让用户感到属于自己的空间被挤占。

自动使人焦虑

网文作品生命周期的变化,如更新、下架使作品在列表中的排序变动,让用户感到不稳定和焦虑。

不同场景,对书架功能的期待动态变化

同一页面承载多个用户场景:

日常追更时-书架是「床头柜」,用户只关注自己在看的两三本书,功能越简单越好;

书荒时-书架变成自己维护的一个「书城」,找书的地方,希望一秒钟把养肥的书翻出来,依赖排序、筛选等功能,工具属性变强。

用户分群,形成不同需求

部分用户习惯保持书架只有少量书,而有些则会添加上千本。普通用户会出于对作品的支持成为作品运营官。分群用户养成了不同的书架使用习惯。

网文阅读时间长、平台经验越久的用户,对书架要求越高。

这看起来像少部分专业用户的烦恼,但对于起点来说,核心用户正是阅读沉浸度高,书龄近 5 年的资深网文读者。设计无法消除复杂性,而是将复杂性放在合适的位置。

2. 深入现状

3421 份 用户问卷展现了更详细的用户特征和行为差异:

书架不同作品数用户的常用功能与难用功能

书籍量 与高付费、高活跃、网文阅读历史久正相关,是 资深网文用户 的一个特征; 书架常用功能 TOP3 签到、推荐票、书详情 ,其中 两个是单书功能卡的快捷操作; 书籍量超过 500 本的用户对管理需求显著更高,对已有功能批量管理、排序、筛选的不满程度远超其他用户; 书架作品数多的用户常用互动功能,也更易书荒,导读使用率和接受度都更高。 除了阅读书籍,书架还是支持运营作品的重要节点。

这个发现让我们感到兴奋,它也揭示了重塑更优路径的机会。

四、设计方案 1. 重新定义信息布局

① 弱化导读侵占感

新版本每日导读和书列表分区更明确,书列表展示区域更大,满足用户对于「我的地盘」拥有感的期待。

② 围绕行为组织功能

排序、管理、筛选等功能聚合为管理操作栏,方便快速找书。

低管理需求的用户也可以选择自主关闭,保持书架简洁;

③ 隐藏高级功能

筛选是典型的深度用户需求。新版在原来的筛选功能基础上做了分级。

点击筛选,快捷操作栏展示高频条件;再次点击更多才会展开更专业的多维筛选。

④ 符合直觉的排序

为什么加的书会乱窜?—— 访谈原声

用户在日常追更和主动使用排序功能找书时,对排序功能持不同的预期。我们明确两种场景,重构了排序规则。

追更场景:日常使用、刷新、自动同步——混合排序;

例如,用户使用更新时间排序,数据刷新时更新的书往自动往前排;同时假如用户刚阅读过一本书,其也会自动往前排。

主动找书场景:手动切换排序——仅使用排序维度重排。

2. 提供高效工具

一个分组里 795 本书,书太多了管理一次好几个小时。—— 访谈原声

起点超过 3 万起点用户书架里有 2000 本以上的书。我们希望书架不止可以愉悦追订,也可以完成高效的管理。

管理功能在书架上占据更重要的位置,批量管理应当拥有更好的操作体验。用户对于管理的诉求各不相同,但他们普遍会保持一套自己分组的逻辑,譬如按身份、按粉丝值、按养肥、按状态等。

① 支持组别间快速切换

旧版本的书架在进行分组管理时,需要频繁进入分组再退出分组,反复查看作品所处位置,这一点极大增加了用户管理分组的成本。

新版本增加了分组快速切换的能力。用户在进行批量管理时无需多次重复操作,滑动浏览过程中会收起分组更专注选择。

② 全部作品——支持跨组别管理

考虑到用户可能存在多个组作品同时处理的情况,我们增加了全部作品列表,用户可以无视当前分组状况对指定作品进行操作;同时考虑到用户作品数量可能较多,可选择临时勾选按书名排序,实现快速查阅。

③ 快速多选

操作细节上,增加手势滑动快速多选及快速全选分组,提高操作效率。

3. 加强人与书的连接

追订模式由起点首创,天然更容易形成读者对特定作者的黏附,开启了网文产业化运作。出于对后续情节稳定获取的需求,读者又形成了「养书」的模式,先把新书加入书架,稳定更新到一定字数再去「宰书」。

用户对追更提醒有诉求,单每章提醒略显频繁,积攒的字数太多又会使用户觉得难以追平,感到压力。

① 完善追更能力

阅读路径上,增加轻量的追更功能触达。每天第一次阅读书籍返回书架时,在书籍上方提供快捷开启提示 作品更新过程,完善对更新章数、字数 按节点 提醒的能力 「养肥」作品提醒。开启更新提醒后,如作品未读内容超过设定节点,展示「已养肥」标签,便于在合适的时机跟上更新进度。

② 互动

「月票机制」建立了读者和作者的强互动关系。同时围绕一本作品建立的书友值和书友圈,进一步加强了起点内部的情感凝结。这些互动让正版阅读生态活跃而有生命力。

单书功能卡是书架的一个特色功能,除了承载管理操作,也是跳转书友圈、投票打赏的快捷入口。新版本对单书功能卡的互动、管理、票赏功能做了更明确的分区,同时高频票赏功能保留在底部符合习惯的位置。

4. 重新审视行业范式

对于书架中的「分组」,4 本书封宫格排列是一种行业范式。

用户反馈「很难从列表里一眼识别出分组,有两个原因。一是起点资深用户囤书数量大;二是网封风格特点:起点书封系统覆盖了 70%的新书,相比单本定制的出版书封,网封的色块、疏密的对比更弱。

4 本宫格形式有它的优点,露出书封多,少于 4 本时有数量的隐喻,但显然这些在图版率较大的图墙模式体现更明显一些。缩小书封比例、增大了图与留白空间的对比可以改善识别,列表模式下书封尺寸小,效果也比较有限,这个区域更像书和组的「logo」。我们引入了文件夹的形式,通过 颜色辅助 识别,配合组内置顶功能,可以曲线 自定义 分组的封面。

5. 每一本好书,都是新的起点

符号是文化的抽象体现。

什么样的视觉符号可以传递 网文印象 ?

网文是开阔而喧哗的大众文本,我们选择了「江湖」这个意向。江湖是天下,是生生不息的江河湖海,又是庄子所言与庙堂相对,广阔逍遥的适性之处。

书架背景上,柔和的抽象图形描绘了辽远的山河图景,朦胧变化的极光色营造「织梦」感,几抹文字笔画「点」飘散其中,勾勒文学超越平凡生活的浪漫想象。

起点今年提出了新的品牌主张 “让好书生生不息” ,缺省态、本地书的封面等细节露出品牌意象,传递起点的愿景。

五、结语 身为内容行业的设计师是幸运的,中国网络文学正在成为具有时代意义的文化现象。刚刚落幕的起点读书「网文填坑节」吸引了超 7000 万用户参加。网络文学的意义已不仅是创造了多少传统文学标准下的「经典作品」,也在于带动了无数普通人参与了这场盛大的文学实践。

希望通过起点设计师的努力, 给每一个用户带来简单、愉悦的阅读体验,共同见证更多自由书写、深刻共鸣与恒久感动。

让起点继续陪伴作者和读者,走好每一步。

欢迎关注作者的微信公众号:「阅文体验设计YUX」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通