您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 交互設計 >> 瀏覽設計教程

豆瓣app分析教程


今天我給大家介紹的是豆瓣APP的分析。網站成立于05年,早期以提供書影音信息和交流為主。

然后阿北呢就是豆瓣的創(chuàng)始人、CEO,最開始的豆瓣大部分代碼就是他一個人背著電腦泡在星巴克一行行敲出來的,并且十年來始終堅持以用戶體驗為主,不向商業(yè)化屈服,所以我對他的的定義是一位特立獨行的開拓者。



豆瓣APP的孵化過程是比較曲折的,從13年開始做移動端時仍然延續(xù)的是做網站的思路,各個產品的形態(tài)是垂直的,最多時拆分成13個APP。

圖上是14年5月鳳凰網關于豆瓣商業(yè)化存在的問題的調查,基本是從內在和外在兩個大方向概括了主要問題,外在是移動端產品過于分散,發(fā)力太慢,內在是氣質太文藝,跟商業(yè)化不符。



所以這次我會先做簡單的版本介紹 ,然后圍繞豆瓣的核心理念著重“發(fā)現”與“社交”的分析,再從社交切入,探討符合豆瓣調性的商業(yè)化模式討論。最后做一個產品目前面臨的困難及未來機遇的總結。



左邊是豆瓣1.0,主要做的還是書影音的評分和評論功能,此時仍是一個偏工具型的產品;右邊是3個月之后的2.0版,首頁以“發(fā)現”的內容為主。



3.0是15年的11月發(fā)布的,理念是服務于個人興趣的方方面面。他不僅涵蓋了大部分PC端的內容,還專為移動端增加了一些新的社交形式,已經徹底的從N個工具型產品向一個社交型的產品轉變了。

這次分析的是12月22號發(fā)布的——3.2的版本。



tab1是小事,是移動端的新功能,主打的是輕社交,主要是用來吸納新用戶的。從架構上來看,tab1是為新用戶提供的,老用戶原本的社交全都放到了tab4,這樣的結構勢必就會造成老用戶的抵觸,引發(fā)新老用戶在使用上的矛盾。



tab2精選——是最符合豆瓣風格的一個頁面,很文藝、內容質量很高、并且是根據你的興趣進行推薦。

頁面結構很簡單,banner,日期,說明他是以一個日報的形式更新的,每日的更新量基本在20幾條左右,覺得不夠的話可以點擊更多欄目進行分類閱讀。



左邊就是豆列現在的形式,它就像一個容器,你給他取個名字,里面可以放上任何你覺得相關感興趣的東西。他是一個主題,多種形式,站內站外打通邊界的用法。

與豆瓣這個功能做的比較像的就是知乎日報的3.0版,讀讀日報,他的口號就是 人人都能當主編 ,用戶可以自己建立或者關注日報,來取內容的更新。



tab3書影音——他是豆瓣最古老的形式,頁面往下拉會有一個<限時特價電子書>的內容,這里的電子書可以在APP里直接購買。但是到了圖書欄目下,當某本書有電子版的時候,只能跳到豆瓣閱讀APP里進行免費章節(jié)的閱讀和支付。

那對于還沒有安裝閱讀APP的用戶,可能就會流失掉一部分。并且在豆瓣里購買到的電子書最后并沒有在tab5我的里顯示,還是需要打開豆瓣閱讀才能看到的。



活動是原本的<豆瓣同城>,是基于地理位的音樂、展覽、話劇等線下活動的資訊,并能幫助你結識志同道合的人。

頁面上首先就是地理位置的選擇,因為現在用戶已經對常規(guī)的網絡社交方式沒有什么興趣了,更講究的是效率,這時候基于附近的人的社交,是先定位、后了解,線上能快速轉移到線下的形式就成了社交的主要推動力之一。



首先活動頁面的頭部空間利用不充分,其次用戶也無法知道身邊是否感興趣的小伙伴一起去看。紅框標出來的這部分條目是我認為需要優(yōu)化的,它給到的信息量太少了,后面會說到。

