中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文從產(chǎn)品結(jié)構(gòu)、全局說明、流程圖、頁(yè)面邏輯圖、頁(yè)面詳細(xì)說明頁(yè)五個(gè)角度，對(duì)年輕人喜歡的B站進(jìn)行了全方位的分析，希望對(duì)你有幫助。

B站定位是多元化視頻平臺(tái)，主要功能是視頻播放，圍繞視頻播放構(gòu)建的用戶體驗(yàn)十分完善，本文只選取常用的視頻播放等功能進(jìn)行分析。

一、文檔綜述

1.1 文檔屬性

1.2 產(chǎn)品簡(jiǎn)介

產(chǎn)品類型：視頻平臺(tái)

產(chǎn)品slogan： 你感興趣的視頻都在B站

產(chǎn)品介紹：是一個(gè)圍繞用戶、創(chuàng)作者和內(nèi)容，構(gòu)建出一個(gè)源源不斷產(chǎn)生優(yōu)質(zhì)內(nèi)容的生態(tài)系統(tǒng)的多元文化社區(qū)。

產(chǎn)品定位： 中國(guó)年輕世代高度聚集的文化社區(qū)和視頻平臺(tái)

1.3 產(chǎn)品用戶

用戶活躍程度：

2020年5月19日，B站公布了截至2020年3月31日的第一季度未經(jīng)審計(jì)的財(cái)務(wù)報(bào)告。財(cái)報(bào)顯示，B站2020年一季度，月均活躍用戶達(dá)到1.72億，同比增長(zhǎng)70％；移動(dòng)端月均活躍用戶達(dá)到1.56億，同比增長(zhǎng)77％；日均活躍用戶達(dá)到5100萬，同比增長(zhǎng)69%。

在用戶基數(shù)大幅增加的基礎(chǔ)上，社區(qū)活躍度也進(jìn)一步躍升。尤其是用戶日均使用時(shí)長(zhǎng)攀升至87分鐘，環(huán)比提升10分鐘；而社區(qū)月均互動(dòng)數(shù)則高達(dá)49億次，為去年同期的三倍之多。

1.4 需求總結(jié)

二、產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品功能結(jié)構(gòu)圖

右擊，在新標(biāo)簽頁(yè)中打開即可查看

2.2 產(chǎn)品信息架構(gòu)圖

右擊，在新標(biāo)簽頁(yè)中打開即可查看

三、全局說明

3.1 登錄頁(yè)面

權(quán)限說明：

登錄狀態(tài)下可以進(jìn)行所有操作。

未登錄狀態(tài)下進(jìn)入APP，除了可以觀看視頻，其他所有功能都不能進(jìn)行。

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：登錄頁(yè)面

頁(yè)面入口：未登錄狀態(tài)下，在“我的”頁(yè)面左上角顯示“點(diǎn)擊登錄”，或者使用除了觀看視頻之外的所有的交互功能時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)進(jìn)入登錄頁(yè)面

頁(yè)面功能：實(shí)現(xiàn)兩種方式的登錄——手機(jī)驗(yàn)證碼登錄、密碼登錄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

手機(jī)驗(yàn)證碼登錄方式：

• 初始界面下，呈現(xiàn)國(guó)家/地區(qū)選擇框、手機(jī)號(hào)碼輸入欄、驗(yàn)證碼輸入欄、獲取驗(yàn)證碼按鈕、驗(yàn)證登錄按鈕。
• 手機(jī)號(hào)碼默認(rèn)+86，輸入限制16位數(shù)字，當(dāng)輸入非數(shù)字內(nèi)容時(shí)，輸入欄不予顯示；輸入數(shù)字后，獲取驗(yàn)證碼按鈕亮起；輸入錯(cuò)誤格式、無效號(hào)碼時(shí)，點(diǎn)擊“獲取驗(yàn)證碼”，彈出“手機(jī)號(hào)格式錯(cuò)誤”。
• 點(diǎn)擊“獲取驗(yàn)證碼”后，會(huì)彈出一個(gè)滑圖驗(yàn)證，“獲取驗(yàn)證碼”按鈕變?yōu)椤?0s后重試”，倒計(jì)時(shí)結(jié)束前不能在獲取驗(yàn)證碼。
• 驗(yàn)證碼正確，完成登錄，進(jìn)入“我的”頁(yè)面。

密碼登錄：

