您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

豆瓣app分析教程


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

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



豆瓣APP的孵化過(guò)程是比較曲折的,從13年開(kāi)始做移動(dòng)端時(shí)仍然延續(xù)的是做網(wǎng)站的思路,各個(gè)產(chǎn)品的形態(tài)是垂直的,最多時(shí)拆分成13個(gè)APP。

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



所以這次我會(huì)先做簡(jiǎn)單的版本介紹 ,然后圍繞豆瓣的核心理念著重“發(fā)現(xiàn)”與“社交”的分析,再?gòu)纳缃磺腥?,探討符合豆瓣調(diào)性的商業(yè)化模式討論。最后做一個(gè)產(chǎn)品目前面臨的困難及未來(lái)機(jī)遇的總結(jié)。



左邊是豆瓣1.0,主要做的還是書(shū)影音的評(píng)分和評(píng)論功能,此時(shí)仍是一個(gè)偏工具型的產(chǎn)品;右邊是3個(gè)月之后的2.0版,首頁(yè)以“發(fā)現(xiàn)”的內(nèi)容為主。



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

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



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



tab2精選——是最符合豆瓣風(fēng)格的一個(gè)頁(yè)面,很文藝、內(nèi)容質(zhì)量很高、并且是根據(jù)你的興趣進(jìn)行推薦。

頁(yè)面結(jié)構(gòu)很簡(jiǎn)單,banner,日期,說(shuō)明他是以一個(gè)日?qǐng)?bào)的形式更新的,每日的更新量基本在20幾條左右,覺(jué)得不夠的話可以點(diǎn)擊更多欄目進(jìn)行分類(lèi)閱讀。



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

與豆瓣這個(gè)功能做的比較像的就是知乎日?qǐng)?bào)的3.0版,讀讀日?qǐng)?bào),他的口號(hào)就是 人人都能當(dāng)主編 ,用戶可以自己建立或者關(guān)注日?qǐng)?bào),來(lái)取內(nèi)容的更新。



tab3書(shū)影音——他是豆瓣最古老的形式,頁(yè)面往下拉會(huì)有一個(gè)<限時(shí)特價(jià)電子書(shū)>的內(nèi)容,這里的電子書(shū)可以在APP里直接購(gòu)買(mǎi)。但是到了圖書(shū)欄目下,當(dāng)某本書(shū)有電子版的時(shí)候,只能跳到豆瓣閱讀APP里進(jìn)行免費(fèi)章節(jié)的閱讀和支付。

那對(duì)于還沒(méi)有安裝閱讀APP的用戶,可能就會(huì)流失掉一部分。并且在豆瓣里購(gòu)買(mǎi)到的電子書(shū)最后并沒(méi)有在tab5我的里顯示,還是需要打開(kāi)豆瓣閱讀才能看到的。



活動(dòng)是原本的<豆瓣同城>,是基于地理位的音樂(lè)、展覽、話劇等線下活動(dòng)的資訊,并能幫助你結(jié)識(shí)志同道合的人。

頁(yè)面上首先就是地理位置的選擇,因?yàn)楝F(xiàn)在用戶已經(jīng)對(duì)常規(guī)的網(wǎng)絡(luò)社交方式?jīng)]有什么興趣了,更講究的是效率,這時(shí)候基于附近的人的社交,是先定位、后了解,線上能快速轉(zhuǎn)移到線下的形式就成了社交的主要推動(dòng)力之一。



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

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

所以我認(rèn)為首先這部分要降低用戶對(duì)“即時(shí)”這個(gè)詞的期待,其次他應(yīng)該具備一個(gè)用戶可以相約一起參與線下活動(dòng)的方式。



首頁(yè)——也就是<小事>,是一種層級(jí)非常淺的,隨時(shí)歡迎用戶來(lái)使用的輕社交,是豆瓣的第二種社交方式。

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