這里主要看下<即時討論>,這是豆瓣APP里四種社交形式的一種。<即時討論>給人的第一印象就是“即時”,他的效率應該是很高的,是注重當下的,但從具體頁面中可以看到他的效率是比較低的。如果是熱門活動或者電影還是會比較熱鬧,但也達不到即時的效應;并且里面的聊天內容基本是以各自說話為主,用戶間很難有進一步交流的機會,如果是冷門點的書籍電影,可能你發(fā)一條消息,幾個月都沒人響應。

所以我認為首先這部分要降低用戶對“即時”這個詞的期待,其次他應該具備一個用戶可以相約一起參與線下活動的方式。



首頁——也就是<小事>,是一種層級非常淺的,隨時歡迎用戶來使用的輕社交,是豆瓣的第二種社交方式。

頂部是全局搜索,右邊是掃描圖書條形碼,這部分是一個黃金位置,所以肯定是對整個APP的內容進行查找的功能。下面熱門小事話題的條目做的不錯,層級扁平,能一眼就知道每個條目的大概內容,字數上暫時沒有發(fā)現限制,但大部分內容都是100字以下圖文結合的輕量閱讀。

小事的確能吸引剛開始使用APP的新用戶進行參與,但同時帶來的問題就是,這些用戶間即使有互動,但彼此之間的聯系還是比較弱的,這和web端通過書影音或者小組建立起聯系的老用戶相比,關系鏈的強弱是不可同日而語的,下面我會對比一款和小事這個功能很相似的APP,叫same,看一下他是如何通過評論功能來加深用戶間關系的。



做的也是興趣社交,是一款更年輕化的產品,你加入一個頻道,就可以查看或者發(fā)表話題,層級也是相當的扁平。主要看下他的評論,是沒有公開評論的,每一個人的評論都會以一對一的聊天方式進行發(fā)送,這樣形成的聊天環(huán)境就比單純的問“你好,在嗎?”更自然,并且基于一個話題展開的聊天也更容易進行下去,這樣用戶間的關系也更容易沉淀下來,所以我覺得這款APP做得也是不錯的,并且原創(chuàng)度也比較高。



回到tab1,看一下進入小事的詳細頁面,頂部信息有點復雜,很明顯頭像其實是可以省略的,相關小事也可以放到更多里面,讓這個頭部小事的主題更清晰一點。

下面的標簽是對這個小事場景的更精細的劃分,根據場景不同,所產生的標簽也不同,比如養(yǎng)貓,這里就出現曬,大家一起曬貓,如果是地域性的小事,就會出現租房、跨年等標簽,用戶也可以編輯自己的自由標簽。右下這個是添加話題的icon。



進入具體話題后,上方分享,復制/舉報話題。這里是回應/復制/舉報此人。整個操作流程下來還是很順暢的,認知上也沒有大的問題, 0-1的轉化也比較容易。

從5E原則來評估,這個新tab的設計對于各種用戶來說認知和轉化是完全OK的。但是存在的潛在問題是,第一發(fā)帖成本低如果運營不當極有可能產生很多廣告、垃圾內容,大大影響用戶體驗。第二是這個新首頁雖然滿足了新用戶的需求,但明顯是顛覆了老用戶的使用習慣的,老用戶的社交重心被放到了tab4的二級頁面,所以這個小事一放到首頁老用戶基本都是難以接受,怨聲載道的。



說完小事可以回到<活動>頁面的優(yōu)化了,因為之前也提到,豆瓣的商業(yè)模式一部分是受到他本身產品氣質太文藝的阻礙,不愿去做那些與產品調性不符、違背用戶體驗的東西,這點我是十分欽佩的。所以我是希望借力于“小事”,摸索出關于同城活動的社交及商業(yè)模式。

