B站從2009年至今，十年的時間從一個二次元“小破站”到現(xiàn)在成為全國最大的二次元綜合社區(qū)，必有過人之處。本文筆者嘗試以一個產(chǎn)品新人的角度，從產(chǎn)品概況、市場分析、用戶分析、產(chǎn)品分析等4個方面對BILIBILI（俗稱B站）進行產(chǎn)品分析，來與大家一起探秘B站的“發(fā)家之路”。

一、產(chǎn)品概況

1. 體驗環(huán)境

體驗機型：IPHONE 8

系統(tǒng)版本：IOS 12.1.4

體驗時間：2019.03.10

2. 產(chǎn)品簡介

產(chǎn)品名稱：BILIBILI(俗稱B站)

產(chǎn)品類型：視頻社交APP

體驗版本：5.39.1

產(chǎn)品介紹：BILIBILI是一個能實時發(fā)送彈幕的視頻網(wǎng)站，其內(nèi)部內(nèi)容主要以二次元視頻為主的綜合視頻社區(qū)，bilibili目前擁有動畫、番劇、國創(chuàng)、音樂、舞蹈、游戲、科技、生活、娛樂、鬼畜、時尚等分區(qū)，并開設(shè)直播、游戲中心、周邊等業(yè)務(wù)板塊，是目前國內(nèi)最大的二次元綜合娛樂社區(qū)平臺。

產(chǎn)品LOGO:

產(chǎn)品SLAGON: 嗶哩嗶哩 (゜-゜)つロ 干杯~

產(chǎn)品定位：二次元核心的視頻社交平臺

功能特色：

• 動漫追番：B站每個季度都會承包來自國內(nèi)外（國外主要以日本為主）的新番動漫可供用戶在線觀看。
• 用戶原創(chuàng)（UGC）：提供用戶創(chuàng)作平臺，通過創(chuàng)作激勵政策，鼓勵用戶原創(chuàng)，豐富站內(nèi)內(nèi)容。
• 獨有文化：B站以二次元文化為核心，衍生出許多諸如彈幕文化，鬼畜文化等獨特文化。
• 彈幕評論：觀看視頻的同時，用戶可以看到或者實時發(fā)送彈幕進行評論。

二、市場分析

1. 市場背景

以上數(shù)據(jù)來自艾瑞咨詢

隨著國內(nèi)經(jīng)濟的高速發(fā)展，人均收入水平也跟著逐漸漲高。

根據(jù)中國統(tǒng)計局發(fā)布數(shù)據(jù)顯示：2017年上半年全國居民家庭月平均收入水平為6250元，其中90后與00后家庭收入高于全國居民家庭的70.8%。

如上左圖顯示：90后及00后群體家庭月收入在5000元以上的占比高達75%。

經(jīng)濟環(huán)境的變化也使得用戶的消費習(xí)慣發(fā)生改變，據(jù)艾瑞數(shù)據(jù)顯示：規(guī)模高達2.8億的90后及00后的消費群體中，文娛消費占比占總支出的28.9%。其中24歲以下的用戶中，視頻服務(wù)和游戲服務(wù)等在線娛樂產(chǎn)品占用這群用戶的娛樂消費時間的比例分別達到27.1%和9.2%

以上數(shù)據(jù)來自艾瑞咨詢

90后及00后，這類群體所追求的娛樂也與過去截然不同，而青年亞文化也隨之而誕生。

這種文化是反對傳統(tǒng)的一元性，強調(diào)自我和多元觀點表達，追求的是新奇，輕松和簡單。

而動漫文化作為一種典型的青年亞文化，隨著青少年群體的消費能力以及傳播能力的加強，促使動漫相關(guān)產(chǎn)業(yè)在文化產(chǎn)業(yè)中的占比穩(wěn)步上揚，動漫產(chǎn)業(yè)的產(chǎn)值在持續(xù)快速增長。

以2018年為例，國內(nèi)的動漫產(chǎn)值已達1747億元。在線動漫市場也有逐步上漲趨勢，至2018年為止，在線動漫內(nèi)容市場規(guī)模已達141.6億元。

二次元產(chǎn)業(yè)主要分三個部分：

1. 上游主要為內(nèi)容設(shè)計/制作方面，包括盈利性的PGC公司，如：動畫公司、漫畫公司、游戲公司等，同時也包括非營利性的UGC部分，如原創(chuàng)、同人二次創(chuàng)作等。
2. 中游包括兩部分：一是具備發(fā)行交易功能的版權(quán)代理業(yè)務(wù)；二是具備渠道功能的內(nèi)容/社交平臺，如動漫電視臺、雜志、出版社等傳統(tǒng)渠道，如視頻網(wǎng)站動漫頻道、動漫視頻/閱讀網(wǎng)站、APP等新興渠道等。
3. 下游主要為商品授權(quán)及衍生品業(yè)務(wù)，包括：IP在不同市場滲透的商品授權(quán)業(yè)務(wù)，以及眾多形式的漫展、同人展、舞臺劇、主題樂園、演唱會、周邊制作及販?zhǔn)鄣妊苌窐I(yè)務(wù)。

