起點(diǎn)讀書的用戶數(shù)在今年迎來了 5 年來最大的增長(zhǎng)。隨著網(wǎng)文行業(yè)成熟，用戶構(gòu)成與行為模式也在迭代，下半年我們對(duì)起點(diǎn)的書架頁進(jìn)行了一次改版，探尋適合新階段的最優(yōu)解。—— Yanni、FANYI

關(guān)于書架

從現(xiàn)實(shí)中厚重典雅的書架、早年 app 常見的木質(zhì)擬物 UI 書架，到今天起點(diǎn) app 的書架，書架始終是讀者保存與組織書籍的地方。

但不同的是，網(wǎng)文的書架，注意力在不斷更新的文本和推薦的內(nèi)容，書架更像一個(gè)訂閱源的集合。起點(diǎn)書架提供了列表和圖墻兩種陳列模式，單行列表模式被 90%用戶使用，因?yàn)榱斜砟Ｊ秸故玖烁S富的作品更新信息。

往期案例：

一、背景

隨著行業(yè)成熟，書架功能累積帶來可用性的挑戰(zhàn)。尤其是今年，起點(diǎn)用戶量大幅增長(zhǎng)，用戶內(nèi)部開始有細(xì)分的需求，我們也時(shí)常聽到不同的聲音。

起點(diǎn)承擔(dān)了培育精品內(nèi)容的職責(zé)，平臺(tái)上追更用戶更多。在書架這個(gè)重要路徑，互動(dòng)和召回能力有精細(xì)打磨的空間。

2016 年（左）～2022 年的起點(diǎn)讀書書架

二、挑戰(zhàn)

新的起點(diǎn) — 探尋新的最優(yōu)解

用戶與業(yè)務(wù)的的訴求交縫，我們迎來了一次產(chǎn)研協(xié)同的改版機(jī)會(huì)。

作為體驗(yàn)設(shè)計(jì)師，我們希望提高核心功能的滿意度，讓不同用戶獲得簡(jiǎn)潔高效的使用體驗(yàn)；同時(shí)，作為網(wǎng)文行業(yè)的設(shè)計(jì)師，我們也希望設(shè)計(jì)用戶合理路徑，重構(gòu)有助內(nèi)容業(yè)務(wù)健康發(fā)展的功能形態(tài)。

三、洞察

用戶直覺認(rèn)知的書架，是一個(gè)非常 簡(jiǎn)潔 的頁面，這也是我們收到的持續(xù)的訴求和期待，然而事實(shí)并非如此。

1. 來自書友的洞察

起點(diǎn)的用戶研究員和設(shè)計(jì)師合作，訪談了書架深度用戶，其中包括部分擔(dān)任作品運(yùn)營(yíng)官的專業(yè)網(wǎng)文用戶。

同時(shí)我們測(cè)試了現(xiàn)有的起點(diǎn) app 和改進(jìn)方案初稿，希望了解他們遇到的挑戰(zhàn)和見解。

我的地盤被擠占

書架是起點(diǎn)流量最集中的頁面，除了書籍列表，還有關(guān)聯(lián)留存和福利的簽到、閱讀時(shí)長(zhǎng)，以及承擔(dān)孵化作品職能的導(dǎo)讀。這些功能爭(zhēng)奪注意力，并讓用戶感到屬于自己的空間被擠占。

自動(dòng)使人焦慮

網(wǎng)文作品生命周期的變化，如更新、下架使作品在列表中的排序變動(dòng)，讓用戶感到不穩(wěn)定和焦慮。

不同場(chǎng)景，對(duì)書架功能的期待動(dòng)態(tài)變化

同一頁面承載多個(gè)用戶場(chǎng)景：

日常追更時(shí)-書架是「床頭柜」，用戶只關(guān)注自己在看的兩三本書，功能越簡(jiǎn)單越好；

書荒時(shí)-書架變成自己維護(hù)的一個(gè)「書城」，找書的地方，希望一秒鐘把養(yǎng)肥的書翻出來，依賴排序、篩選等功能，工具屬性變強(qiáng)。

用戶分群，形成不同需求

部分用戶習(xí)慣保持書架只有少量書，而有些則會(huì)添加上千本。普通用戶會(huì)出于對(duì)作品的支持成為作品運(yùn)營(yíng)官。分群用戶養(yǎng)成了不同的書架使用習(xí)慣。

網(wǎng)文閱讀時(shí)間長(zhǎng)、平臺(tái)經(jīng)驗(yàn)越久的用戶，對(duì)書架要求越高。

這看起來像少部分專業(yè)用戶的煩惱，但對(duì)于起點(diǎn)來說，核心用戶正是閱讀沉浸度高，書齡近 5 年的資深網(wǎng)文讀者。設(shè)計(jì)無法消除復(fù)雜性，而是將復(fù)雜性放在合適的位置。