小事的確能吸引剛開(kāi)始使用APP的新用戶進(jìn)行參與,但同時(shí)帶來(lái)的問(wèn)題就是,這些用戶間即使有互動(dòng),但彼此之間的聯(lián)系還是比較弱的,這和web端通過(guò)書(shū)影音或者小組建立起聯(lián)系的老用戶相比,關(guān)系鏈的強(qiáng)弱是不可同日而語(yǔ)的,下面我會(huì)對(duì)比一款和小事這個(gè)功能很相似的APP,叫same,看一下他是如何通過(guò)評(píng)論功能來(lái)加深用戶間關(guān)系的。



做的也是興趣社交,是一款更年輕化的產(chǎn)品,你加入一個(gè)頻道,就可以查看或者發(fā)表話題,層級(jí)也是相當(dāng)?shù)谋馄?。主要看下他的評(píng)論,是沒(méi)有公開(kāi)評(píng)論的,每一個(gè)人的評(píng)論都會(huì)以一對(duì)一的聊天方式進(jìn)行發(fā)送,這樣形成的聊天環(huán)境就比單純的問(wèn)“你好,在嗎?”更自然,并且基于一個(gè)話題展開(kāi)的聊天也更容易進(jìn)行下去,這樣用戶間的關(guān)系也更容易沉淀下來(lái),所以我覺(jué)得這款A(yù)PP做得也是不錯(cuò)的,并且原創(chuàng)度也比較高。



回到tab1,看一下進(jìn)入小事的詳細(xì)頁(yè)面,頂部信息有點(diǎn)復(fù)雜,很明顯頭像其實(shí)是可以省略的,相關(guān)小事也可以放到更多里面,讓這個(gè)頭部小事的主題更清晰一點(diǎn)。

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



進(jìn)入具體話題后,上方分享,復(fù)制/舉報(bào)話題。這里是回應(yīng)/復(fù)制/舉報(bào)此人。整個(gè)操作流程下來(lái)還是很順暢的,認(rèn)知上也沒(méi)有大的問(wèn)題, 0-1的轉(zhuǎn)化也比較容易。

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



說(shuō)完小事可以回到<活動(dòng)>頁(yè)面的優(yōu)化了,因?yàn)橹耙蔡岬?,豆瓣的商業(yè)模式一部分是受到他本身產(chǎn)品氣質(zhì)太文藝的阻礙,不愿去做那些與產(chǎn)品調(diào)性不符、違背用戶體驗(yàn)的東西,這點(diǎn)我是十分欽佩的。所以我是希望借力于“小事”,摸索出關(guān)于同城活動(dòng)的社交及商業(yè)模式。

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


132956c192d56ac7256cb0ffe15e.jpg


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

目前為止我之前提到的四種社交形式已經(jīng)全部出現(xiàn)了,分別就是,小事、即時(shí)討論,小組、群聊。

新出現(xiàn)的群聊又是一個(gè)基于地理位置的社交,不過(guò)目前情況比較尷尬,第一因?yàn)樗墓δ芑径急恢?個(gè)形式覆蓋到了,第二因?yàn)樗幕钴S度很低,而且加入群聊是要通過(guò)創(chuàng)建人同意,也會(huì)有被踢出群聊的風(fēng)險(xiǎn),所以從功能和體驗(yàn)這兩個(gè)維度上來(lái)看都差強(qiáng)人意。



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



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



看一下1月7號(hào)更新的3.3新版,大體上是tab2和tab1互換了位置,小事又回到了tab2,原本的精選稍加改動(dòng)放到了首頁(yè)。因?yàn)橐婚_(kāi)始就說(shuō)過(guò),tab2的精選是一個(gè)新老兼顧,最接近豆瓣風(fēng)格的一個(gè)頁(yè)面,現(xiàn)在提到首頁(yè)之后是更符合原本用戶對(duì)豆瓣的期待的,也算是對(duì)新老用戶的一個(gè)折中的做法,并且中間的熱門(mén)話題可以直接鏈接到小事,這個(gè)過(guò)渡做得還是不錯(cuò)的。



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

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

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


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