從盈利模式來看，上游微利，中游多元，下游利高是二次元產(chǎn)業(yè)的主要特征。

而動漫產(chǎn)業(yè)屬于二次元行業(yè)中重要的一環(huán)，其盈利模式也與之相似。

2. BILIBILI在二次元市場的位置

以上內(nèi)容來自艾瑞咨詢

在眾多偏向動漫市場的網(wǎng)站與軟件之中，BILIBILI最初以其出色的社區(qū)運營，豐富的二次元內(nèi)容，以及無廣告即可觀看大多數(shù)的新番動漫等多多優(yōu)點，吸引了大量二次元愛好者進駐BILIBILI。

BILIBILI最初是由ACG（即Animation、Comic、Game、動漫、漫畫、御宅向游戲）而啟發(fā)的一個內(nèi)容社區(qū)，到如今已經(jīng)發(fā)展成為具有多個模塊的綜合性娛樂平臺，也是目前國內(nèi)最為活躍的二次元社區(qū)之一。其囊括了二次元市場的中下游，其線上通過創(chuàng)作激勵，吸引更多UP主不斷更新優(yōu)質(zhì)內(nèi)容，同時通過彈幕社交服務(wù)，保持平臺的用戶活躍度。

線下通過各個漫展的宣傳，以及自主打造的BML(Bilibili Macro Link)和BW（Bilibili World）等動漫線下活動，將BILIBILI這個自主品牌打響。

三、用戶分析

1. 用戶人群分析

1.1 從用戶年齡層分析

以上數(shù)據(jù)來自艾瑞咨詢

從年齡占比來觀察，Bilibili使用人群多數(shù)集中在30歲以下，也就是90后與00后用戶占比高達72.26%，其中24歲以下用戶占比38.51%，25歲~30歲用戶占比為33.75%。

從上圖可以看出：隨著年齡層增大，用戶占比呈遞減趨勢。

以上數(shù)據(jù)說明BILIBILI用戶群體多為學(xué)生黨，及30歲以下的年輕工作者為主。這一類人群多為未婚人群，相對來說社會生活壓力較低，有更多時間，金錢和精力去追求享樂。同時，這類人群一般接受能力較強，對于動漫文化等這類亞文化比較容易接納，也符合他們強調(diào)自我和多元觀點表達，追求的是新奇，輕松和簡單的訴求。

1.2 從用戶性別占比分析

以上數(shù)據(jù)來自艾瑞咨詢

從性別占比來看，男性用戶占比為52.03%，略高于女性用戶占比的47.97%，但兩者數(shù)據(jù)相差不大，這份數(shù)據(jù)可以從側(cè)面說明BILIBILI作為一個綜合性的娛樂社區(qū)，能夠有足夠的內(nèi)容分別滿足男性和女性用戶的需求。

從以上BILIBILI 的頻道劃分可以看出：無論是男性用戶偏好的游戲，數(shù)碼，科技，鬼畜等專題頻道，還是偏女性向的舞蹈，時尚，相冊等欄目，BILIBILI內(nèi)皆一應(yīng)俱全，這也能說明無論男性用戶還是女性用戶，都能夠在BILIBILI這個社區(qū)內(nèi)找到滿足自身需求的內(nèi)容。

1.3 從用戶地域分布分析

以上數(shù)據(jù)來自艾瑞咨詢

從地域分布上可以看出：

B站主要使用者主要集中在沿海發(fā)達地區(qū)（廣東，山東，浙江）以及一線城市（北上廣深）。這些地方相對來說經(jīng)濟發(fā)達，教育水平較高，用戶能夠更早地接觸來自港澳臺，日韓，歐美等多元文化，對于亞文化的接受能力較高，比較容易接納新鮮事物。

而有“腐都”之稱的成都，作為中西部的中心城市， 其“宅腐文化”的盛行吸引著很多二次元相關(guān)投資的進駐，很多漫展都會在成都舉行，這個如此“二次元”的都市，自然有很多用戶使用BILIBILI來獲取他們所需的內(nèi)容。

2. 用戶畫像

2.1 目標(biāo)用戶

• 二次元愛好者/御宅族：希望能夠有個平臺，能夠觀看新番動漫，了解二次元資訊。
• UGC創(chuàng)作者：希望能夠有平臺能夠讓自己分享內(nèi)容，吸引粉絲，從而獲得認(rèn)同感和成就感。
• 網(wǎng)絡(luò)視頻愛好者：希望有個內(nèi)容比較豐富的平臺，能夠滿足自己日常消磨時間的需求。
• 直播愛好者：希望有平臺能夠觀看到自己喜歡的UP或直播內(nèi)容。
• 社交愛好者：希望能夠有個地方，能夠認(rèn)識很多有共同興趣的人。

