案例分析 | 微信讀書 VS 豆瓣閱讀,社交生態(tài) or 原創(chuàng)平臺?

15 評論 10074 瀏覽 67 收藏 11 分鐘

作為閱讀類App重度用戶,筆者成功叛變【豆瓣閱讀】,移民【微信讀書】。一邊厚顏無恥地承認自身“用戶黏性”不足,粉轉(zhuǎn)路人、見異思遷;一邊大言不慚地甩鍋【微信讀書】,其【社交分享生態(tài)】之“勾引”,可謂功不可沒。

文章框架:

  • 信息構(gòu)架 & 優(yōu)先級排序(Information Architecture & Hierarchy)
  • 交互方式 & 用戶體驗(Interaction Design & User Experience)
  • 視覺設計(Visual Design)
  • 人物畫像(Persona)

一、信息構(gòu)架 & 優(yōu)先級排序(Information Architecture & Hierarchy)

1. 信息構(gòu)架網(wǎng)絡

2. 宏微觀異同

根據(jù)信息構(gòu)架,不難看出其宏觀異同

不同之處:

  • 微信讀書:借助微信朋友圈的社交屬性,營造“書友閱讀生態(tài)”,增強讀者的競爭意識、互動意愿,從而提升流量,增強用戶黏性。
  • 豆瓣閱讀:注重原創(chuàng)平臺”的搭建,激發(fā)UGC創(chuàng)作者的參感熱情。

共有門類:

  1. 發(fā)現(xiàn) / 推薦;
  2. 書城 / 書店;
  3. 我的 / 我。

而宏觀方面的共有門類,需進一步區(qū)別其微觀差異,細分對比:

如表所示,兩款閱讀類App的信息權(quán)重(信息優(yōu)先級)側(cè)重不同:

  • 微信讀書:培養(yǎng)社交生態(tài),增強書友互動,引入競爭機制,滿足求勝心理。
  • 豆瓣閱讀:強調(diào)書目入口,專注淘書、讀書需求。

綜合宏、微觀兩方面,信息權(quán)重體現(xiàn)品牌特色

3. 品牌調(diào)性

二、交互方式 & 用戶體驗(Interaction & User Experience)

1. “找書”場景下的交互方式

  • 微信讀書:另辟蹊徑,左右滑動;
  • 豆瓣閱讀:普羅大眾,上下滑動。

? ??

2. 閱讀場景下的交互方式

2.1 開書

  • 微信讀書:采用“仿真翻頁效果”,在“首頁翻頁”的場景之下,更能營造“閱讀”的“真實感”。
  • 豆瓣閱讀:采用“三維空間的界面后移”,書本退入背景中去,里頁文字內(nèi)容從底部上滑而出。

微信讀書? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?豆瓣閱讀

2.2 閱讀

  • 二者相同:左右滑動。
  • 不同之處在于:微信讀書為讀者提供自定義選擇:可在“設置”中選擇“擬真翻頁效果”。然而交互方式,應同具體使用場景相適應,而非一味追求酷炫形式。

在“每一頁都翻頁”的另一種場景下,筆者并不認為,“擬真翻頁效果”的動效,能帶來同樣舒適的交互體驗。

相反,對于通過屏幕,來觀看電子書的讀者而言,“每一頁都擬真翻頁”,會造成極大的視覺干擾,妨礙沉浸式閱讀體驗。因為每當看完一頁(一個屏幕)時,就要重復一遍“翻頁效果”,然而由于電子屏幕的單頁的閱讀速度快,翻頁頻率高,高頻重復的“翻頁效果”,會不停打斷讀者的閱讀視線,以及閱讀思路。

但紙質(zhì)書則不同,因其固有的物理屬性,當讀者閱讀完“兩頁”(對開頁)之后,才需“手動翻頁”。這種翻頁的交互方式,是自然而然發(fā)生的,并不會過多干擾讀者的沉浸式閱讀體驗。

相反,“翻頁”反而能提升讀者閱讀體驗。原因有二:

  1. 時間維度方面,讀者通過“翻頁”的動作,感受著“閱讀進度”;
  2. 空間維度方面,當厚厚的一本書,被一頁一頁讀薄,讀者內(nèi)心的滿足感與成就感不言而喻。

尤其是小屏手機,單位面積承載的文字數(shù)量,更為有限,閱讀速度更快,翻頁頻率更高,“擬真翻頁效果”所造成的“高頻干擾”,幾乎是毀滅性的。

2.3 分享

(1)底部操作列表(Action Sheet)

  • 豆瓣閱讀:無功無過的常態(tài)分享;
  • 微信讀書:鼓勵社交的同時,也滿足私密。
  1. 交互:共2欄,每欄分別8個Tab,數(shù)目 >= 5,因而需采取左右滑動,進行交互。
  2. 視覺:第一欄為面狀配色Icon,信息權(quán)重強于第二欄的現(xiàn)狀I(lǐng)con。
  3. 功能:第一欄強調(diào)“社交屬性”,第二行注重“私人閱讀”

2.4 劃線

豆瓣閱讀? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?微信讀書

  • 微信讀書:劃線方式多元,但交互路徑冗長,須手動點擊頁面,“編輯菜單”才會消失,干擾閱讀。
  • 豆瓣閱讀:劃線方式單一,但交互方式自然,閱讀體驗流暢。

