微信讀書App產品拆解

13 評論 15339 瀏覽 126 收藏 28 分鐘

編輯導語:用手機閱讀是很多用戶消遣時間的方式,故而在閱讀類app領域,競爭同樣很激烈。本文從產品功能、產品結構幾個方面入手,對微信讀書app進行了產品拆解,希望對大家有所幫助。

一、產品功能概述

微信閱讀app主要實現了用戶找書、讀書、社交這三方面功能。

  1. 找書:查看書架,用戶自行搜索、朋友在讀和系統推薦4個途徑;
  2. 讀書:可設置閱讀頁面進行個性化閱讀風格;閱讀頁面還原紙質書籍質感,強調精致排版;閱讀時可劃線、寫想法和分享,主打精心打磨的閱讀體驗;
  3. 社交:通過朋友在讀書籍/收藏書單推薦、分享/評論/點贊/組隊、個人主頁設置、閱讀時長比拼等途徑實現。

二、產品結構概覽

APP包含閱讀、書架、發現、我,共4個頁面。其中,閱讀頁主要實現找書和參加活動功能,書架頁主要實現看書功能,發現頁主要實現社交和參加活動功能,我頁主要實現信息查看(個人信息、購買信息及閱讀信息)和設置。

具體產品結構如下所示:

三、結構分解與分析

3.1 閱讀

閱讀作為app的首頁,主要提供找書籍的功能,分為搜索模塊、閱讀歷史模塊、卡片信息流模塊、福利場入口4個模塊。其中搜索模塊、閱讀歷史模塊、卡片信息流模塊依次排列在頁面,福利場入口通過在閱讀頁下拉進入。

各模塊功能如下:

(1)搜索模塊:包含搜索欄、書城入口和分類欄

  • 點擊搜索欄->彈出鍵盤,并顯示熱門搜索和猜你喜歡
  • 點擊書城->進入書城頁
  • 左右滑動分類欄->展示分類欄
  • 點擊分類欄某分類->進入書城某分類頁

(2)閱讀歷史模塊:包含閱讀時間模塊和近期閱讀模塊

  • 點擊閱讀時間->進入閱讀時長頁
  • 點擊近期閱讀->進入書籍閱讀頁,定位上次閱讀位置

(3)卡片信息流模塊:該模塊包含若干卡片信息流,通過下滑操作,以卡片信息流為載體,分為活動運營、閱讀推薦、福利場3類主題

通過3類共15種卡片,微信讀書使書籍信息和活動福利更精準地觸及目標用戶,達到書籍推薦,提高用戶活躍度的目的。

(4)福利場模塊:該模塊通過在閱讀頁進行下拉操作進入,以卡片信息流的形式展示活動詳情

卡片包含活動名稱和活動入口,共包含每日一答、組隊抽終身無限卡、邀請微信朋友、周四集贊得12天聯名卡、TOP 200/飆升分享得1天無限卡、翻一翻、(每周一)無限會員日、讀書小隊8個活動?;顒訖C制為用戶通過參加游戲、邀請、組隊、分享、點贊,獲取無限卡、書幣或免費書,以福利驅動最終達到拉新促活的目的。

  • 點擊每日一答->進入微信小程序界面
  • 點擊組隊抽終身無限卡->進入活動介紹頁面,點擊邀請好友加入隊伍->進入微信轉發頁
  • 點擊邀請微信朋友->進入微信轉發頁
  • 點擊周四集贊得12天聯名卡->進入活動介紹頁面,點擊分享到微信群/朋友圈->分別進入微信轉發頁和朋友圈頁面
  • 點擊TOP 200/飆升分享得1天無限卡->進入活動介紹頁面,點擊分享->進入微信轉發頁
  • 點擊翻一翻->進入活動介紹頁面,點擊任一卡片->彈出彈窗,獲得贈書
  • 點擊(每周一)無限會員日->進入活動介紹頁面,點擊購買/抽獎->進入購買會員頁面
  • 點擊讀書小隊->進入微信小程序界面,界面包含活動介紹和活動入口,點擊活動入口->進入微信轉發頁

頁面詳情結構如下:

  • 頁面在頂部提供書籍搜索入口,有輸入關鍵字、書城內查找、按類查找3種方式,該部分在頁面占比較??;
  • 中上部提供本周閱讀時間和近期閱讀的書籍入口,主要起到讓用戶迅速掌握自己閱讀狀況,提供書籍閱讀快捷入口的作用,該部分的頁面占比也較??;
  • 頁面中心為一張隨機推薦卡片,該卡片占據頁面最優位置,最大占比并選用最大字體,使用戶注意力集中于此。