其中核心用戶時二次元愛好者和UGC創(chuàng)作者。

2.2 用戶使用場景

場景一：

李明，男，17歲，高中生，二次元愛好者，平時喜愛日本動漫，對每個季度的新番都有追番需求，想要能夠在第一時間能夠快速的觀看到更新的動漫。

他聽說B站購買了某一部他之前一直關(guān)注了很久的動漫正版，為了能夠看到這部動漫，他下載了BILIBILI APP。經(jīng)過一段時間的使用后，他發(fā)現(xiàn)在這里不僅能夠看到他想要看到這部動漫，而且還有很多其他的動漫資源和最新鮮的資訊，更何況在這類看動漫不用經(jīng)歷痛苦的60s廣告，還能認(rèn)識到很多同好者。于是他進駐了B站，注冊了大大會員，成為B站的忠實用戶。

場景二：

曉梅，女，21歲，音樂系大學(xué)生，二次元愛好者，平時除了喜歡看動漫以外，還喜歡把動漫里面的音樂作品進行重新演繹并分享給朋友聽。

但是，她發(fā)現(xiàn)只有少數(shù)朋友喜歡二次元音樂，她希望能夠有更多的人能夠聽到她的作品，于是她在B站注冊成為了音樂相關(guān)的UP主，定期分享自己的音樂作品，平時偶爾還會開直播與粉絲交流，憑借著自己的努力，收獲了10000多粉絲。

場景三：

張軍，男，25歲，普通職員，平時沒有什么特別愛好，上下班需要2個多小時，希望能夠有個東西能夠打發(fā)時間。

經(jīng)同事介紹他下載了B站，他發(fā)現(xiàn)上面有很多新鮮的內(nèi)容吸引他——有搞笑的、有音樂的、有科普的等等內(nèi)容，而且看視頻還不需要廣告，視頻質(zhì)量也十分高清。而且，他感覺彈幕非常的有趣，于是B站就成為他上下班打發(fā)時間的主要工具之一。

場景四：

小張，男，22歲，大學(xué)生，單機游戲愛好者，平時非常喜歡玩國外的3A游戲大作，平時也會去觀看游戲大神的直播，查找攻略等等。

他發(fā)現(xiàn)他平時最喜歡的UP主黑桐谷歌平時會在B站上傳游戲攻略視頻，并且經(jīng)常會在B站開直播，所以他下載了BILIBILI app方便關(guān)注，并及時收看到黑桐谷歌的直播，以及游戲攻略。

場景五：

艾琳：女，19歲，大學(xué)生，漢服愛好者，平時喜歡穿著漢服分享圖片。

但是，她的周圍平時很少有漢服的同好者，某一次她的朋友分享了一個關(guān)于漢服歷史發(fā)展的B站鏈接給她，她不僅通過視頻了解的漢服的發(fā)展歷程，還從評論區(qū)看到了很多關(guān)于漢服的討論，于是她下載了BILIBILI app，查找漢服相關(guān)內(nèi)容并積極參與討論，認(rèn)識了很多漢服的愛好者，還參加了很多線下的漢服聚會，認(rèn)識了很多朋友。

2.3 用戶需求分析

• 內(nèi)容需求：除了及時的新番更新，豐富的二次元咨詢，原創(chuàng)的二次元視頻等，還要有其他的，類似與音樂，時尚，搞笑等的綜合性內(nèi)容，供應(yīng)給二次元愛好者及非二次元愛好者觀看。
• 體驗需求：無廣告、無卡頓、可發(fā)送彈幕實時評論、界面交互的布局設(shè)計友好。
• 社交文化需求：能夠找到共同愛好的人，可以一起針對共同的興趣一同討論，找到共同的精神家園。
• 創(chuàng)作需求：能夠輸出自己的創(chuàng)作內(nèi)容，吸引到大量的粉絲，實現(xiàn)流量變現(xiàn)。

四、產(chǎn)品分析

《用戶體驗要素》（Jesse james Garret）這本書內(nèi)對一個產(chǎn)品的用戶體驗要素可以從抽象到具體，從5五個層面進行分析（如上圖）。

而互聯(lián)網(wǎng)產(chǎn)品作為需要嚴(yán)密貼合用戶需求的產(chǎn)品，這樣的分析邏輯也非常適合對互聯(lián)網(wǎng)產(chǎn)品進行分析，所以以下，將從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層，以及表現(xiàn)層對BILIBILI app進行產(chǎn)品分析。

1. 戰(zhàn)略層分析——用戶需求和產(chǎn)品目標(biāo)

1.1 用戶需求

基于以上用戶分析我們可以得知，BILIBILI的用戶需求主要為四個方面：