三、視覺設計(Visual Design)

1. Icon樣式

  • 豆瓣閱讀:Icon+ 文字;
  • 微信讀書:純Icon。

良好的界面設計,會使每一個存在的元素,都有其意義。

筆者認為:即使在沒有文字輔助的基礎上,豆瓣閱讀的Icon也能很好地展現(xiàn)其所代指的意義。

細思原因,豆瓣閱讀而之所以使用文字,或許并不在于文字的示意功能,而是不讓底部留白太多。總共只有4個Tab,即使加上文字,視覺也并不擁擠。

其次,分隔符的使用,將前仨Tab與最后一項“設置”很好的區(qū)別開來,信息權(quán)重更高。

四、人物畫像(Persona)

筆者叛變【豆瓣閱讀】,移民【微信讀書】的整段經(jīng)歷,反應出自身【需求點】的轉(zhuǎn)移:

  • 由“產(chǎn)出原創(chuàng)內(nèi)容的決心”,向“閱讀排位的虛擬成就感”轉(zhuǎn)移。
  • 由“佛系創(chuàng)作型人格”,向“社交營造人格”轉(zhuǎn)移。

然而,現(xiàn)在呢,筆者的“創(chuàng)作型人格” + “社交型人格”,都在蠢蠢欲動。于是,抱著這樣“需求升級”的愿景,漆星星希望通過創(chuàng)作文章的形式,將自身對交互設計的理解,進行邏輯性的思路梳理。一方面,鍛煉自身的“產(chǎn)品思維”,另一方面,結(jié)交志同道合的伙伴 。

 

作者:漆星星,加州藝術(shù)學院(CCA)人機交互(HCI)學生黨一枚,京東金融 – 技術(shù)研發(fā)部 – 用戶界面設計實習生

本文由@漆星星 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好棒!期待更多 文章!

    來自浙江 回復
  2. 請問信息架構(gòu)圖用什么軟件畫的?感覺挺漂亮

    回復
    1. 信息構(gòu)架用的XMind Zen,板式很豐富~

      來自北京 回復
  3. 圖片可以放大么?看不太清、、呢

    回復
    1. 點擊圖片可放大,因為尺寸需小于2M,所以GIF格式的圖片像素會比較低 : (

      來自北京 回復
  4. 文章很有可讀性,感謝!
    建議最后一部分人物畫像,除了自身的感受,可以收集兩個APP的用戶數(shù)據(jù)進行人群細分分析,這樣會更有說服力

    回復
    1. 感謝您的建議!文末的“人物畫像”分析,內(nèi)容確實太過單薄,不應以自身關(guān)于App的感受,來代表“整個用戶群體”。漆星星會搜集兩個App的相關(guān)數(shù)據(jù),進行人物群體的具體分析,希望能使文章更客觀完善,更少主觀推斷。

      來自北京 回復
    2. 我覺得你說的有道理

      回復
  5. 我覺得還得分析一下兩者的用戶群體。 產(chǎn)品的細節(jié)設計必定是服務于此的。

    打個比方,豆瓣的作品更注重文學性,讀者也都很有修養(yǎng),做筆記和加注解的習慣可能會經(jīng)常使用,而年齡層次可能放到很大,所以這塊要重點做。加文字也顯得很必要(至少我看了一下,評論的圖標不加文字我真不知道它啥意思)。

    來自北京 回復
    1. 1. 感謝Aog關(guān)于“用戶群體”的建議:文章所采用的“從功能反推用戶”的倒敘思路,不能很好的反應并描述“人物畫像”。
      2. Aog關(guān)于案例分析的優(yōu)化思路:應“順式思維”,從“人物畫像”入手,重點分析“年齡段、偏好、閱讀習慣等”,從而推出:“產(chǎn)品具有不同功能的側(cè)重”的原因。
      3. “加文字” VS “刪文字”,不同用戶有不同理解。而豆瓣閱讀采用“文字+Icon形式”,應是基于前期的“用戶調(diào)研”及后期的“用戶測試”所反饋而來的數(shù)據(jù)吧。

      來自北京 回復
  6. 在看的時候就覺得是學生寫的 看到最后果然 好多分析都無關(guān)痛癢沒有深度思考..

    來自浙江 回復
    1. 人家哪里沒有深度思考,你是不是該表達出來,做產(chǎn)品的說話得有理有據(jù),我覺得你并不如人家,你扔下一個半吊子話,理由沒有,只有一個結(jié)論,結(jié)論哪來的未可知,不知道你是怎么做產(chǎn)品的。

      來自浙江 回復
    2. 感謝Allan的理解與支持,漆星星會繼續(xù)努力的!

      來自北京 回復
    3. 您好,感謝您對于“深度思考”的建議,漆星星承認自身在案例分析中,微觀細節(jié)的對比,重于宏觀定位的思考。會在今后行文中,權(quán)衡二者比重,明確主次,精簡思路。但并不欣賞您對于“學生黨”的蔑視態(tài)度?!安环e小流,無以成江河?!?/p>

      來自北京 回復
    4. 贊??,相信你以后肯定會越來越好

      來自浙江 回復