bilibili移動(dòng)端分析

目的:本次分析的目的在于了解嗶哩嗶哩APP這款產(chǎn)品,因此,在分析過程中,不涉及比較,不涉及褒貶,試圖以客觀的立場了解嗶哩嗶哩APP設(shè)計(jì)的每一個(gè)細(xì)節(jié)。

方法:從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層五個(gè)部分分別還原設(shè)計(jì)的出發(fā)點(diǎn),力圖還原整個(gè)的設(shè)計(jì)軌跡。

戰(zhàn)略層

企業(yè)目標(biāo):

B站的核心用戶是喜愛ACG文化以及吐槽文化的90后00后,以獨(dú)特的彈幕文化為特色。目前網(wǎng)絡(luò)上并沒有關(guān)于嗶哩嗶哩商業(yè)模式的明確界定,而脫離了明確的商業(yè)模式談產(chǎn)品戰(zhàn)略總是讓人覺得缺了什么,因此此處無法準(zhǔn)確對(duì)于該網(wǎng)站的產(chǎn)品戰(zhàn)略給出一個(gè)結(jié)論。只能說目前階段,嗶哩嗶哩是在打造一個(gè)二次元文化的分享社區(qū)。


嗶哩嗶哩產(chǎn)品架構(gòu)

由嗶哩嗶哩的產(chǎn)品架構(gòu)可知,up主發(fā)布內(nèi)容之后會(huì)吸引相應(yīng)的粉絲進(jìn)行瀏覽,形成相應(yīng)的圈子。而當(dāng)up主發(fā)布的內(nèi)容吸引同為up主的創(chuàng)作欲望之后會(huì)形成創(chuàng)作層面的圈子,甚至形成一種流行于B站的文化現(xiàn)象(譬如網(wǎng)友對(duì)于諸葛亮與王司徒兩軍陣前對(duì)罵的改編),這種大批up主共同創(chuàng)作的氛圍會(huì)使得平臺(tái)產(chǎn)生強(qiáng)大的凝聚力。作為平臺(tái)的嗶哩嗶哩其實(shí)本身是不提供視頻上傳的,資源基本上都是UP主原創(chuàng)內(nèi)容以及其他網(wǎng)站的鏈接,因此平臺(tái)唯一需要做的就是氛圍的維護(hù)與打造,對(duì)于up主的保護(hù)

以吸引大量相同興趣愛好的up主的入住。

用戶需求:

人都有社交的訴求,而這種訴求最終的實(shí)現(xiàn)需要某種紐帶將具有相同愛好、相同生活價(jià)值、相同生活方式的人通過一種途徑聚集起來。在現(xiàn)實(shí)生活中,可能是社團(tuán)(書法社團(tuán)、音樂社團(tuán))、可能是廣場(廣場舞大媽)等等,而在虛擬網(wǎng)絡(luò)同樣依賴于打造某種針對(duì)于某一類人群的氛圍以促進(jìn)這類人群的聚集。嗶哩嗶哩區(qū)別于其他視頻類網(wǎng)站之處就在于嗶哩嗶哩在滿足了二次元文化群體對(duì)于ACG內(nèi)容的需求之外,形成了一個(gè)該類人群交流的“廣場”,也即滿足了馬斯洛需求理論的第三層需求“情感與歸屬的需求”。


馬斯洛需求理論

范圍層

從吸引用戶方面來看:

首先相較于具備特定功能的APP,嗶哩嗶哩作為一個(gè)以u(píng)p主創(chuàng)作以及播放外部鏈接視頻的網(wǎng)站本身并不需要特定的功能,它所需要做的是為大量用戶提供一個(gè)明確的內(nèi)容分類管理框架,幫助up主找到適合自己視頻的分類區(qū)塊。其次嗶哩嗶哩需要做的是營造好社區(qū)氛圍,也即上文提到的會(huì)吸引特定群體的“社團(tuán)”、“廣場”,在社區(qū)氛圍營造方面彈幕發(fā)揮了很大的作用。彈幕在社區(qū)氛圍營造方面主要體現(xiàn)在兩個(gè)方面,首先彈幕營造了一群人同時(shí)觀看的氛圍。彈幕在一定程度上消減了評(píng)論的時(shí)間屬性,也就是說彈幕帶給人的一群人同時(shí)觀影的感覺更加強(qiáng)烈。其次部分彈幕可以算作對(duì)于內(nèi)容的二次創(chuàng)作,一些劇情片段本身并不精彩,但在彈幕的二次解讀之下卻賦予了畫面一種全新的解釋,使得觀眾哈哈大笑。譬如下圖:


彈幕圖片

當(dāng)然對(duì)于某些用戶特別是重視觀影沉浸感的用戶,或許會(huì)覺得無聊、被干擾,甚至有出戲感。但是很明顯對(duì)于二次元文化有認(rèn)同感的用戶卻熱衷于這種二次創(chuàng)作。

因而,相較于特定功能的打造,社區(qū)氛圍的營造、與維護(hù)顯得更加重要,這就涉及到防垃圾系統(tǒng)的建立。換句話說,用戶的核心需求乃在于對(duì)一個(gè)可以與同類人群分享的社區(qū)的渴望,而非功能。對(duì)于社區(qū)氛圍營造主要體現(xiàn)在:

1用戶質(zhì)量把控---會(huì)員測試

2彈幕評(píng)論質(zhì)量把控---彈幕舉報(bào)

3優(yōu)質(zhì)內(nèi)容沉淀---推薦

4優(yōu)質(zhì)up主沉淀---觀者的良性反饋(贊、彈幕評(píng)論、投幣、轉(zhuǎn)發(fā))

5二次元氛圍營造---UI元素設(shè)計(jì)

從盈利方面來看:

嗶哩嗶哩需要面對(duì)的是現(xiàn)有網(wǎng)站內(nèi)容如何實(shí)現(xiàn)盈利的問題。很明顯,商業(yè)化與網(wǎng)站社區(qū)氛圍本身是相沖突的,但是從長遠(yuǎn)來看,沒有合理盈利模式的網(wǎng)站是很難獲得資本青睞的,這必然導(dǎo)致網(wǎng)站發(fā)展的艱難。而解決的突破點(diǎn)在于,如何不違背網(wǎng)站社區(qū)氛圍的前提下,將網(wǎng)站的用戶流量導(dǎo)入到不同的盈利入口。嗶哩嗶哩在這方面的嘗試主要有以下幾點(diǎn):

1線上

a游戲聯(lián)運(yùn)

b新番承包計(jì)劃

cPC端廣告

線上盈利項(xiàng)目的特點(diǎn)在于與用戶體驗(yàn)沒有沖突,譬如游戲聯(lián)運(yùn)。嗶哩嗶哩作為ACG文化的平臺(tái),本身用戶對(duì)于游戲就有需求。新番承包計(jì)劃在推出時(shí)也是通過巧(wu)妙(chi)的運(yùn)營手段獲得了用戶的認(rèn)可,而pc端的廣告與界面整體視覺沒有太大的差異,較好的融入了界面中,如下圖


pc端廣告插圖

2線下

a拜年祭

b淘寶商店

cbilibiliyoo旅游項(xiàng)目

結(jié)構(gòu)層

交互設(shè)計(jì)

事實(shí)上因?yàn)榍懊嫣徇^嗶哩嗶哩的重點(diǎn)并不在于針對(duì)用戶的特定功能,而在于社區(qū)氛圍的打造。因此,在交互設(shè)計(jì)這一層面主要關(guān)注的是,如何快速的幫助用戶(up主、粉絲)找到特定的內(nèi)容。因?yàn)楸敬误w驗(yàn)是在安卓環(huán)境下進(jìn)行的,且嗶哩嗶哩在設(shè)計(jì)移動(dòng)端時(shí)對(duì)于安卓系統(tǒng)設(shè)計(jì)較為遵守安卓系統(tǒng)的設(shè)計(jì)原則,因此大的交互原則是在安卓系統(tǒng)交互原則指導(dǎo)下進(jìn)行的。談到這里就需順便談一下用戶對(duì)于細(xì)節(jié)的敏感性這一問題,有的產(chǎn)品經(jīng)理認(rèn)為在設(shè)計(jì)產(chǎn)品時(shí)應(yīng)將用戶想象為白癡,在這里不對(duì)此進(jìn)行評(píng)價(jià),但是設(shè)計(jì)者不能忽視的問題是用戶對(duì)于產(chǎn)品的細(xì)節(jié)異常敏感。這種敏感并非刻意,而是一種源于用戶的直覺。