• 從內(nèi)容上，BILIBILI需要滿足用戶對以二次元為主題內(nèi)容觀看以及其他綜合性內(nèi)容的補充，B站的主要用戶群體是二次元愛好者，B站的內(nèi)容也應(yīng)該以二次元為主題——也即是新番，動漫相關(guān)原創(chuàng)等內(nèi)容，同時還需其他綜合性的內(nèi)容補充吸引非二次元愛好者的用戶。
• 從體驗上，BILIBILI以其彈幕文化而出名，而且視頻畫質(zhì)高，觀看視頻無廣告等皆是BILIBILI自身擁有的優(yōu)勢所在。
• 從社交上，通過頻道對內(nèi)容主題的劃分，使得用戶更加輕松找到自己所需的內(nèi)容和群體，便于認(rèn)識更多的同好之人。
• 從創(chuàng)作上，B站自身擁有過億的用戶群體，巨大的流量吸引著眾多的內(nèi)容創(chuàng)作工作者進駐B站，而且還通過創(chuàng)作激勵政策，鼓勵更多UP主更新更多有趣的內(nèi)容。

1.2 產(chǎn)品目標(biāo)

基于以上的用戶需求分析，BILIBILI的產(chǎn)品目標(biāo)應(yīng)為：以二次元文化為主題，打造一款適合年輕人的潮流文化娛樂社區(qū)。

1.2.1 基于戰(zhàn)略層的個人建議

相對于其他的視頻網(wǎng)站，B站的核心競爭力主要呈現(xiàn)在以上幾點。

BILIBILI以其獨特的文化吸引著眾多用戶，這些B站特有的文化也是增加產(chǎn)品的用戶粘性所在。

然而，當(dāng)前的B站，隨著大量新用戶的入駐以及產(chǎn)品內(nèi)容板塊的擴充，B站的二次元文化主題被嚴(yán)重的稀釋了。B站為了吸引更多的用戶，添加了很多三次元內(nèi)容的板塊，而這些三次元內(nèi)容的增加，導(dǎo)致站內(nèi)二次元相關(guān)內(nèi)容的比例縮減。

以首頁推薦界面為例：目前首頁推薦視頻內(nèi)容大部分為三次元相關(guān)視頻，之前B站獨特的鬼畜，MMD等相關(guān)內(nèi)容基本很少出現(xiàn)，而且內(nèi)容多以搬運內(nèi)容為主，內(nèi)容呈同質(zhì)化現(xiàn)象等，這些內(nèi)容都比較大的影響B(tài)站核心用戶（即二次元愛好者和原創(chuàng)UP主）的的使用體驗，減弱核心用戶的黏性。

基于此，本人基于戰(zhàn)略層的建議是：及時調(diào)整二次元于三次元內(nèi)容的比例，加強原創(chuàng)內(nèi)容的推送，鼓勵用戶創(chuàng)作內(nèi)容，限制其他內(nèi)容的搬運。

2. 范圍層分析——內(nèi)容需求和功能需求

2.1 內(nèi)容需求

結(jié)合以上用戶分析以及戰(zhàn)略層的產(chǎn)品分析，BILIBILI的內(nèi)容需求可分為：用戶的內(nèi)容需求，以及產(chǎn)品的內(nèi)容需求。

其中用戶內(nèi)容需求可大致分三個部分：

• 二次元內(nèi)容：主要是以ACGN(即動漫，漫畫，游戲，輕小說)為主，內(nèi)容來源主要為來自日本以及國創(chuàng)的原創(chuàng)內(nèi)容以及根據(jù)這部分內(nèi)容的再創(chuàng)作內(nèi)容。這些內(nèi)容是二次元文化的核心，也是BILIBILI的主題相關(guān)內(nèi)容。
• 5次元內(nèi)容：主要為二次元內(nèi)容的衍生內(nèi)容，比如手辦，偶像等基于二次元的文化核心從此在三次元，也就是現(xiàn)實世界中所創(chuàng)作的實際存在產(chǎn)品。
• 三次元內(nèi)容：基于現(xiàn)實世界的內(nèi)容創(chuàng)作，也就是我們所熟知的主流文化相關(guān)內(nèi)容。

而從產(chǎn)品運營層面，BILIBILI內(nèi)所需包含的產(chǎn)品內(nèi)容需求則大致為以下方面：

• 用戶原創(chuàng)內(nèi)容：通過原創(chuàng)或二次創(chuàng)作，增加站內(nèi)視頻內(nèi)容的豐富性，吸引更多新用戶的同時，加強產(chǎn)品的用戶黏性。
• 用戶社交：通過內(nèi)容來組織用戶的社交活動，促進用戶之間的互動交流。
• 流量變現(xiàn)：把積累的流量變現(xiàn)，增加產(chǎn)品的營收。
• 信息收集：搜集用戶的個人信息，瀏覽痕跡，把用戶進行標(biāo)簽化，方便運營和推送相關(guān)內(nèi)容，提供用戶的產(chǎn)品體驗感。

2.2 功能需求

基于以上內(nèi)容需求信息，總結(jié)出以下B站的基本功能需求，以及相關(guān)作用：