• 初始界面下，右上方有密碼登錄按鈕，點(diǎn)擊進(jìn)入密碼登錄界面。
• 登錄界面，呈現(xiàn)賬號(hào)輸入欄、密碼輸入欄、忘記密碼按鈕、注冊(cè)按鈕、登錄按鈕。
• 賬號(hào)輸入欄支持輸入手機(jī)號(hào)與郵箱，且沒有字?jǐn)?shù)限制、字符類別限制；密碼輸入欄同上也沒有任何限制，輸入密碼時(shí)輸入的字符會(huì)短暫的顯示2s，然后隱藏為“*”。
• 點(diǎn)擊注冊(cè)，進(jìn)入“手機(jī)號(hào)登陸注冊(cè)”頁(yè)面，通過手機(jī)號(hào)驗(yàn)證注冊(cè)賬號(hào)。
• 忘記密碼時(shí)，點(diǎn)擊“忘記密碼”按鈕，會(huì)彈出“已綁定手機(jī)號(hào)”、“已綁定郵箱”的選項(xiàng)，點(diǎn)擊前者，跳轉(zhuǎn)進(jìn)入手機(jī)號(hào)驗(yàn)證登錄方式，點(diǎn)擊后者，通過綁定郵箱重置密碼。
• 賬號(hào)密碼登錄成功后，完成登錄，進(jìn)入“我的”頁(yè)面。

3.2 網(wǎng)絡(luò)環(huán)境

此為在沒有wifi，打開了數(shù)據(jù)的狀態(tài)下，橫屏豎屏播放的頁(yè)面。

流程，先關(guān)閉wifi、打開數(shù)據(jù)，再點(diǎn)進(jìn)視頻。

結(jié)果，播放頁(yè)面會(huì)提醒流量消耗。

右擊，在新標(biāo)簽頁(yè)中打開即可查看

此為在沒有網(wǎng)絡(luò)狀態(tài)下，TAB欄的五個(gè)頁(yè)面
流程，先關(guān)閉網(wǎng)絡(luò)，再打開APP。
結(jié)果，前兩個(gè)TAB頁(yè)面不能顯示，后三個(gè)TAB頁(yè)面可以正常顯示。

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.3 鍵盤輸入

只有在手機(jī)號(hào)驗(yàn)證登錄時(shí)，點(diǎn)擊手機(jī)號(hào)輸入欄/驗(yàn)證碼輸入欄，會(huì)彈出數(shù)字鍵盤。

其余所有的輸入都是彈出字母鍵盤。

右擊，在新標(biāo)簽頁(yè)中打開即可查看

在豎屏播放頁(yè)面，右下角有一個(gè)笑臉按鈕，點(diǎn)擊后，底側(cè)彈出表情包鍵盤。
在字母鍵盤中，也可以點(diǎn)擊笑臉按鈕，切換至表情包鍵盤。

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.4 評(píng)論框

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：評(píng)論頁(yè)面

頁(yè)面入口：在TAB欄“首頁(yè)”下，任一標(biāo)簽頁(yè)面內(nèi)，點(diǎn)擊右上角“消息”按鈕，進(jìn)入消息頁(yè)面

頁(yè)面結(jié)構(gòu)：

• 評(píng)論切換欄
• 用戶信息欄
• 用戶的評(píng)論內(nèi)容
• 對(duì)用戶評(píng)論的反饋
• 二次評(píng)論
• 評(píng)論欄

頁(yè)面邏輯內(nèi)容及其詳細(xì)交互：

從左到右，發(fā)送彈幕、彈幕開關(guān)。

發(fā)送彈幕，點(diǎn)擊該按鈕，按鈕變?yōu)椤皬椖惠斎胫小?，同時(shí)底側(cè)彈出鍵盤，可以進(jìn)行彈幕的發(fā)送。

彈幕開關(guān)，默認(rèn)為開啟彈幕；點(diǎn)擊該圖標(biāo)，圖標(biāo)右下角顯示“禁止“圖標(biāo)，關(guān)閉彈幕；再次點(diǎn)擊，復(fù)原。

評(píng)論切換欄，默認(rèn)“按熱度”（熱度按多項(xiàng)指標(biāo)計(jì)算），所有用戶的評(píng)論按熱度從大到小排序；點(diǎn)擊該按鈕，變?yōu)椤卑磿r(shí)間“，所有用戶的評(píng)論按時(shí)間，最近發(fā)布的排序靠前。

用戶信息欄：從左到右，用戶信息、關(guān)注。

顯示用戶頭像、名稱、賬號(hào)等級(jí)、評(píng)論時(shí)間（只有豎屏播放-評(píng)論框內(nèi)，顯示了用戶逇賬號(hào)等級(jí)）