2. 深入現(xiàn)狀

3421 份 用戶問卷展現(xiàn)了更詳細(xì)的用戶特征和行為差異：

書架不同作品數(shù)用戶的常用功能與難用功能

1. 書籍量 與高付費(fèi)、高活躍、網(wǎng)文閱讀歷史久正相關(guān)，是 資深網(wǎng)文用戶 的一個(gè)特征；
2. 書架常用功能 TOP3 簽到、推薦票、書詳情 ，其中 兩個(gè)是單書功能卡的快捷操作；
3. 書籍量超過 500 本的用戶對(duì)管理需求顯著更高，對(duì)已有功能批量管理、排序、篩選的不滿程度遠(yuǎn)超其他用戶；
4. 書架作品數(shù)多的用戶常用互動(dòng)功能，也更易書荒，導(dǎo)讀使用率和接受度都更高。

除了閱讀書籍，書架還是支持運(yùn)營(yíng)作品的重要節(jié)點(diǎn)。

這個(gè)發(fā)現(xiàn)讓我們感到興奮，它也揭示了重塑更優(yōu)路徑的機(jī)會(huì)。

四、設(shè)計(jì)方案

1. 重新定義信息布局

① 弱化導(dǎo)讀侵占感

新版本每日導(dǎo)讀和書列表分區(qū)更明確，書列表展示區(qū)域更大，滿足用戶對(duì)于「我的地盤」擁有感的期待。

② 圍繞行為組織功能

排序、管理、篩選等功能聚合為管理操作欄，方便快速找書。

低管理需求的用戶也可以選擇自主關(guān)閉，保持書架簡(jiǎn)潔；

③ 隱藏高級(jí)功能

篩選是典型的深度用戶需求。新版在原來的篩選功能基礎(chǔ)上做了分級(jí)。

點(diǎn)擊篩選，快捷操作欄展示高頻條件；再次點(diǎn)擊更多才會(huì)展開更專業(yè)的多維篩選。

④ 符合直覺的排序

為什么加的書會(huì)亂竄？—— 訪談原聲

用戶在日常追更和主動(dòng)使用排序功能找書時(shí)，對(duì)排序功能持不同的預(yù)期。我們明確兩種場(chǎng)景，重構(gòu)了排序規(guī)則。

追更場(chǎng)景：日常使用、刷新、自動(dòng)同步——混合排序；

例如，用戶使用更新時(shí)間排序，數(shù)據(jù)刷新時(shí)更新的書往自動(dòng)往前排；同時(shí)假如用戶剛閱讀過一本書，其也會(huì)自動(dòng)往前排。

主動(dòng)找書場(chǎng)景：手動(dòng)切換排序——僅使用排序維度重排。

2. 提供高效工具

一個(gè)分組里 795 本書，書太多了管理一次好幾個(gè)小時(shí)。—— 訪談原聲

起點(diǎn)超過 3 萬起點(diǎn)用戶書架里有 2000 本以上的書。我們希望書架不止可以愉悅追訂，也可以完成高效的管理。

管理功能在書架上占據(jù)更重要的位置，批量管理應(yīng)當(dāng)擁有更好的操作體驗(yàn)。用戶對(duì)于管理的訴求各不相同，但他們普遍會(huì)保持一套自己分組的邏輯，譬如按身份、按粉絲值、按養(yǎng)肥、按狀態(tài)等。

① 支持組別間快速切換

舊版本的書架在進(jìn)行分組管理時(shí)，需要頻繁進(jìn)入分組再退出分組，反復(fù)查看作品所處位置，這一點(diǎn)極大增加了用戶管理分組的成本。

新版本增加了分組快速切換的能力。用戶在進(jìn)行批量管理時(shí)無需多次重復(fù)操作，滑動(dòng)瀏覽過程中會(huì)收起分組更專注選擇。

② 全部作品——支持跨組別管理

考慮到用戶可能存在多個(gè)組作品同時(shí)處理的情況，我們?cè)黾恿巳孔髌妨斜恚脩艨梢詿o視當(dāng)前分組狀況對(duì)指定作品進(jìn)行操作；同時(shí)考慮到用戶作品數(shù)量可能較多，可選擇臨時(shí)勾選按書名排序，實(shí)現(xiàn)快速查閱。

③ 快速多選

操作細(xì)節(jié)上，增加手勢(shì)滑動(dòng)快速多選及快速全選分組，提高操作效率。

3. 加強(qiáng)人與書的連接

追訂模式由起點(diǎn)首創(chuàng)，天然更容易形成讀者對(duì)特定作者的黏附，開啟了網(wǎng)文產(chǎn)業(yè)化運(yùn)作。出于對(duì)后續(xù)情節(jié)穩(wěn)定獲取的需求，讀者又形成了「養(yǎng)書」的模式，先把新書加入書架，穩(wěn)定更新到一定字?jǐn)?shù)再去「宰書」。