2.3 基于范圍層的個人建議

正如上述戰(zhàn)略層分析的建議所描述，B站目前核心的二次元文化主題被稀釋，內(nèi)容呈同質(zhì)化現(xiàn)象，個人認(rèn)為其主要原因是二次元相關(guān)UGC內(nèi)容占比減少，內(nèi)容推送機制不善。

具體分析為以下幾點：

創(chuàng)作機制政策的不完善：

根據(jù)B站的創(chuàng)作機制,，UP主的收益主要根據(jù)上傳視頻的數(shù)據(jù)，比如說：播放數(shù)作資格判斷，再根據(jù)內(nèi)容流行度，用戶喜歡度等進行綜合判斷，計算UP主的創(chuàng)作收益。

但是，二次元的這種亞文化并非屬于大眾流行文化，其受眾數(shù)量也遜色于主流文化內(nèi)容。況且，僅憑播放數(shù)、點贊數(shù)等相關(guān)數(shù)據(jù)并不能判斷視頻的質(zhì)量度。更何況，搬運視頻，微創(chuàng)作視頻相對于站內(nèi)原創(chuàng)視頻由于有原視頻的流行加持，更容易獲得創(chuàng)作激勵。

內(nèi)容審查制度不完善：

站內(nèi)對于搬運視頻監(jiān)管力度不足，導(dǎo)致標(biāo)題黨，營銷號盛行，站內(nèi)內(nèi)容質(zhì)量下降。

內(nèi)容推送機制不完善：

站內(nèi)的內(nèi)容推薦，主要根據(jù)用戶最近瀏覽記錄，以及熱門度進行視頻推送。

以首頁推薦界面的內(nèi)容推送為例：每次刷新會更新十個視頻，其比例大約是“4個最近瀏覽相關(guān)視頻+4個站內(nèi)熱門視頻+2個文章/直播/信息流廣告”，基于上述兩點原因，導(dǎo)致推送內(nèi)容質(zhì)量度低，UP主的原創(chuàng)內(nèi)容沒有展現(xiàn)，內(nèi)容同質(zhì)化嚴(yán)重。

基于以上原因，本人提出建議如下：

1. 加強內(nèi)容審查，在視頻結(jié)束后提供用戶評分功能（參照NICONICO的番劇評分），對低分視頻進行及時審查，刪除。
2. 增加上傳視頻的時長限制，減少超短時長的視頻數(shù)量。
3. 優(yōu)化視頻的數(shù)據(jù)限制，比如用戶觀看多少分鐘后才計算播放數(shù)以及允許用戶點贊，轉(zhuǎn)發(fā)，收藏等相關(guān)數(shù)據(jù)。
4. 創(chuàng)作激勵政策傾斜，B站是以二次元文化為核心的視頻社交網(wǎng)站，針對二次元相關(guān)的原創(chuàng)視頻進行政策傾斜，加大激勵力度。
5. 增加用戶標(biāo)簽功能，在用戶注冊成功后，提供標(biāo)簽供用戶選擇感興趣的內(nèi)容標(biāo)簽，根據(jù)用戶標(biāo)簽推送相應(yīng)內(nèi)容（參照twitter,facebook）
6. 完善推送機制，建議推送機制是3個關(guān)注UP主相關(guān)內(nèi)容（推送用戶未觀看內(nèi)容，最近更新優(yōu)先展示）+4個用戶標(biāo)簽相關(guān)內(nèi)容（推送高評分內(nèi)容）+2個二次元相關(guān)內(nèi)容+1個直播/文字/信息流廣告（參照youtube），這樣做鼓勵用戶和UP主之間建立更緊密的社交關(guān)系，使得原創(chuàng)內(nèi)容得以展示，保證UP主的利益。
7. 添加拉黑功能，用戶拉黑UP主后將不再展示該UP主的相關(guān)內(nèi)容。

3. 結(jié)構(gòu)層分析——信息結(jié)構(gòu)和交互設(shè)計

3.1 信息架構(gòu)圖

從圖中可知：BILIBILI的信息結(jié)構(gòu)主要分成5大模塊，分別是：首頁、頻道、動態(tài)、會員購、我的。

• 首頁模塊：主要展示視頻內(nèi)容信息，其分別包含直播，推薦，熱門以及追番四個板塊。
• 頻道模塊：作用主要是全站視頻內(nèi)容的分類作用，方便用戶查找感興趣的內(nèi)容。
• 動態(tài)模塊：主要為社交和關(guān)注作用，方便用戶及時查收關(guān)注UP主的相關(guān)內(nèi)容，促進雙方的社交互動。
• 會員購模塊：主要是BILIBILI的商城功能，以其自身龐大的平臺流量為基礎(chǔ)，通過提供二次元相關(guān)的衍生產(chǎn)品的購買服務(wù)，提供B站營收。這個模塊主要用來打通二次元的下游市場。
• 我的模塊：則是用戶中心功能，方便用戶管理個人信息。