關(guān)注，在“按熱度”下，排序靠前的三個(gè)用戶會(huì)顯示“關(guān)注”按鈕；如果是該視頻的up主的評(píng)論，不管“按熱度”、“按時(shí)間”，都會(huì)顯示。

點(diǎn)擊后變?yōu)榛疑摹耙殃P(guān)注”，然后再次點(diǎn)擊，底側(cè)彈出窗口，點(diǎn)擊”取消關(guān)注“即可取消關(guān)注。

用戶的評(píng)論內(nèi)容，點(diǎn)擊此范圍，底側(cè)彈出鍵盤，進(jìn)行對(duì)該用戶評(píng)論內(nèi)容的二次評(píng)論。

對(duì)用戶評(píng)論的反饋，從左到右，點(diǎn)贊、不喜歡、分享、評(píng)論、拉黑按鈕。

• 點(diǎn)贊，按鈕右方顯示點(diǎn)贊數(shù)，點(diǎn)擊該按鈕，點(diǎn)贊數(shù)加1，同時(shí)按鈕與點(diǎn)贊數(shù)變紅，如果再次點(diǎn)擊，恢復(fù)原狀。
• 不喜歡，點(diǎn)擊后，按鈕變紅，如果再次點(diǎn)擊，恢復(fù)原狀（同時(shí)點(diǎn)贊與不喜歡不能同時(shí)點(diǎn)擊，點(diǎn)擊其中一個(gè)，將取消之前對(duì)另一個(gè)的點(diǎn)擊）。
• 分享，點(diǎn)擊后，底側(cè)彈出分享框，可將該用戶評(píng)論分享至第三方平臺(tái)。
• 評(píng)論，點(diǎn)擊后，底側(cè)彈出鍵盤，進(jìn)行對(duì)該用戶評(píng)論內(nèi)容的二次評(píng)論。
• 拉黑，點(diǎn)擊后，從該按鈕彈出窗口，可選擇“加入黑名單”/“舉報(bào)”：點(diǎn)擊前者，將彈出警示，點(diǎn)擊”確認(rèn)“可拉黑該用戶；點(diǎn)擊后者，右側(cè)彈出舉報(bào)頁(yè)面，必須且只能選擇一個(gè)舉報(bào)的類型，然后點(diǎn)擊“提交”按鈕可進(jìn)行舉報(bào)。

二次評(píng)論：

此欄顯示了用戶對(duì)用戶評(píng)論的評(píng)論，包括用戶名稱、評(píng)論內(nèi)容，最下方是二次評(píng)論的數(shù)量。點(diǎn)擊此欄，底側(cè)彈出二次評(píng)論框，展示所有的二次評(píng)論。

評(píng)論欄：從左到右，評(píng)論欄、表情包。

• 評(píng)論欄，點(diǎn)擊后，底側(cè)彈出鍵盤，進(jìn)行對(duì)該視頻的評(píng)論（可點(diǎn)擊表情包按鈕，切換至表情包鍵盤）。
• 表情包，點(diǎn)擊后，底側(cè)彈出表情包鍵盤，可自由選擇多種表情包。選擇完畢后，可點(diǎn)擊鍵盤按鈕，切換至普通鍵盤，輸入文字，完成對(duì)視頻的評(píng)論。

3.5 消息頁(yè)

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：消息頁(yè)面

頁(yè)面入口：在“首頁(yè)”任一標(biāo)簽下，點(diǎn)擊右上角消息按鈕，右側(cè)彈出消息頁(yè)面

頁(yè)面結(jié)構(gòu)：通訊錄區(qū)、互動(dòng)區(qū)、消息區(qū)

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

通訊錄區(qū)：

左邊的為通訊錄按鈕，點(diǎn)擊后，右側(cè)彈出通訊錄頁(yè)面。

右邊的為消息設(shè)置按鈕，點(diǎn)擊后，彈出彈窗，從上到下分別為“消息設(shè)置”、“up主”小助手、“應(yīng)援團(tuán)消息助手”，點(diǎn)擊將進(jìn)入相應(yīng)頁(yè)面。

互動(dòng)區(qū)：

此處是一個(gè)互動(dòng)消息的集中，可以按照不同的互動(dòng)類型查看與個(gè)人有關(guān)的互動(dòng)消息。從左到右描述：