首先因為<即時討論>也不即時嘛,并且各種不同的社交形式也容易引發(fā)用戶的思考成本,所以將即時討論變成小事討論,降低即時的期待,增加小事的屬性,利用小事靈活可變的標簽,進行先線上約伴,后線下社交的模式。在一二線城市這些展覽啊演出啊資訊都是相當多的,并且用戶也愿意為這些具有品質的活動買單。另一方面我認為小事這個靈活可變的標簽所能發(fā)揮的潛力是很大的,他是可以串接起整個APP里關于書影音及各種興趣的討論的,而不是僅僅局限在現在的tab1里。


132956c192d56ac7256cb0ffe15e.jpg


篇幅有限,后2個tab就簡單概括一下,tab4是圈子,這里頭上的部分是老用戶的社交重心,你要查看內容還需要再點擊進二級頁面。<小組>功能,他是和豆瓣讀書一樣歷史悠久的產品,如此龐大的一個PC端功能放在APP里我還是持保留態(tài)度的,并且他移動端的操作體驗一直不是太好。下面是聊天部分,承接的是用戶間私信來往、即時討論,還有新增加的一個“群聊”的功能。

目前為止我之前提到的四種社交形式已經全部出現了,分別就是,小事、即時討論,小組、群聊。

新出現的群聊又是一個基于地理位置的社交,不過目前情況比較尷尬,第一因為他的功能基本都被之前3個形式覆蓋到了,第二因為他的活躍度很低,而且加入群聊是要通過創(chuàng)建人同意,也會有被踢出群聊的風險,所以從功能和體驗這兩個維度上來看都差強人意。



并且從創(chuàng)新三要素來分析,增量上看,是否增加了效率?他的活躍度太低;是否獲取更多的信息?信息量太少,所以更談不上解決了某種環(huán)境下的需求。從變量上看,是否容易被替代?陌陌現在的LBS興趣社交群已經做到有5、60W個了,QQ就更不用說了;功能是否理想落地?落地是落地了就是沒能激起水花。是否干擾其他功能的使用?他與<小事><即使討論>似有重復,會讓用戶產生認知上的疑問。



最后看下我的頁面,我的小事那么重要的新功能被放到了二級頁面,并且一開始說的在APP中買到的電子書也沒有顯示,其實最后兩個tab在各自功能和細節(jié)方面還是需要仔細推敲的這里就不展開講了。



看一下1月7號更新的3.3新版,大體上是tab2和tab1互換了位置,小事又回到了tab2,原本的精選稍加改動放到了首頁。因為一開始就說過,tab2的精選是一個新老兼顧,最接近豆瓣風格的一個頁面,現在提到首頁之后是更符合原本用戶對豆瓣的期待的,也算是對新老用戶的一個折中的做法,并且中間的熱門話題可以直接鏈接到小事,這個過渡做得還是不錯的。



總結,豆瓣的問題是過去是走的太慢,照搬PC端,沒有考慮到削弱產品彼此之間聯系會造成用戶粘性的降低,并且沒有考慮到同樣的功能在不同媒介上帶來操作成本的差異。如今的問題是急速的轉型與整合的過程中,多“難”合一。

未來的機遇是基于豆瓣擁有龐大的用戶興趣數據,一旦在移動端發(fā)揮了它自身的基因優(yōu)勢,社交上減少各種形式帶來的認知符合、深化LBS社交場景,形成的用戶和商業(yè)價值也是令人期待的。

目前來看豆瓣APP的架構的確過于龐大,嘗試的一堆新功能也有好有壞,但是我認為這是一款產品由簡到繁,最后化繁為簡回歸本質的一條必經之路,畢竟他原先已經是一個歷經十年的產品,如今依舊能夠不忘初心在移動端的道路上重新摸索,做到變革創(chuàng)新已經是相當難得了。


[教程作者:脆脆上山打老虎]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id3201.html
一份優(yōu)秀的交互設計作品集應該準備哪些內容?
網頁彈窗設計的5條基本原則
圖趣網微信
建議反饋
×