通過頁面不同模塊位置設計及占比分配,可推測微信讀書app在用戶讀書前找書的環節更傾向于通過系統推薦、朋友在讀、活動推薦的方式給用戶展示書籍,幫助尋找書籍,而不是讓用戶自行查找。

頁面布局結構如下:

3.1.1 書城

書城頁主要實現搜索書籍、分類查找書籍、推薦書籍的功能,可劃分為搜索模塊、分類模塊、推薦模塊3個模塊。

各模塊功能如下:

(1)搜索模塊:包含搖一搖和頂部搜索框

  • 點擊搜索欄->彈出鍵盤,并顯示熱門搜索和猜你喜歡
  • 點擊搖一搖->終端有震動音效,并彈出一張推薦卡片,卡片展示書籍封面、作者、簡介,和“立即閱讀”入口

(2)分類模塊:劃分為8大分類(男生小說、女生小說、聽書、紙書、XX月新書、分類榜、書單、免費書)

點擊某分類入口->進入該分類詳情頁

(3)推薦模塊:該模塊用2個banner進行區間劃分,隔離出3個推薦書籍/書單的信息流梯隊

  • 點擊“換一批”->該子模塊中內容更新
  • 點擊“查看全部”->進入該子模塊
  • 子模塊通過右滑操作,展示下一屏

頁面詳情結構如圖:

書城頁面以banner進行模塊區隔,劃分出搜索模塊、分類模塊、推薦模塊3個模塊。整體界面呈現總-分的邏輯,搜索欄和分類欄占據頂部位置,占據較小頁面;推薦模塊由各種主題的展示板組成,占據頁面中心位置,通過下滑操作進行瀏覽頁面。

頁面布局結構如下:

3.2 書架

書架頁面主要提供搜索書籍、登錄電腦端/墨水屏端、導入書籍、查看并管理書架/書單、閱讀書籍5大功能,可劃分為頂部功能模塊、書架管理模塊、書單管理模塊。

各模塊功能如下:

(1)頂部功能模塊:包含搜索框、+號鍵和分區選擇

其中搜索書籍結果優先展示書架內搜索結果,再展示書城內搜索結果;+號鍵包含登錄電腦/墨水屏版,從電腦/iCloud/微信導入文件,書城入口的功能;分區選擇包含二級選擇,通過一級分類選擇進入書架或書單,通過二級分類進入更詳細的書籍分區

  • 點擊搜索框->彈出彈出鍵盤,并顯示熱門搜索和猜你喜歡
  • 點擊+號鍵->彈出彈窗,顯示功能入口
  • 點擊電腦/墨水屏版->彈出掃碼頁面
  • 點擊從電腦導入->彈出掃碼頁面
  • 點擊iCloud->彈出最近瀏覽文件界面
  • 點擊從微信導入->進入微信轉發界面,點擊某對話框/人員->進入文件記錄頁

(2)書架管理模塊:包含書架分類,選擇書籍進行操作,查看個人主頁的功能

其中,書架分類包含默認、更新、進度、購買、分類5個分類方式。選擇書籍后,可進行私密閱讀,下載到本地,添加到書單,置頂,書籍分組,移出書架6種操作

  • 點擊書架/書單,進行書架管理模塊和書單管理模塊轉換
  • 點擊默認/更新/進度/購買/分類,或左右滑動,書架按照不同分類方式展示書籍
  • 點擊選擇->可對書籍進行批量選擇,執行操作
  • 點擊查看我的個人主頁->進入我的個人主頁

(3)書單管理模塊:包含書單分類、新建書單、查看個人主頁的功能

其中,書單分類包含我的書單和收藏的書單兩大類。

  • 點擊新建書單,可以對書單進行命名,描述,添加書籍
  • 點擊書架/書單,進行書架管理模塊和書單管理模塊轉換
  • 點擊我的書單/收藏的書單,或左右滑動,展示書單
  • 點擊新建->進入新建書單頁
  • 點擊查看我的個人主頁->進入我的個人主頁

頁面詳情結構如圖:

書架頁面主要分為導航區和書籍入口。導航區主要幫助用戶完成快速找書,搜索圖書,導入圖書等看書前的閱讀準備工作,和完成進入閱讀頁的功能。書籍封面也對不同特征書籍進行標識,讀完的書籍在封面右上角有“讀完”標識,私密閱讀的書籍在左下角有“面具”標識。

頁面如圖所示:

3.2.1 閱讀頁

閱讀頁的書籍包含扉頁、其他信息頁(版權信息、寄語…)、正文、讀完頁。主要實現用戶了解書籍,閱讀書籍,并對書籍打分的功能。

(1)扉頁

主要介紹書籍名稱、作者、推薦值、閱讀人數、書籍字數等信息。

(2)其他信息頁

針對出版書籍,提供了版權信息、寄語、導語等頁面。

(3)正文

提供劃線/查看熱門劃線句、寫想法、分享/分享書簽、頁面顯示設置4個主要功能,其他附加功能包括查看章節、查詢、進入圈子、聽書等功能。

  • 劃線/查看熱門劃線:針對微信圖書中書籍大量為出版書籍,具有高質量的特點,匹配了其他閱讀app不具有的劃線功能和查看熱門劃線句的功能,并且該功能在我頁完成了筆記搜索和批量復制功能,完成了較好的邏輯閉環;
  • 寫想法:該功能起到批注的作用;
  • 分享/分享書簽:針對微信讀書是基于社交的閱讀app,增加了分享到微信朋友圈和分享書簽(圖片)的形式。分享到朋友圈僅需一步操作,分享操作簡單;書簽以黑底金字,樣式簡單大方,增加用戶分享欲望。該功能較好的完成了社交功能;
  • 頁面顯示設置:頁面顯示設置主要囊括調節閱讀進度、是否開啟自動閱讀、閱讀背景、頁面亮度、字體大小、邊行距、字體等。其中,調節閱讀進度、自動閱讀速度、頁面亮度時,采取拖拽進度條(而不是定制分級)的形式,使讀者找到更匹配的“度”,打造個性化閱讀。

(4)讀完頁

提供閱讀記錄信息和他人書評。閱讀信息包含讀完日期、閱讀本書時長、和此書是用戶閱讀完的第X本書,且可以圖片形式分享閱讀成就。

頁面詳情結構如圖:

  • 閱讀頁的頁面設置做到了還原紙質書籍的質感,包括書籍版權頁、彩色插圖、文字排版等,提高用戶閱讀體驗。
  • 閱讀頁的功能做到了功能完善、重點突出、頁面清晰。

書架頁面如圖所示:

3.3 發現

發現頁的主要功能是社交和參加活動,分為社交模塊和活動模塊。

各模塊功能如下:

(1)社交模塊:通過查看朋友的想法和小圈子,分別對標熟人社交和陌生人廣場式社交

a)朋友的想法:主要實現發布想法、瀏覽朋友想法、和朋友互動(轉發、評論、點贊)的功能。頁面包含右上角發想法鍵和瀏覽區;

b)小圈子:主要實現搜索圈子、發布想法、瀏覽想法、互動的功能。

“小圈子”模塊內交互:

  • 點擊小圈子->進入該模塊內
  • 點擊發布想法->進入發布想法頁面
  • 點擊他人想法->進入想法詳情頁
  • 點擊圈子宇宙->進入圈子集合頁

(2)活動模塊:包含免費領書,福利場和微信聽書

  • 點擊免費領書->進入頁面與在閱讀頁的卡片信息流中的”免費讀“相同;
  • 點擊福利場->進入頁面與閱讀頁下拉的“福利場“模塊相同;
  • 點擊微信聽書卡片->獲取免費聽書節目->進入頁面與閱讀頁的卡片信息流中的”微信聽書館“相同;

可見該活動模塊為選取閱讀頁中個別主推的卡片信息流,單獨設置入口。

頁面詳情結構如圖:

發現頁面主要有頂部導航欄和頁面的卡片入口組成,導航欄包含搖一搖功能,卡片入口則包含互動類入口,如朋友的想法、小圈子、活動。

頁面如圖所示:

3.3.1 朋友的想法

頁面包含右上角發想法鍵和瀏覽區,主要功能為寫想法和瀏覽朋友想法并互動。該模塊屬于熟人社交,通過熟人效應,增加用戶了解一本新書的意愿,提高用戶粘性。