3.2 功能結(jié)構(gòu)圖

3.3 交互設(shè)計分析

頁面布局：

B站的頁面布局采用的是分割線設(shè)計，把不同的內(nèi)容分割展示，這種布局模式能夠方便用戶了解界面，賦予頁面內(nèi)容組織性。

手勢操作：

BILIBILI的手勢操作比較簡單，一般來說，只需要一根大拇指即可完成對整個產(chǎn)品的大部分操作，方便用戶比較容易上手使用產(chǎn)品。

頁面跳轉(zhuǎn)：

頁面跳轉(zhuǎn)應(yīng)符合用戶的視覺順序，一般人的視覺順序都是“左→右”，“上→下”。

而Bilibili的頁面跳轉(zhuǎn)主要有四種方式：

• 直接跳轉(zhuǎn)：這種跳轉(zhuǎn)方式使用得比較少，僅在選擇底部TAB導(dǎo)航標(biāo)簽時出現(xiàn)。
• 左右跳轉(zhuǎn)：這種跳轉(zhuǎn)方式是BILIBILI產(chǎn)品內(nèi)使用最多的跳轉(zhuǎn)方式，其使用的地方一個在于通過左右滑動實現(xiàn)分段式的二級導(dǎo)航頁面的切換，另一個則是站內(nèi)大部分的單擊選擇所發(fā)生的頁面切換都是左右跳轉(zhuǎn)，點擊確定是從右往左跳轉(zhuǎn)，返回則是從左往右跳轉(zhuǎn)。
• 翻轉(zhuǎn)：視頻打開全屏，頁面呈翻轉(zhuǎn)跳轉(zhuǎn)樣式。
• 搜索框入口跳轉(zhuǎn)：點擊就給與獲取光標(biāo)的感知，所已做好做簡單的聯(lián)動過渡效果。

3.4 基于結(jié)構(gòu)層的個人建議

基于4.2.3范圍層的建議，個人認(rèn)為增加以下功能：

• 視頻播放頁面增加評分選項，選項在視頻結(jié)束后出現(xiàn)，視頻內(nèi)容卡片右上角增加視頻評分信息。
• 添加會員等級權(quán)限，在用戶中心增加等級權(quán)限說明。
• 增加用戶獎勵政策，鼓勵用戶進行評分，點贊等操作，將其以每日任務(wù)形式推出，在個人中心增加每日任務(wù)并說明獎勵政策。(比如：加快升級，限量提供付費番劇播放次數(shù)等)
• 在個人中心添加個人標(biāo)簽選項，方便用戶添加或更換標(biāo)簽，添加“不感興趣“和”最近想看“的兩個標(biāo)簽庫，方便定位用戶興趣，方便推送用戶想看的內(nèi)容。
• 非全屏視頻窗口下方UP主處除了關(guān)注按鈕以外可以增加拉黑按鈕，拉黑之后將不再看到該UP主的相關(guān)內(nèi)容信息，同時，在個人中心的關(guān)注管理頁面添加拉黑管理選項。

基于交互設(shè)計方面，本人還想提出如下建議：

• 增加視頻小窗播放功能，方便用戶進行觀看和選擇的雙向操作。（目前只有直播有這個功能）
• 增加視頻進度微調(diào)手勢，通過快速雙擊打開播放窗口的左右方打開進度微調(diào)功能，之每次單擊±10s，短時間多次點擊時間累加。（理由：視頻進度調(diào)整手勢目前只有左右滑動，對于視頻進度微調(diào)把握比較困難，參照youtube）
• 添加頁面前進/退后手勢，左滑前進，右滑后退（理由：蘋果手機沒有前進后退按鈕，產(chǎn)品的后退按鈕置于界面的左上方，手勢操作不友好；在視頻觀看時點擊后退直接返回主界面，無法回到上一個觀看視頻內(nèi)容。）

4. 框架層分析——界面設(shè)計，導(dǎo)航設(shè)計&信息設(shè)計

4.1 界面設(shè)計

登陸界面：

從上圖可見：B站的登陸界面非常簡潔，僅有注冊、登陸、忘記密碼三個按鈕和兩個輸入文本框，其中登陸和注冊按鈕顏色不同，且登陸按鈕置于右側(cè)，這方便用戶快速找到登陸按鈕的同時，方便了多數(shù)用戶的右手使用習(xí)慣，僅用右手就能完成登陸操作。

值得一提的是：輸入框上面的吉祥物22娘和33娘，在輸入賬戶時，是睜著眼睛；而輸入密碼是則會自動捂住眼睛，這樣的細節(jié)設(shè)計是能夠讓用戶會心一笑的交互體驗。

內(nèi)容展示界面：