• 回復(fù)我的：點(diǎn)擊后，右側(cè)彈出頁(yè)面，里面從上到下按時(shí)間順序展示了其他用戶對(duì)于我發(fā)表的評(píng)論的回復(fù)。點(diǎn)擊任一回復(fù)框，將跳轉(zhuǎn)進(jìn)入該回復(fù)所在的頁(yè)面。
• @我：點(diǎn)擊后，右側(cè)彈出頁(yè)面，里面從上到下按時(shí)間順序展示了其他用戶發(fā)表的對(duì)@我的評(píng)論。點(diǎn)擊任一評(píng)論框，將跳轉(zhuǎn)進(jìn)入該回復(fù)所在的頁(yè)面。
• 收到的贊：點(diǎn)擊后，右側(cè)彈出頁(yè)面，里面從上到下按時(shí)間順序展示了其他用戶對(duì)于我的評(píng)論的點(diǎn)贊。點(diǎn)擊任一回復(fù)框，將跳轉(zhuǎn)進(jìn)入該回復(fù)所在的頁(yè)面。
• 系統(tǒng)通知：點(diǎn)擊后，右側(cè)彈出頁(yè)面，里面從上到下按時(shí)間順序展示了系統(tǒng)通知。

聊天列表：從上到下按時(shí)間順序展示了用戶對(duì)我發(fā)送的私信，點(diǎn)擊任一私信欄，右側(cè)彈出與該用戶的對(duì)話頁(yè)面，類似于社交APP的對(duì)話。

3.6 分享頁(yè)

3.6.1 豎屏分享頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.6.2 橫屏分享頁(yè)面

在橫批播放頁(yè)面，點(diǎn)擊分享按鈕，底側(cè)彈出分享框，同時(shí)頁(yè)面的其余功能按鈕消失，變?yōu)椴シ乓曨l的頁(yè)面效果。

分享的功能同豎屏一致。

3.7 播放頁(yè)面交互

此部分主要是考察，在播放視頻時(shí)，單擊/雙擊頁(yè)面帶來的交互及頁(yè)面變化。

3.7.1 豎屏播放頁(yè)面交互

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.7.2 橫屏播放頁(yè)面交互

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.8 播放頁(yè)面功能

此部分主要是考察，在播放視頻時(shí)，播放頁(yè)面上的各種功能。

3.8.1 豎屏頁(yè)面播放功能

右擊，在新標(biāo)簽頁(yè)中打開即可查看

3.8.2 橫屏頁(yè)面播放功能

右擊，在新標(biāo)簽頁(yè)中打開即可查看

四、產(chǎn)品流程圖

4.1 登錄注冊(cè)流程

右擊，在新標(biāo)簽頁(yè)中打開即可查看

4.2 觀看視頻/購(gòu)物流程

右擊，在新標(biāo)簽頁(yè)中打開即可查看

五、產(chǎn)品頁(yè)面邏輯圖

右擊，在新標(biāo)簽頁(yè)中打開即可查看

右擊，在新標(biāo)簽頁(yè)中打開即可查看

六、頁(yè)面詳細(xì)說明頁(yè)

6.1 首頁(yè)頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：首頁(yè)-推薦頁(yè)面

頁(yè)面入口：在首頁(yè)，第二欄位于“推薦”時(shí)。每次打開APP，會(huì)自動(dòng)跳入首頁(yè)-推薦頁(yè)面

頁(yè)面結(jié)構(gòu)：搜索區(qū)；標(biāo)簽區(qū)；輪播區(qū)；展示區(qū)；TAB欄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

整個(gè)頁(yè)面：上拉可刷新

搜索區(qū)：

• 位于頁(yè)面最頂端，從左到右描述：
• 左邊是用戶頭像，點(diǎn)擊后，跳轉(zhuǎn)進(jìn)入“我的”頁(yè)面。
• 中間是搜索欄，點(diǎn)擊后，右側(cè)滑出搜索頁(yè)面。
• 右邊是消息按鈕，點(diǎn)擊后，右側(cè)滑出消息頁(yè)面，詳見上文消息頁(yè)面。

標(biāo)簽區(qū)：

• 該部分可以選擇進(jìn)入不同頁(yè)面，每次打開APP，會(huì)自動(dòng)跳入推薦頁(yè)面。
• 在推薦頁(yè)面，“推薦”二字加粗、變紅，底部有一紅線。
• 切換頁(yè)面的交互方式有兩種，左右滑動(dòng)以及直接點(diǎn)擊“直播”/“熱門”等按鈕。

輪播區(qū)：

