• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 设计实战!起点读书书架体验升级完整复盘

  • 在路上 2023-03-04 11:01:55 收藏
  • 文章标签: 用户 书架 起点
  • 起点读书的用户数在今年迎来了 5 年来最大的增长。随着网文行业成熟,用户构成与行为模式也在迭代,下半年我们对起点的书架页进行了一次改版,探寻适合新阶段的最优解。—— Yanni、FANYI

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

    关于书架

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

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

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

    往期案例:

    用起点读书的实战案例,教你从AE制作到落地开发的方案

    导语动画可以辅助视觉制作焦点,引导注意力的方向,越来越为广大视觉设计师青睐。

    阅读文章 >

    一、背景

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

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

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

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

    二、挑战

    新的起点 — 探寻新的最优解

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

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

    三、洞察

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

    1. 来自书友的洞察

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

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

    我的地盘被挤占

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

    自动使人焦虑

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

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

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

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

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

    用户分群,形成不同需求

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

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

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

    2. 深入现状

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

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

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

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

    除了阅读书籍,书架还是支持运营作品的重要节点。

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

    四、设计方案

    1. 重新定义信息布局

    ① 弱化导读侵占感

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

    ② 围绕行为组织功能

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

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

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

    ③ 隐藏高级功能

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

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

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

    ④ 符合直觉的排序

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

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

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

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

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

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

    2. 提供高效工具

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

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

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

    ① 支持组别间快速切换

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

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

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

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

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

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

    ③ 快速多选

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

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

    3. 加强人与书的连接

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

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

    ① 完善追更能力

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

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

    ② 互动

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

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

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

    4. 重新审视行业范式

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

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

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

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

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

    符号是文化的抽象体现。

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

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

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

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

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

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

    五、结语

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

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

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

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

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

    本篇来源:优设网

    原文地址:https://www.uisdc.com/starting-point-reading-bookshelf

    评论
    Artlist模板 广告