用戶對(duì)追更提醒有訴求，單每章提醒略顯頻繁，積攢的字?jǐn)?shù)太多又會(huì)使用戶覺得難以追平，感到壓力。

① 完善追更能力

1. 閱讀路徑上，增加輕量的追更功能觸達(dá)。每天第一次閱讀書籍返回書架時(shí)，在書籍上方提供快捷開啟提示
2. 作品更新過程，完善對(duì)更新章數(shù)、字?jǐn)?shù) 按節(jié)點(diǎn) 提醒的能力
3. 「養(yǎng)肥」作品提醒。開啟更新提醒后，如作品未讀內(nèi)容超過設(shè)定節(jié)點(diǎn)，展示「已養(yǎng)肥」標(biāo)簽，便于在合適的時(shí)機(jī)跟上更新進(jìn)度。

② 互動(dòng)

「月票機(jī)制」建立了讀者和作者的強(qiáng)互動(dòng)關(guān)系。同時(shí)圍繞一本作品建立的書友值和書友圈，進(jìn)一步加強(qiáng)了起點(diǎn)內(nèi)部的情感凝結(jié)。這些互動(dòng)讓正版閱讀生態(tài)活躍而有生命力。

單書功能卡是書架的一個(gè)特色功能，除了承載管理操作，也是跳轉(zhuǎn)書友圈、投票打賞的快捷入口。新版本對(duì)單書功能卡的互動(dòng)、管理、票賞功能做了更明確的分區(qū)，同時(shí)高頻票賞功能保留在底部符合習(xí)慣的位置。

4. 重新審視行業(yè)范式

對(duì)于書架中的「分組」，4 本書封宮格排列是一種行業(yè)范式。

用戶反饋「很難從列表里一眼識(shí)別出分組，有兩個(gè)原因。一是起點(diǎn)資深用戶囤書數(shù)量大；二是網(wǎng)封風(fēng)格特點(diǎn)：起點(diǎn)書封系統(tǒng)覆蓋了 70%的新書，相比單本定制的出版書封，網(wǎng)封的色塊、疏密的對(duì)比更弱。

4 本宮格形式有它的優(yōu)點(diǎn)，露出書封多，少于 4 本時(shí)有數(shù)量的隱喻，但顯然這些在圖版率較大的圖墻模式體現(xiàn)更明顯一些。縮小書封比例、增大了圖與留白空間的對(duì)比可以改善識(shí)別，列表模式下書封尺寸小，效果也比較有限，這個(gè)區(qū)域更像書和組的「logo」。我們引入了文件夾的形式，通過 顏色輔助 識(shí)別，配合組內(nèi)置頂功能，可以曲線 自定義 分組的封面。

5. 每一本好書，都是新的起點(diǎn)

符號(hào)是文化的抽象體現(xiàn)。

什么樣的視覺符號(hào)可以傳遞 網(wǎng)文印象 ？

網(wǎng)文是開闊而喧嘩的大眾文本，我們選擇了「江湖」這個(gè)意向。江湖是天下，是生生不息的江河湖海，又是莊子所言與廟堂相對(duì)，廣闊逍遙的適性之處。

書架背景上，柔和的抽象圖形描繪了遼遠(yuǎn)的山河圖景，朦朧變化的極光色營(yíng)造「織夢(mèng)」感，幾抹文字筆畫「點(diǎn)」飄散其中，勾勒文學(xué)超越平凡生活的浪漫想象。

起點(diǎn)今年提出了新的品牌主張 “讓好書生生不息” ，缺省態(tài)、本地書的封面等細(xì)節(jié)露出品牌意象，傳遞起點(diǎn)的愿景。

五、結(jié)語

身為內(nèi)容行業(yè)的設(shè)計(jì)師是幸運(yùn)的，中國(guó)網(wǎng)絡(luò)文學(xué)正在成為具有時(shí)代意義的文化現(xiàn)象。剛剛落幕的起點(diǎn)讀書「網(wǎng)文填坑節(jié)」吸引了超 7000 萬用戶參加。網(wǎng)絡(luò)文學(xué)的意義已不僅是創(chuàng)造了多少傳統(tǒng)文學(xué)標(biāo)準(zhǔn)下的「經(jīng)典作品」，也在于帶動(dòng)了無數(shù)普通人參與了這場(chǎng)盛大的文學(xué)實(shí)踐。

希望通過起點(diǎn)設(shè)計(jì)師的努力, 給每一個(gè)用戶帶來簡(jiǎn)單、愉悅的閱讀體驗(yàn)，共同見證更多自由書寫、深刻共鳴與恒久感動(dòng)。

讓起點(diǎn)繼續(xù)陪伴作者和讀者，走好每一步。

歡迎關(guān)注作者的微信公眾號(hào)：「閱文體驗(yàn)設(shè)計(jì)YUX」