• 三個(gè)banner輪流向左滑動(dòng)，每次展示持續(xù)2s。
• 右下角有三個(gè)圓點(diǎn)，當(dāng)展示某一banner時(shí)，對(duì)應(yīng)的圓點(diǎn)將亮起，其余的變灰。
• 用戶可以左右滑動(dòng)以切換banner。
• 點(diǎn)擊Banner，右側(cè)滑出相應(yīng)的頁(yè)面。

展示區(qū)：

• 視頻呈兩欄式分布，可上下滑動(dòng)。
• 每一視頻包括的信息：封面、播放量、評(píng)論、時(shí)長(zhǎng)、視頻名稱、點(diǎn)贊數(shù)/視頻類型。
• 點(diǎn)擊該區(qū)，右側(cè)滑出豎屏播放頁(yè)面，視頻自動(dòng)播放。

TAB欄：

• 在首頁(yè)頁(yè)面，對(duì)應(yīng)的文字、圖標(biāo)變紅。
• 點(diǎn)擊其他圖標(biāo)，可跳轉(zhuǎn)進(jìn)入其他頁(yè)面。

6.2 頻道頁(yè)面

6.2.1 頻道-頻道頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：頻道-頻道頁(yè)面

頁(yè)面入口：打開APP后，點(diǎn)擊TAB”頻道“，默認(rèn)進(jìn)入頻道頁(yè)面

頁(yè)面結(jié)構(gòu)：

• 標(biāo)簽區(qū)
• 搜索區(qū)
• 訂閱區(qū)
• 最近看過區(qū)
• 詳細(xì)訂閱區(qū)

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明

整個(gè)頁(yè)面：上拉可刷新

標(biāo)簽區(qū)：

• 左邊是頻道按鈕，右邊是分區(qū)按鈕。
• 在頻道頁(yè)面，“頻道”按鈕顯示為紅色加粗，下方有一紅線。
• 在整個(gè)頁(yè)面任意位置，向左滑動(dòng)/點(diǎn)擊分區(qū)按鈕，將切換至分區(qū)頁(yè)面。

搜索區(qū)：

點(diǎn)擊后，右側(cè)滑出搜索頁(yè)面。

訂閱區(qū)：

• 此處展示的是用戶訂閱的頻道。
• 訂閱的頻道從左到右按訂閱時(shí)間先后分布，最右邊的一個(gè)是“更多頻道”。
• 點(diǎn)擊任一訂閱頻道，右側(cè)滑出該頻道頁(yè)面；點(diǎn)擊“更多頻道”按鈕，右側(cè)滑出“全部頻道”頁(yè)面。

最近看過區(qū)：

• 此處從左到右按，瀏覽的時(shí)間先后展示最近看過頻道。
• 可以左滑查看更多看過的頻道。
• 點(diǎn)擊任一頻道，右側(cè)滑出該頻道頁(yè)面。

詳細(xì)訂閱區(qū)：

• 此處展示了訂閱頻道的詳情，每個(gè)訂閱頻道展示了兩個(gè)視頻。
• 可以向下滑動(dòng)，查看更多頻道。
• 點(diǎn)擊右上角“管理訂閱”，右側(cè)滑出“全部頻道”頁(yè)面；“進(jìn)入頻道”按鈕的左邊顯示了更新的視頻數(shù)量，點(diǎn)擊該按鈕，右側(cè)滑出該頻道頁(yè)面；點(diǎn)擊下方展示的任一視頻，右側(cè)滑出該視頻豎屏播放頁(yè)面。

6.2.2 頻道-分區(qū)頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：分區(qū)頁(yè)面

頁(yè)面入口：打開APP后，點(diǎn)擊TAB頻道，進(jìn)入頻道頁(yè)面，向左滑動(dòng)，進(jìn)入分區(qū)頁(yè)面

頁(yè)面結(jié)構(gòu)：標(biāo)簽區(qū)、類別區(qū)、TAB欄

頁(yè)面邏輯內(nèi)容以及交互詳細(xì)說明：

標(biāo)簽區(qū)：

• 左邊是頻道按鈕，右邊是分區(qū)按鈕。
• 在分區(qū)頁(yè)面，“分區(qū)”按鈕顯示為紅色加粗，下方有一紅線。
• 在整個(gè)頁(yè)面任意位置，向右滑動(dòng)/點(diǎn)擊分區(qū)按鈕，將切換至頻道頁(yè)面。

類別區(qū)：

• 這一部分展示了所有的分區(qū)。
• 可以向下滑動(dòng)。
• 點(diǎn)擊任一圖標(biāo)，右側(cè)滑出該分區(qū)頁(yè)面。