內(nèi)容展示界面主要采用網(wǎng)格式和垂直列表式分布，這樣做是因為B站是視頻社交產(chǎn)品，其圖片和視頻的展示比較多，這種采用圖文結(jié)合的展示方法有利于充分利用整個空間，而且每次展示內(nèi)容個數(shù)符合交互設(shè)計的“7±2”原則，內(nèi)容排版從上至下，從左至右，符合用戶的瀏覽習(xí)慣 。用戶能夠準(zhǔn)確找到自己喜歡的內(nèi)容的同時，也不至于在龐大的視頻推薦中選擇困難。

播放界面：

非全屏播放時界面分成三個部分：視頻播放內(nèi)容、視頻相關(guān)信息以及相關(guān)視頻推薦，整體分別從上往下排列。

這樣的界面設(shè)計的好處有以下幾點：

• 視頻播放主要以觀看為主要，置于最上方方便吸引用戶的注意力，同時還能防止因為用戶用手操作手機而影響用視頻觀看。
• 視頻相關(guān)信息主要以文字為主，置于中間位置方便用戶一眼便能了解整個視頻的大致信息，同時這里的手勢操作主要以單擊為主，用戶操作次數(shù)較少，并不會手勢操作不方便的影響。
• 相關(guān)視頻推薦置于最下方，這個位置拇指最容易進行操作，這類則考慮到用戶在觀看視頻的同時，還會進行其他內(nèi)容查找的動作。這類的手勢操作有滑動和點擊，主要以滑動為主，頻率一般為一次以上，考慮到用戶操作方便，把相關(guān)視頻推薦放在底部最為合適。

全屏播放時，界面的功能按鈕分布如下：

• 用戶在視頻觀看中經(jīng)常使用的功能按鈕置于最下方（比如暫停，彈幕，畫質(zhì)，進度條），方便用戶對視頻進行功能上的操作。
• 界面右側(cè)是截圖，GIF制作，以及鎖屏等功能鍵。
• 界面右上方為點贊，踩，投幣，轉(zhuǎn)發(fā)等社交相關(guān)功能鍵。
• 界面右上方則是退出鍵以及視頻標(biāo)題。

4.2 導(dǎo)航設(shè)計

B站的導(dǎo)航設(shè)計模式主要有兩種：“tab標(biāo)簽式的一級導(dǎo)航+分段式”和“宮格式的二級導(dǎo)航”

• 全局導(dǎo)航：底部的5個TAB，囊括了B站產(chǎn)品的五大信息模塊，是模塊入口扁平畫，方便客戶使用產(chǎn)品，全局導(dǎo)航按鈕置于最下方，方便用戶的手勢操作。
• 局部導(dǎo)航：首頁上方有4個分段式導(dǎo)航控件，其占據(jù)空間不大，方面界面展示更多內(nèi)容，這類的界面切換主要通過左右滑動的手勢進行，置于上方不會影響用戶的手勢操作。
• 輔助導(dǎo)航：頻道模塊則采用宮格式導(dǎo)航，把全站內(nèi)容劃分成32個模塊，能夠給客戶展示大量的內(nèi)容，這樣的設(shè)計能夠同時顯示大量的功能，使得功能扁平化，方便在有限的空間內(nèi)最大程度的展現(xiàn)。

4.3 信息設(shè)計

內(nèi)容信息：

視頻內(nèi)容信息主要通過卡片的樣式來展示，卡片包含的信息有圖片、標(biāo)題、標(biāo)簽、up主、時長、播放數(shù)等相關(guān)信息?？ㄆ皆O(shè)計能夠以較少的空間展示大量的內(nèi)容，同時整體視覺整潔有序，方便用戶選擇。圖片和標(biāo)題是主要內(nèi)容，占據(jù)卡片的大部分空間，這樣的設(shè)計方便用戶在第一眼就能大致判斷視頻內(nèi)容信息，減少客戶的選擇和考慮時間。

用戶個人信息：

用戶個人中心主要分成四個板塊：用戶資料、用戶創(chuàng)作、用戶的產(chǎn)品使用和用戶服務(wù)。

這四個板塊基本記錄了用戶使用產(chǎn)品的整個過程，包括了：用戶的社交信息、產(chǎn)出信息和輸入信息。

個人主頁則主要反饋了用戶的產(chǎn)品使用信息，能把用戶感興趣的內(nèi)容收集到一個頁面，方便用戶關(guān)注和尋找。

錯誤提示信息：

以上三個狀態(tài)分別是“未登陸”、“頁面加載失敗”、“搜索內(nèi)容失敗”的三個提醒信息界面。

• 未登陸時，會在界面內(nèi)容的最上方有一個專門的卡片提醒用戶登陸。
• 加載失敗時，會有提醒界面告訴用戶可能時網(wǎng)絡(luò)問題等原因，建議再次刷新。
• 搜索內(nèi)容失敗時，會告知用戶目前站內(nèi)沒有相關(guān)內(nèi)容。