(1)寫想法

  • 寫想法的場景:包含閱讀時的劃線/劃線+寫想法,閱讀后評分/評分+書評,在朋友的想法頁面寫想法,在圈子頁寫寫想法同步到朋友的想法;
  • 寫想法的功能:正文撰寫、添加標題、表情、引用書籍、文字格式整理;
  • 想法的權限:公開、僅關注的人可見、私密;

(2)頁面交互

  • 點擊寫想法->進入寫想法頁面
  • 點擊他人想法->進入想法詳情頁
  • 點擊他人引用書籍->進入書籍閱讀頁

頁面詳情結構如圖:

頁面以灰色條框對朋友的想法進行區隔,過長的想法會進行縮略。

頁面如圖所示:

3.3.2 圈子

圈子是針對陌生人社交的新功能,形式類似于社區。圈子的設立主題較廣泛,不局限于書籍,每個圈子由圈主和成員組成,圈子里的想法包含用戶昵稱,正文,圖片,話題4個元素。

圈子模塊包含頂部導航區和瀏覽區,主要實現了發現圈子,加入圈子,發表想法,瀏覽想法并互動的功能。

(1)導航區:導航區包含三個功能區,右上角的查看圈子鍵、寫想法鍵和下方的我的圈子入口欄

  • 查看圈子:該功能鍵提供查看全部圈子、我加入的圈子、我發的帖子;
  • 寫想法鍵:該圈子想法可添加話題,選擇圈子;
  • 我的圈子入口:提供我的圈子的快速入口,按照圈內帖子更新時間最近排列。

該模塊通過左右滑動進行展示用戶加入的所有圈子

(2)瀏覽區:瀏覽加入的圈子的想法和熱門話題,可對他人想法進行轉發、回復和點贊。瀏覽區的推薦排序的權重高評論>高贊>最近

  • 寫想法的場景:進入圈子、新建想法;
  • 寫想法的功能:添加話題、添加圈子、同步到朋友的想法;

交互:

  • 點擊發想法人的頭像->進入他人個人主頁
  • 點擊想法->進入想法詳情頁
  • 點擊分享->可分享至微信、朋友圈
  • 點擊話題->進入此話題的想法頁(不限圈子主題)
  • 點擊換一換->更換3個熱門話題

頁面詳情結構如圖:

頁面導航欄起到找圈子,進圈子的功能。瀏覽區起到看想法,找合適想法的功能。

目前,圈子功能上線時間較短,在功能邏輯和用戶體驗上有較大進步空間,比如:

  • 發現圈子的途徑里只有發現推薦的圈子,用戶無法進行搜索。
  • 用戶發表圈子想法的場景只有在進入圈子后新建,該場景需要用戶發布意愿較高;可以打通多個場景,比如在閱讀時進行劃線分享/書簽分享,降低用戶發帖思考成本和發帖時間。
  • 目前用戶寫想法時,全部依靠自身能力完成想法內容,可適當通過文字識別和圖片識別等方式推薦用戶契合的圈子和話題。

頁面如圖所示:

3.4 我

我 的核心功能是查看或更改個人主頁和設置,查看購買情況、互動情況和閱讀成果。主要包括頂部導航欄、個人主頁模塊、購買模塊、朋友互動模塊、閱讀成果模塊5個模塊。

(1)頂部導航欄

主要包括左側的消息和右側的設置。消息可以查看收到的轉發、評論、贊及私信。設置可以設置閱讀頁面、權限和登錄狀態。

  • 閱讀頁面的設置:包括鎖屏、橫屏、隱藏他人想法、縮進、翻頁方式、深色模式,旨在提升用戶閱讀體驗;
  • 權限管理:包含隱私、青少年模式、通知、緩存4方面的管理。

(2)個人主頁模塊

主要包含頭像、簽名、自我介紹和個人主頁入口。個人主頁則提供詳細的個人信息,包含個人信息、互動信息、閱讀信息及評論信息。

(3)購買模塊

主要提供賬戶和無限卡的信息管理和購買入口,及購物車和訂單狀況的查看。

(4)朋友互動模塊

主要展示讀書排行榜和微信好友關注情況。

(5)閱讀成果模塊

主要包括勛章、筆記、閱讀記錄和訂閱3方面總結。

  • 勛章:頒發指標包括閱讀天數/時長、閱讀/讀完書籍數、獲贊量及想法發布量;
  • 筆記:主要功能在于快速查看并導出閱讀時的劃線句,功能實現邏輯為自行搜索關鍵詞和按照書籍-章節分類,可實現批量復制;
  • 閱讀記錄和訂閱:通過細致分類達到快速定位書籍的目的,如書籍按照閱讀和訂閱劃分,閱讀記錄通過瀏覽歷史、贊過、在讀和讀完來劃分,訂閱劃分為訂閱的書籍和訂閱的作者。