1登陸/注冊(cè)流程:


嗶哩嗶哩登陸/注冊(cè)流程圖

修改:


嗶哩嗶哩登陸/注冊(cè)流程圖修改后

注冊(cè)過程中第一步需要輸入郵箱或者手機(jī)號(hào)碼,第一步無論輸入的是郵箱還是手機(jī)號(hào)碼,點(diǎn)擊注冊(cè)必須再次輸入手機(jī)號(hào)碼以獲取驗(yàn)證碼。很明顯,倘若第一步輸入的是手機(jī)號(hào)碼,用戶如果點(diǎn)擊注冊(cè)應(yīng)該直接發(fā)送驗(yàn)證碼。當(dāng)然,或許考慮的是手機(jī)用戶的國籍問題。那么可否加入國籍自動(dòng)識(shí)別呢?或者說當(dāng)檢測到用戶第一步輸入的是手機(jī)號(hào)并且是非大陸用戶時(shí)彈出國籍選擇這樣可以避免大部分用戶的再次輸入。

該環(huán)節(jié)輸入密碼時(shí)的交互動(dòng)畫非常具有趣味性:


密碼輸入時(shí)的交互動(dòng)畫

2對(duì)于粉絲來說在該平臺(tái)的主要行為為:瀏覽發(fā)現(xiàn)視頻---播放視頻---針對(duì)相應(yīng)視頻的操作行為。平臺(tái)提供的交互行為主要為用戶可以在首頁通過滑動(dòng)的方式實(shí)現(xiàn)在各模塊之間的切換。用戶在各模塊中的交互方式只有點(diǎn)擊,以及頁面的上下滑動(dòng)。當(dāng)然,在進(jìn)行相關(guān)操作的過程湖中,會(huì)有相應(yīng)的動(dòng)效對(duì)交互行為進(jìn)行反饋。

信息架構(gòu)圖


嗶哩嗶哩信息架構(gòu)圖

框架層

界面設(shè)計(jì)與導(dǎo)航設(shè)計(jì)

界面設(shè)計(jì)的難點(diǎn)在于配合導(dǎo)航幫助up主以及粉絲快速找到所感興趣的內(nèi)容分區(qū),即必須做好信息分類以及查找。按照用戶對(duì)視頻的喜愛程度可分為:當(dāng)下即搜即看視頻,以及需要在一段時(shí)間內(nèi)時(shí)常觀看的視頻(內(nèi)容包括關(guān)注的up主、追的番劇、收藏的視頻、下載的視頻等等)。眾所周知,用戶之所以會(huì)經(jīng)常打開視頻播放軟件在于對(duì)平臺(tái)未知新內(nèi)容的探索,而非對(duì)于固定內(nèi)容的按時(shí)觀看?;蛘哒f,當(dāng)下即搜即看視頻屬于常看常新的海量內(nèi)容,而需要在一段時(shí)間內(nèi)時(shí)常觀看的視頻屬于少量內(nèi)容。按照用戶對(duì)于內(nèi)容項(xiàng)操作的頻繁度可分為:頻繁操作內(nèi)容與非頻繁操作內(nèi)容。因此,界面分作兩部分:


側(cè)滑欄與主頁

即搜即看視頻以及高頻操作內(nèi)容放于主頁之中,需要一段時(shí)間內(nèi)時(shí)常觀看的視頻以及非頻繁操作,但對(duì)用戶來說較為重要的視頻則放于側(cè)滑欄中,以及以不同形式安排在主頁的不同位置,以便于用戶在不同時(shí)間內(nèi)查找。

相應(yīng)的配合界面分布,特點(diǎn)導(dǎo)航也分做兩大部分。

在主頁的導(dǎo)航系統(tǒng)主要是幫助用戶快速發(fā)現(xiàn)相應(yīng)的內(nèi)容區(qū)塊,而在側(cè)滑欄的導(dǎo)航系統(tǒng)多是幫助用戶更好地管理曾經(jīng)操作過的對(duì)用戶而言日后會(huì)再次觀看的視頻內(nèi)容,以及其他內(nèi)容的入口。

在主頁內(nèi)容的排布主要應(yīng)該做的就是內(nèi)容的分類與檢索。分類方式為將主要的模塊“直播”“番劇”“推薦”與分區(qū)(全部分類)并排放于頂部導(dǎo)航條,并且還在頂部導(dǎo)航條中添加了關(guān)注的入口。如圖