這幾個界面都通過圖文結(jié)合的結(jié)合的形式把提醒信息傳達給用戶，利用吉祥物22娘和33娘的可愛卡通形象，在一定程度上可以緩解用戶在操作失敗后內(nèi)心的失落感。

同時，用特定的姿勢配合文字信息能夠更好地傳遞給客戶，比如：未登陸提醒卡片內(nèi)有22娘和33娘的招手姿態(tài)，配合文字告知用戶登陸后更多精彩。再或者如搜索內(nèi)容失敗，以兩個吉祥物失敗倒地的姿態(tài)配以文字以及顏文字“T T”傳遞給客戶她們兩個一樣感同身受的樣子，緩解了用戶的失落感。

5. 表現(xiàn)層分析

范圍層主要表現(xiàn)產(chǎn)品的視覺設(shè)計效果，以下主要分析打開頁面和推薦首頁的視覺效果設(shè)計：

1）打開B站，首先看到的時左上圖的非常吸引用戶眼球的卡通形象，這里面包含的元素有22娘，33娘以及啤酒，B站通過這個圖片來直接向客戶傳遞“嗶哩嗶哩 (゜-゜)つロ 干杯~”的產(chǎn)品SLAGON信息，強調(diào)了B站的二次元文化的主題。

2）用戶的目光駐點停留再手機的中心位置，打開軟件后，產(chǎn)品跳轉(zhuǎn)的第一個界面是首頁的推薦界面，推薦界面的中心部分是視頻推薦。這樣可以直接把用戶的主要轉(zhuǎn)移到內(nèi)容之上，這個界面有如下特點：

• 內(nèi)容展示呈網(wǎng)格式集中分布，滿足交互設(shè)計中的“接近原則”，促使用戶集中注意力。
• 每個內(nèi)容以卡片式展示，圖文結(jié)合，小范圍空間展示大量內(nèi)容，方便客戶認(rèn)知。
• 內(nèi)容之間通過留白的方式進行區(qū)分，這是最近交互設(shè)計的趨勢，能夠讓這個界面內(nèi)容展示顯得自然而不突兀。
• 一次展示6個內(nèi)容內(nèi)容展示，滿足交互設(shè)計中的“7±2法則“和“?？硕伞保o用戶適當(dāng)量的選擇，減輕用戶的決策成本。
• 對于未登陸用戶，內(nèi)容置頂層有提醒登陸卡片，方便用戶直接跳轉(zhuǎn)登陸頁面。

3）當(dāng)用戶目光焦點移動時，根據(jù)“左→右，上→下”的用戶習(xí)慣，軟件的上下方分別是導(dǎo)航欄。

最上方主要是搜索框，這里采用了粉紅色的色調(diào)，提醒用戶這里的功能很重要；最下方是軟件的一級導(dǎo)航欄，其常用性從左到右依次減少。底色是白色，圖標(biāo)和文字采用了灰色的色調(diào)，相對于黑色而言，灰色會顯得端正而不會過于嚴(yán)肅，同時圖標(biāo)設(shè)計非常可愛，這樣不僅能反映出這部分按鈕的重要性，也能讓用戶感到親近，突出導(dǎo)航入口扁平化的效果。

4）總的來說，整個頁面采用了粉紅色和白色的色調(diào)，給與用戶一種小清新的感覺，比較符合御宅族及二次元文化愛好者的視覺需求。整個界面的內(nèi)容分布頁能夠符合交互設(shè)計的需求，不會讓用戶感覺視覺疲勞和選擇困難。

五、總結(jié)

B站從2009年開始，經(jīng)歷了10年的發(fā)展，從最初的小眾二次元“小破站”發(fā)展到如今國內(nèi)最大的二次元綜合社區(qū)，必定有其獨特的過人之處。

B站成功地抓住自2013年開始二次元市場迅速發(fā)展的機會，準(zhǔn)確定位到25歲以下的目標(biāo)人群并同時滿足了這類人群的核心需求，成功打造了這一塊二次元文化為核心的綜合社交產(chǎn)品。從產(chǎn)品面這款產(chǎn)品的功能，交互以及視覺等都設(shè)計得非常能夠滿足用戶需求，體現(xiàn)了產(chǎn)品的二次元文化核心。從運營面這款產(chǎn)品對站內(nèi)二次元氣氛的營造也做得相對不錯，給與用戶一種“家”的歸屬感。

目前這款產(chǎn)品還是存在一定的缺點，目前在核心用戶群體中的口碑也有下滑的趨勢，希望B站能夠不忘初心，越做越好。

愛死這小破站了?。?！嗶哩嗶哩 (゜-゜)つロ 干杯~

小小的說明：本人還是產(chǎn)品新人，從其他行業(yè)轉(zhuǎn)行過來，通過半個月的學(xué)習(xí)之后寫了這篇分析報告，個人估計各方面皆有分析不足之處，還望見諒，希望藉此文章認(rèn)識更多產(chǎn)品大佬，希望各位多多指教。

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

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