TAB欄：

• 在頻道頁(yè)面，對(duì)應(yīng)的文字、圖標(biāo)變紅。
• 點(diǎn)擊其他圖標(biāo)，可跳轉(zhuǎn)進(jìn)入其他頁(yè)面。

6.3 動(dòng)態(tài)頁(yè)面

6.3.1 動(dòng)態(tài)-綜合

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：動(dòng)態(tài)-綜合頁(yè)面

頁(yè)面入口：

• 打開APP后，點(diǎn)擊TAB欄“動(dòng)態(tài)”按鈕，進(jìn)入綜合頁(yè)面。
• 在視頻頁(yè)面任意位置，向右滑動(dòng)/點(diǎn)擊綜合按鈕，將切換至綜合頁(yè)面。

頁(yè)面結(jié)構(gòu)：

從上到下描述：

• 標(biāo)簽區(qū)
• 搜索區(qū)
• 關(guān)注up主的直播區(qū)
• 話題區(qū)
• 綜合動(dòng)態(tài)區(qū)
• TAB欄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

整個(gè)頁(yè)面：上拉可刷新

標(biāo)簽區(qū)：

• 從左到右，視頻、綜合、編輯按鈕。
• 在綜合頁(yè)面，“綜合”按鈕顯示為紅色加粗，下方有一紅線。
• 點(diǎn)擊編輯按鈕，右側(cè)滑出編輯頁(yè)面，可以編輯并發(fā)布動(dòng)態(tài)。
• 點(diǎn)擊后，底側(cè)跳出搜索頁(yè)面，可以搜索動(dòng)態(tài)內(nèi)容。

關(guān)注up主的直播區(qū)：

• 此處顯示的是用戶關(guān)注的正在直播的up主。
• 點(diǎn)擊頭像后，右側(cè)滑出該up主豎屏直播頁(yè)面，默認(rèn)播放直播。

話題區(qū)：

• 此處顯示的是網(wǎng)站的熱門話題以及用戶的訂閱話題。
• 點(diǎn)擊“查看更多”按鈕，右側(cè)滑出話題頁(yè)面。

綜合動(dòng)態(tài)區(qū)：

• 此處從上到下，按投稿時(shí)間先后展示了關(guān)注的up主的綜合動(dòng)態(tài)（包括專欄、視頻、圖文）。
• 可以上下滑動(dòng)，查看更多綜合動(dòng)態(tài)。
• 點(diǎn)擊右上角“更多”按鈕，底側(cè)彈出彈窗，頁(yè)面其余部分變暗。彈窗內(nèi)容包括稍后在看等功能。
• 點(diǎn)擊up主頭像，右側(cè)滑出up主個(gè)人空間。
• 點(diǎn)擊其余部分，右側(cè)滑出豎屏視頻播放頁(yè)面/專欄頁(yè)面/圖文頁(yè)面。
• TAB欄：同上。

6.3.2 動(dòng)態(tài)-視頻

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：動(dòng)態(tài)-視頻頁(yè)面

頁(yè)面入口：

• 打開APP后，點(diǎn)擊TAB欄“動(dòng)態(tài)”按鈕，進(jìn)入綜合頁(yè)面，向右滑動(dòng)，進(jìn)入視頻頁(yè)面。
• 在視頻頁(yè)面任意位置，向左滑動(dòng)/點(diǎn)擊綜合按鈕，將切換至綜合頁(yè)面。

頁(yè)面結(jié)構(gòu)：

從上到下描述：

• 標(biāo)簽區(qū)
• 搜索區(qū)
• 關(guān)注up主的最常訪問區(qū)
• 我的追番追劇區(qū)
• 視頻動(dòng)態(tài)區(qū)
• TAB欄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

整個(gè)頁(yè)面：上拉可刷新

標(biāo)簽區(qū)：

• 從左到右，視頻、綜合、編輯按鈕。
• 在綜合頁(yè)面，“視頻”按鈕顯示為紅色加粗，下方有一紅線。
• 點(diǎn)擊編輯按鈕，右側(cè)滑出編輯頁(yè)面，可以編輯并發(fā)布動(dòng)態(tài)。

搜索區(qū)：

點(diǎn)擊后，底側(cè)跳出搜索頁(yè)面，可以搜索動(dòng)態(tài)內(nèi)容。

關(guān)注up主的最常訪問區(qū)：