主頁導(dǎo)航

在用戶點(diǎn)擊各個(gè)入口進(jìn)入相應(yīng)的內(nèi)容區(qū)塊之后,個(gè)內(nèi)容區(qū)塊內(nèi)也會(huì)包含有與該區(qū)快內(nèi)容相適應(yīng)的導(dǎo)航模式。譬如直播中的單機(jī)聯(lián)機(jī):


單機(jī)聯(lián)機(jī)導(dǎo)航

即使在用戶進(jìn)入譬如單機(jī)聯(lián)機(jī)之后,還會(huì)有針對(duì)該內(nèi)容的相關(guān)分類標(biāo)簽,以幫助用戶快速鎖定感興趣的內(nèi)容。這種精細(xì)化的分類導(dǎo)航方式可以幫助具備相同愛好的up主以及粉絲們快速鎖定內(nèi)容,不至于錯(cuò)過某些有趣的內(nèi)容。

信息設(shè)計(jì)

所謂的信息設(shè)計(jì)是為了幫助用戶快速的發(fā)現(xiàn)所在頁面的有用信息,為了實(shí)現(xiàn)這一目的,可能需要對(duì)信息進(jìn)行必要的分類,需要將某一些信息突出, 需要將某一些信息隱藏,需要根據(jù)展示信息的不同采用不同的展示形式。那么從這一角度來分析嗶哩嗶哩直播頁面與番劇頁面:在直播這一區(qū)塊,首先根據(jù)內(nèi)容的不同分了11個(gè)大類。而且根據(jù)用戶不同需求又單獨(dú)做了一個(gè)“全部直播”。很明顯,前面的11個(gè)分類是為了滿足對(duì)于直播具有明確訴求的用戶,而后面的“全部直播”這一分類是為了幫助沒有明確訴求的用戶快速找到最熱直播與最新開播內(nèi)容。


全部直播分類

針對(duì)直播區(qū)塊的屬性,以及up主與粉絲的訴求,又劃出了一個(gè)區(qū)塊—關(guān)注主播、直播中心、搜索直播。如圖:


直播中的區(qū)塊劃分

在番劇這一區(qū)塊,將番劇分作三部分:新番連載、完結(jié)動(dòng)畫、番劇推薦三部分,很明顯前兩部分是按照播放順序,后一部分是按照受歡迎程度。而在番劇頂部設(shè)置了追番、放送表、索引三部分。追番與放送表是為了方便用戶檢索喜歡的番劇,而索引則是方便用戶查閱特定類型的番劇以及被熱追的番劇。

表現(xiàn)層

相較于其他平臺(tái),因?yàn)閱袅▎袅ㄗ钪匾墓ぷ髦辉谟诜諊臓I造,使得用戶在這里獲得某種歸屬感。因此,UI的作用就顯得非常重要。嗶哩嗶哩平臺(tái)UI設(shè)計(jì)可以從三個(gè)角度理解:

首先,嗶哩嗶哩的界面圖片多是采用動(dòng)畫圖片、以及具備二次元文化識(shí)別度的圖片,需要注意的是為了使得頁面不單調(diào)頁面內(nèi)容排列方式盡量不 ? ? ? ? ? 要完全一致要有一定的變化,而且這種變化一定要盡量與內(nèi)容結(jié)構(gòu)相配合。

其次,配色采用了比較符合年輕群體的粉色、藍(lán)色、黃色,且明度較高,配合各種造型較為獨(dú)特的icon給予用戶較強(qiáng)的識(shí)別度。

再次,貫穿整個(gè)用戶操作過程中出現(xiàn)的吉祥物---22娘和33娘。

寫在最后:

人的本質(zhì)是孤獨(dú)的,這種孤獨(dú)源于其表達(dá)方式的局限性,人渴望交流渴望被理解,然而從本質(zhì)上來說,人是不可以被理解的。原因在于首先人的本質(zhì)是復(fù)雜的、矛盾的,這種復(fù)雜性、矛盾性注定了人相互之間的不可理解性,其次表達(dá)途徑手段的匱乏,以及人依靠語言、表情、肢體等手段表達(dá)過程中出現(xiàn)的,由于不同生活經(jīng)歷、文化造成的理解偏差,這些注定了人生來孤獨(dú)的悲劇色彩。這也是為什么表情包會(huì)在網(wǎng)絡(luò)受到熱烈的追捧,源于表情包在恰當(dāng)?shù)膱龊峡梢员日Z言更加準(zhǔn)確的表達(dá)用戶的感情。無論是嗶哩嗶哩還是網(wǎng)易云音樂,之所以受到用戶的熱烈追捧,無外乎幫助用戶建立了一種表達(dá)自我感情的通道,前者借助于二次元文化后者借助于音樂,事實(shí)上無論是表情包還是二次元文化又或者音樂受歡迎的本質(zhì)原因在于,它們消弱了語言肢體等方式在表達(dá)自我過程中由于不同生活經(jīng)歷、文化造成的理解偏差。為什么網(wǎng)上會(huì)出現(xiàn)一些流行詞匯,為什么這些流行詞匯會(huì)在一段時(shí)間內(nèi)快速傳播,原因在于這些詞匯是經(jīng)過許多人共同參與創(chuàng)造的,很明顯,這樣詞匯由于是大家共同創(chuàng)作的因而沒有溝通成本,每一個(gè)人對(duì)于它的意思都心領(lǐng)神會(huì),極大地方便了人與人之間的溝通。還有比說出一個(gè)詞彼此之間立刻心領(lǐng)神會(huì)更讓人感到幸福的事情嗎?!那么為什么A站或者其他音樂應(yīng)用沒有取得這樣的成績呢?我想或許在于氛圍或者說產(chǎn)品調(diào)性的營造上沒有擊中用戶的訴求,而產(chǎn)品缺少某種調(diào)性是很難提高用戶的參與度的,也很難激發(fā)用戶的創(chuàng)作熱情。換句話說用戶參與度低,整個(gè)應(yīng)用給人的感覺就很“冷清”,我們知道一個(gè)好的平臺(tái)想要長期發(fā)展,需要讓平臺(tái)形成一個(gè)封閉的系統(tǒng)也就是說,需要用戶參與到平臺(tái)內(nèi)容的生產(chǎn)過程之中生產(chǎn)出有價(jià)值的內(nèi)容,這些內(nèi)容會(huì)對(duì)老用戶形成黏著度且會(huì)吸引新用戶,而平臺(tái)只是作為內(nèi)容管理者,而“冷清”意味著內(nèi)容的缺失,這樣的產(chǎn)品是很難吸引用戶的。那么,如何讓產(chǎn)品變得熱鬧呢?注意這里的“熱鬧”,并非嘈雜。這里的熱鬧是指提供給用戶一個(gè)“百家爭鳴”式的創(chuàng)作土壤。

1設(shè)計(jì),通過對(duì)于用戶訴求的理解設(shè)計(jì)出合理的功能架構(gòu),提出合理的產(chǎn)品調(diào)性,據(jù)此通過合理的交互、界面布局、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)、UI搭 ? ? 建出一個(gè)平臺(tái),最重要的是將上述內(nèi)容完美的融合于一體以吸引用戶創(chuàng)造出有價(jià)值的內(nèi)容,當(dāng)然附帶的就要制定相應(yīng)的防垃圾系統(tǒng),以保護(hù)高 ? ? 質(zhì)量用戶的創(chuàng)作熱情。

2 運(yùn)營,系統(tǒng)需要一定的運(yùn)營手段對(duì)用戶進(jìn)行吸引、引導(dǎo)、教育。

3 完善,不斷的整合設(shè)計(jì)與運(yùn)營以期實(shí)現(xiàn)產(chǎn)品的合理化發(fā)展。

4 最為關(guān)鍵的是理解目標(biāo)人群的群體屬性,融入這類人群之中,以迎合這類群體的群體癖好,而最好的迎合方式便是讓這類群體中的成員成為內(nèi) ? ?容的實(shí)際生產(chǎn)者,還有什么比群體中的成員更能反映群體癖好的嗎?!產(chǎn)品的功能并不是長久不變的,產(chǎn)品是流動(dòng)的,唯一不變的是產(chǎn)品需要 ? ?時(shí)刻與特定群體保持一致的步調(diào),而與群體保持一致最好的方式就是只提供舞臺(tái),讓群體中的成員成為舞臺(tái)的主角。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容