頁面詳情結構如圖:

頁面的信息以卡片的形式進行呈現,通過將相似主題(購買/互動/閱讀)的信息卡片進行整合,并合理規劃不同分區,讓用戶在視覺上形成頁面區隔。該方法使得頁面展示的信息和入口繁多,但頁面整體簡潔大方,用戶使用起來較迅速。

頁面如圖所示:

3.4.1 個人主頁

個人主頁是用戶通過權限設置,將個人信息、閱讀信息、評論觀點3部分信息選擇性展示給微信其他用戶查看,也是用戶回顧閱讀成果的板塊,滿足用戶的社交需求和滿足感需求。

個人主頁由頂部導航欄、個人信息模塊、閱讀信息模塊和評論信息模塊組成。

(1)頂部導航欄:分享功能

  • 分享形式:4類

a) 與微信端打通,包括分享到微信對話,微信朋友圈和同步微信狀態;

b) 保存到相冊;

c) 微信讀書內分享給書友;

d) 分享到其他app。

  • 分享內容:3種

a) 個人信息,包括頭像,昵稱,自我介紹

b) 閱讀成果,包括讀完本數,獲贊數,累計閱讀時長,輸出想法數。并且將閱讀成果的抽象數據轉化成生活里的具體單位,形象且充滿趣味性,激勵用戶閱讀及分享的欲望。

c) 最新閱讀書籍,包括最近動態,體現用戶互動的即時性,使得用戶更想分享以獲得同時在讀的書友。

(2)個人信息模塊

包含頭像,昵稱,簽名,自我介紹,閱讀時長,獲贊數,關注數,勛章。

(3)閱讀信息模塊

包含書架和書單。與書架頁中的書架和書單進行區隔的是,此處的內容僅展示公開書籍。該設計便于用戶進行主頁打造和隱私保護。

(4)評論信息模塊

包含點評與想法。

頁面詳情結構如圖:

頁面如圖所示:

四、總結

通過對微信讀書4個主頁面進行拆解,從用戶找書、讀書、社交3個主要場景進行分析。

  • 找書:基于社交(好友在讀)、歷史數據、活動運營,以卡片信息流的形式推薦書籍/書單,較好的為用戶提供合適的書籍;
  • 讀書:提供精致的書籍排版,通過拖拽進度條精確定制閱讀設置。提供劃線和批量復制劃線句的功能,較好地復原了紙質書的正式感和閱讀習慣,且操作流程簡單;
  • 社交:創造了查看朋友在讀書籍,寫想法,發圈子,比拼時長,參與活動,將動態分享到微信狀態等社交場景,增加了用戶的互動性和用戶粘性。

總的來說,微信讀書提供了完備的推薦圖書功能、閱讀風格定制功能和社交功能,用戶路徑流暢,功能邏輯清晰,能提供高質量的閱讀體驗。

 

本文由 @汪仔9795 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 寫的還是很不錯的,加油。

    來自廣東 回復
  2. 作者別被評論里的內容干擾,你總結得非常好!繼續產出哈!

    來自四川 回復
  3. 單純的功能拆解沒有任何意義…

    來自北京 回復
  4. 廢話連篇

    來自北京 回復
    1. 你算個什么東西?

      來自北京 回復
  5. 沒有太多觀點的羅列幾乎等同于垃圾~

    來自北京 回復
  6. 說了跟沒說一樣,有啥用,滿篇幅得廢話,有哪些功能我看app不知道嗎,一點分析的干活都沒有

    來自湖北 回復
    1. 如此清晰的結構化思維,別你說成垃圾。

      來自浙江 回復
  7. 作者講的很細致啊,雖然我是挑著看的,但是還是學到了不少

    回復
  8. 只是說了有什么,沒有說明為什么有

    來自廣東 回復
    1. 是的贊同

      來自湖北 回復
  9. 結構圖很清晰!,全文很長但是并沒有看起來很乏的感覺。

    來自江西 回復
  10. 微信「小圈子」發帖門檻高,目的篩走低質量(宣泄情緒,營銷廣告)用戶,建立一個高質量圈子社區,形成一個正向閉環。

    來自上海 回復