• 此處顯示的是用戶關(guān)注的最常訪問的up主
• 頭像右下角有紅點(diǎn)的up主排在左邊，沒有的排在右邊。
• 頭像右下角的紅點(diǎn)表示該up主有新的視頻動(dòng)態(tài)，點(diǎn)擊紅點(diǎn)頭像后，跳轉(zhuǎn)進(jìn)入該up主的視頻動(dòng)態(tài)頁(yè)面。返回后，該up主紅點(diǎn)消失。

我的追番追劇區(qū)：

• 此處顯示的用戶的追番追劇，可左右滑動(dòng)。
• 點(diǎn)擊任一番劇，右側(cè)滑出該番劇豎屏播放頁(yè)面。
• 點(diǎn)擊右上角“全部”按鈕，右側(cè)滑出“我的收藏”頁(yè)面，默認(rèn)“追番”標(biāo)簽。

視頻動(dòng)態(tài)區(qū)：

• 此處從上到下，按投稿時(shí)間先后展示了關(guān)注的up主的視頻動(dòng)態(tài)。
• 可以上下滑動(dòng)，查看更多視頻動(dòng)態(tài)。
• 點(diǎn)擊右上角“更多”按鈕，底側(cè)彈出彈窗，頁(yè)面其余部分變暗。彈窗內(nèi)容包括稍后在看等功能。
• 點(diǎn)擊up主頭像，右側(cè)滑出up主個(gè)人空間。
• 點(diǎn)擊其余部分，右側(cè)滑出豎屏視頻播放頁(yè)面。
• TAB欄：同上。

6.4 會(huì)員購(gòu)頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：動(dòng)態(tài)-綜合頁(yè)面

頁(yè)面入口：打開APP后，點(diǎn)擊TAB欄“會(huì)員購(gòu)”按鈕，進(jìn)入會(huì)員購(gòu)頁(yè)面

頁(yè)面結(jié)構(gòu)：

從上到下描述

• 功能區(qū)
• 搜索區(qū)
• 分類區(qū)
• 精選區(qū)
• 輪播區(qū)
• 展示區(qū)
• TAB欄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

整個(gè)頁(yè)面：上拉可刷新

功能區(qū)：

• 從左到右，收藏、購(gòu)物車、會(huì)員購(gòu)中心按鈕。
• 點(diǎn)擊按鈕，右側(cè)將滑出對(duì)應(yīng)的頁(yè)面，可進(jìn)行相應(yīng)的操作。
• 點(diǎn)擊后，底側(cè)跳出搜索頁(yè)面，可以搜索動(dòng)態(tài)內(nèi)容。

分類區(qū)：

此處展示的是商品的分類，點(diǎn)擊圖標(biāo)可進(jìn)入對(duì)應(yīng)的分類商品。

精選區(qū)：

從左到右，分別為“今日上新”、“圈子社區(qū)”、“IP樂園”。點(diǎn)擊后，將進(jìn)入相應(yīng)的頁(yè)面。

輪播區(qū)：

• 六個(gè)banner輪流向左滑動(dòng)，每次展示持續(xù)5s。
• 右下角有三個(gè)圓點(diǎn)，當(dāng)展示某一banner時(shí)，對(duì)應(yīng)的圓點(diǎn)將亮起，其余的變灰。
• 用戶可以左右滑動(dòng)以切換banner。
• 點(diǎn)擊Banner，右側(cè)滑出相應(yīng)的頁(yè)面。

展示區(qū)：

• 頂部的四個(gè)按鈕是類別，下方是對(duì)應(yīng)的商品展示區(qū)。
• 商品呈兩欄式分布，點(diǎn)擊某一商品，進(jìn)入該商品詳細(xì)頁(yè)，可以完成支付購(gòu)買。

TAB欄：同上。

6.5 我的頁(yè)面

右擊，在新標(biāo)簽頁(yè)中打開即可查看

頁(yè)面名稱：我的頁(yè)面

頁(yè)面入口：

• 點(diǎn)擊TAB欄“我的”按鈕，進(jìn)入我的頁(yè)面。
• 在“首頁(yè)”頁(yè)面，點(diǎn)擊左上角頭像，進(jìn)入我的頁(yè)面。

頁(yè)面結(jié)構(gòu)：

從上到下描述

• 背景設(shè)置區(qū)
• 用戶信息區(qū)
• 社交區(qū)
• 大會(huì)員區(qū)
• 視頻功能區(qū)
• 創(chuàng)作區(qū)
• 服務(wù)區(qū)
• TAB欄

頁(yè)面邏輯內(nèi)容及其交互詳細(xì)說明：

背景設(shè)置區(qū)：

• 從左到右的功能，掃一掃、主題顏色、夜間。
• 點(diǎn)擊掃一掃，右側(cè)滑出該功能頁(yè)面。
• 點(diǎn)擊主題顏色，右側(cè)滑出該功能頁(yè)面，可以設(shè)置首頁(yè)視圖、主題顏色。
• 點(diǎn)擊夜間，切換至夜間模式，整個(gè)APP的白色背景變?yōu)榛疑尘啊?/li>

用戶信息區(qū)：

• 左邊，包括用戶頭像、昵稱、性別符號(hào)、賬號(hào)等級(jí)、會(huì)員資格、B幣數(shù)量、硬幣數(shù)量。
• 右邊，顯示出空間兩字。
• 點(diǎn)擊該區(qū)，右側(cè)滑出空間頁(yè)面，可以進(jìn)行編輯資料、管理空間等操作。

社交區(qū)：

• 此處顯示的是與社交相關(guān)。
• 從左到右，顯示用戶的動(dòng)態(tài)、關(guān)注的up主、用戶的粉絲。
• 點(diǎn)擊任一按鈕，可進(jìn)入相應(yīng)頁(yè)面。

大會(huì)員區(qū)：

點(diǎn)擊此部分，右側(cè)滑出大會(huì)員頁(yè)面，可進(jìn)行與大會(huì)員相關(guān)的操作。

視頻功能區(qū)：

• 從左到右，顯示離線緩存、歷史記錄、我的收藏、稍后在看。
• 點(diǎn)擊任一按鈕，可進(jìn)入相應(yīng)頁(yè)面。

創(chuàng)作區(qū)：

• 右上角，顯示圓角框紅色填充背景的“發(fā)布”按鈕。點(diǎn)擊后，底側(cè)彈出彈窗，可以編輯并發(fā)布相應(yīng)內(nèi)容。
• 從左到右，顯示創(chuàng)作首頁(yè)、創(chuàng)作學(xué)院、創(chuàng)作日歷、熱門活動(dòng)。點(diǎn)擊任一按鈕，可進(jìn)入相應(yīng)頁(yè)面。

服務(wù)區(qū)：

• 此處顯示了“推薦服務(wù)”與“更多服務(wù)”。
• 點(diǎn)擊任一按鈕，可進(jìn)入相應(yīng)頁(yè)面。

TAB欄：同上。

七、總結(jié)

整體來看，B站功能完善而強(qiáng)大，圍繞視頻播放為中心構(gòu)建了龐大的功能生態(tài)；同時(shí)完整的分類體系體現(xiàn)了多元化的內(nèi)容，包攬了年輕用戶所想觀看的一切。

TAB欄一個(gè)是動(dòng)態(tài)，一個(gè)是會(huì)員購(gòu)。

動(dòng)態(tài)可以理解為，B站不僅僅想要發(fā)展圍繞觀看視頻所形成彈幕文化、社區(qū)氛圍，也在構(gòu)建up主與觀眾之間的關(guān)系鏈，進(jìn)一步沉淀用戶之間的氛圍。

動(dòng)態(tài)本質(zhì)上與微博一般無二，是一種中心化的用戶與一般觀眾的單向聯(lián)系。

但是我個(gè)人的理解，兩者是有不同的，對(duì)微博而言，用戶間的聯(lián)系是根本，對(duì)B站而言，視頻是根本，用戶間的聯(lián)系為輔，具體反映為：up主們更多的是利用動(dòng)態(tài)轉(zhuǎn)發(fā)個(gè)人的視頻、專欄等，用作給視頻導(dǎo)流；轉(zhuǎn)發(fā)視頻的動(dòng)態(tài)的點(diǎn)贊、評(píng)論多于日常動(dòng)態(tài)。

會(huì)員購(gòu)則是B站的特有了。形式與其他購(gòu)物平臺(tái)一般無二，但是商品完全聚焦在二次元，包括手辦、魔力賞、游戲相關(guān)等，異常鮮明地針對(duì)B站的用戶群體。

購(gòu)物從兩個(gè)方面來講，二次元商品這個(gè)垂直領(lǐng)域B站是無敵的，但是體量有限。同時(shí)在B站不斷破圈的進(jìn)程中，內(nèi)容、用戶越來越多元的進(jìn)程中，商品卻仍然聚焦于二次元，說明用戶不習(xí)慣B站購(gòu)買非二次元商品，個(gè)人比較不看好。

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

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