編輯導(dǎo)語(yǔ)：B站作為國(guó)內(nèi)較大的一個(gè)視頻彈幕網(wǎng)站，B站的生態(tài)一直都做得很好；在B站社區(qū)里有各種興趣板塊，每個(gè)小圈子都有自己的“黑話”，B站更多細(xì)節(jié)化的設(shè)計(jì)更是讓用戶(hù)體驗(yàn)往上漲；本文作者分享了關(guān)于B站的一些設(shè)計(jì)細(xì)節(jié)，我們一起來(lái)了解一下。

作為一個(gè)優(yōu)秀的設(shè)計(jì)師，在拿到產(chǎn)品需求同時(shí)不僅僅要考慮產(chǎn)品的設(shè)計(jì)工作，更要思考如何在產(chǎn)品中添加能打動(dòng)用戶(hù)、增強(qiáng)用戶(hù)的粘性的交互細(xì)節(jié)，設(shè)身處地的站在用戶(hù)的視角去設(shè)計(jì)功能。

不需要我們?cè)O(shè)計(jì)的有多么復(fù)雜，可能是一個(gè)步驟的簡(jiǎn)化、一句打動(dòng)人心的文案、一個(gè)會(huì)心一笑的彩蛋、一個(gè)趣味的動(dòng)效；而嗶哩嗶哩作為一個(gè)有著獨(dú)特的社區(qū)氛圍和用戶(hù)粘性的產(chǎn)品，又有哪些獨(dú)到的設(shè)計(jì)細(xì)節(jié)呢，接下來(lái)就一起來(lái)看看吧。

01 登錄時(shí)的小體貼

使用場(chǎng)景：

在用賬號(hào)密碼登錄時(shí)，當(dāng)輸入密碼時(shí)密碼框上方的2233娘會(huì)捂上眼睛。

設(shè)計(jì)思考：

App的登錄頁(yè)面一直是應(yīng)用中必不可少的一環(huán)，用戶(hù)打開(kāi)應(yīng)用可能第一步就是登錄頁(yè)面，這相當(dāng)于一款應(yīng)用的臉面，也是用戶(hù)使用產(chǎn)品的源頭；因?yàn)椴怀１挥玫剿缘卿涰?yè)面也更最容易被忽視，而且在登錄網(wǎng)站或應(yīng)用在輸入密碼時(shí)，無(wú)論周?chē)h(huán)境如何我們總會(huì)潛意識(shí)里產(chǎn)生一絲不安全感，總是害怕自己的賬號(hào)密碼被他人得知使得賬號(hào)丟失。

B站對(duì)于這個(gè)問(wèn)題的處理方式顯得十分可愛(ài)，在用戶(hù)登錄賬號(hào)輸入密碼時(shí)背景里的2233娘會(huì)出現(xiàn)雙手捂眼的小動(dòng)畫(huà)。

在信息高度自由交流化的今天，同質(zhì)化的產(chǎn)品很多，整個(gè)輸入密碼的操作其實(shí)與其他應(yīng)用可能并無(wú)差別；但因?yàn)橛辛诉@個(gè)蒙眼動(dòng)作的心理暗示作用，用戶(hù)會(huì)感到自己的隱私受到保護(hù)與尊重從而產(chǎn)生安全感，同時(shí)富有人情味的設(shè)計(jì)也會(huì)拉升用戶(hù)對(duì)App的好感。

02 視頻靜音播放提醒

使用場(chǎng)景：

當(dāng)你的手機(jī)系統(tǒng)媒體音量為0時(shí)，打開(kāi)B站播放任何一個(gè)視頻時(shí)都會(huì)在開(kāi)頭第一秒的左下角提醒【當(dāng)前處于靜音狀態(tài)】。

設(shè)計(jì)思考：

閑暇時(shí)刻停下來(lái)戴上耳機(jī)，隨手打開(kāi)視頻App點(diǎn)開(kāi)一部劇集播放卻許久沒(méi)有聲音，也許你會(huì)覺(jué)得是耳機(jī)壞了，或者鼓搗了一番以后也沒(méi)有任何反饋，然后發(fā)現(xiàn)是沒(méi)開(kāi)聲音，這是一個(gè)生活中再尋常不過(guò)的使用場(chǎng)景。

但貼心的B站針對(duì)此情景為用戶(hù)也提供了很好的反饋體驗(yàn)：只要檢測(cè)到靜音播放的情境，B站就會(huì)在視頻的第一秒自動(dòng)出現(xiàn)「當(dāng)前處于靜音狀態(tài)」的提示，讓用戶(hù)對(duì)自身的操作行為得到具有「確定性」的即時(shí)反饋是提供良好用戶(hù)體驗(yàn)的準(zhǔn)則之一。

03 番劇區(qū)特有「修仙模式」

使用場(chǎng)景：

位于【番劇時(shí)間表】下方的隱藏功能，開(kāi)啟以后第二天凌晨才更新的番劇會(huì)出現(xiàn)在今天的時(shí)間表上（提醒你今晚修仙）。

設(shè)計(jì)思考：

結(jié)束了一天忙碌的工作、學(xué)習(xí)，很多朋友都會(huì)選擇在晚上看看書(shū)、追追劇來(lái)緩解一天的壓力與疲憊。

若你在漫漫長(zhǎng)夜也睡不著的話，不妨開(kāi)啟B站番劇區(qū)獨(dú)有的的「修仙模式」；在B站的追番設(shè)置里開(kāi)啟「修仙模式」，深夜0點(diǎn)到6點(diǎn)的動(dòng)畫(huà)就會(huì)在前一天展示并且B站內(nèi)的時(shí)間顯示會(huì)由正常的24小時(shí)變成30小時(shí)制；24小時(shí)變30小時(shí)，這修仙模式真是延年益壽啊，快使用吧，說(shuō)不定自己就渡劫飛升啦！

04 經(jīng)典馬里奧式投幣

使用場(chǎng)景：

手機(jī)端給任意一個(gè)視頻投幣，都會(huì)出現(xiàn)身穿馬里奧的經(jīng)典背帶褲服飾的22娘，并且點(diǎn)擊投幣后會(huì)有經(jīng)典馬里奧頂箱子動(dòng)效出現(xiàn)。

設(shè)計(jì)思考：

「硬幣」是B站獨(dú)有的貨幣，也是對(duì)在B站的視頻創(chuàng)作者（UP主）的一種獎(jiǎng)勵(lì)。在B站觀眾會(huì)通過(guò)「投幣」的方式來(lái)打賞喜歡的UP主和視頻；雖然硬幣不會(huì)直接帶來(lái)盈利，但這是觀眾最直接對(duì)一個(gè)視頻的好壞或者喜愛(ài)程度最直觀的判斷，也是B站視頻排行的一個(gè)重要參考，能為視頻增加曝光機(jī)會(huì)引流和上首頁(yè)推薦的機(jī)會(huì)。

手機(jī)端的「投幣」，是通過(guò)上滑或點(diǎn)擊的手勢(shì)進(jìn)行操作。22娘會(huì)身穿馬里奧的經(jīng)典背帶褲服飾，當(dāng)用戶(hù)執(zhí)行投幣操作，22會(huì)跳起來(lái)用頭頂撞擊頭上的「硬幣盒子」，一枚硬幣就成功投給視頻的UP主了。十分典型的情感化設(shè)計(jì)，將「投幣」功能的即時(shí)反饋與平臺(tái)形象和經(jīng)典童年游戲「超級(jí)馬里奧」的游戲場(chǎng)景相結(jié)合，有趣又充滿情懷的交互動(dòng)效讓人驚喜又印象深刻。

05 定制化進(jìn)度條彩蛋

使用場(chǎng)景：

手機(jī)端和網(wǎng)頁(yè)端均已上線，在一些電影或者番劇的進(jìn)度條會(huì)有定制化元素作為進(jìn)度條。

設(shè)計(jì)思考：

在B站有獨(dú)家版權(quán)的影視劇或者番劇，B站都會(huì)貼心的用劇的元素定制化進(jìn)度條的小圖標(biāo)：指環(huán)王的索倫的眼鏡、咒術(shù)回戰(zhàn)的高專(zhuān)標(biāo)志、神奇動(dòng)物在哪里的嗅嗅、哈利波特的魁地奇金色飛賊；并且在左右移動(dòng)進(jìn)度條改變小圣誕帽位置時(shí)，會(huì)有相應(yīng)的交互動(dòng)效；比如拖動(dòng)哈利波特的進(jìn)度條時(shí)，金色飛賊會(huì)左右飛動(dòng)。

進(jìn)度條在產(chǎn)品設(shè)計(jì)里是一個(gè)很不起眼的小元素，大家在看視頻時(shí)很少會(huì)注意到它，更多的是一個(gè)功能性；但B站在這種微乎其微的細(xì)節(jié)也要做相對(duì)應(yīng)元素的設(shè)計(jì)，讓用戶(hù)不經(jīng)意間發(fā)現(xiàn)這種類(lèi)似于產(chǎn)品中的閃光點(diǎn)，不僅拉進(jìn)了自己和用戶(hù)的距離，同時(shí)強(qiáng)化了自己產(chǎn)品的調(diào)性，使得發(fā)現(xiàn)彩蛋的用戶(hù)下次再看別的番劇時(shí)會(huì)留心進(jìn)度條會(huì)不會(huì)相應(yīng)的彩蛋，大大增強(qiáng)了用戶(hù)的粘性和對(duì)產(chǎn)品的驚喜感。

06 自定義開(kāi)屏畫(huà)面

使用場(chǎng)景：

在個(gè)人頁(yè)的【設(shè)置】里可以找到【開(kāi)屏啟動(dòng)動(dòng)畫(huà)設(shè)置】，可以選擇自己喜歡的開(kāi)屏畫(huà)面。

設(shè)計(jì)思考：

App的「開(kāi)屏廣告」很常見(jiàn)，也可以說(shuō)是互聯(lián)網(wǎng)企業(yè)最有效的變現(xiàn)手段之一；像百度、微博、今日頭條、抖音、網(wǎng)易云音樂(lè)等幾大超級(jí)APP，都有做「開(kāi)屏廣告」，給背后企業(yè)帶來(lái)的價(jià)值是毋容置疑的。

直到現(xiàn)在，「開(kāi)屏廣告」仍然是國(guó)內(nèi)大部分App一種常見(jiàn)的變現(xiàn)、導(dǎo)流方式，而且「開(kāi)屏廣告」的報(bào)價(jià)一般是最高和爭(zhēng)搶的。

我一直以為bilibili的開(kāi)屏啟動(dòng)畫(huà)面是系統(tǒng)隨機(jī)安排的，最近才發(fā)現(xiàn)其實(shí)可以自己做選擇。

在「我的」頁(yè)面找到「設(shè)置」的選項(xiàng)，然后在「設(shè)置」的列表找到「開(kāi)屏啟動(dòng)畫(huà)面設(shè)置」，你會(huì)發(fā)現(xiàn)「默認(rèn)模式」為隨機(jī)展示。開(kāi)啟「自選模式」后，可從喜歡的畫(huà)面里選擇某一張作為固定的開(kāi)屏啟動(dòng)畫(huà)面；開(kāi)屏廣告在B站的出現(xiàn)次數(shù)屈指可數(shù)，比起植入廣告，B站更愿意把自己的形象吉祥物2233娘作為用戶(hù)打開(kāi)App第一眼看到的畫(huà)面，比起其他App開(kāi)屏必點(diǎn)跳過(guò)按鈕的廣告，這樣留給用戶(hù)自主選擇的形式更體現(xiàn)產(chǎn)品重視用戶(hù)的體驗(yàn)。

07 精靈球捕捉野生UP主

使用場(chǎng)景：

當(dāng)在專(zhuān)欄區(qū)關(guān)注任意UP主時(shí)，會(huì)出現(xiàn)精靈球捕獲的動(dòng)效。

設(shè)計(jì)思考：

在漢語(yǔ)詞典中，“關(guān)注”一詞的大意為關(guān)心重視、用實(shí)際行動(dòng)或用心去對(duì)待某人、某事；針對(duì)我們的功能描述來(lái)說(shuō)，我認(rèn)為基本上與它本身的大意一致，當(dāng)我們消費(fèi)某些鐘意的內(nèi)容時(shí)，針對(duì)內(nèi)容的產(chǎn)出者我們希望能夠產(chǎn)生持續(xù)性的互動(dòng)，并且對(duì)其產(chǎn)出的內(nèi)容重視程度更高，因此，付諸的實(shí)際行動(dòng)就是對(duì)產(chǎn)出者本身進(jìn)行關(guān)注。

而擁有一個(gè)能捕捉攜帶怪獸的「精靈球」是很多喜歡「口袋妖怪」的小伙伴的夢(mèng)想，其受歡迎的程度由兩年前Pokémon GO的風(fēng)靡一時(shí)就可見(jiàn)一斑。

作為國(guó)內(nèi)二次元網(wǎng)站代表的B站結(jié)合其平臺(tái)屬性，巧妙地將用戶(hù)關(guān)注UP主的交互動(dòng)作設(shè)計(jì)成了用精靈球捕獲小怪物的過(guò)程；有趣又充滿情懷的交互動(dòng)效，使「關(guān)注」不再只是一個(gè)冰冷的按鈕或者機(jī)械的操作動(dòng)作，而更像是平臺(tái)為用戶(hù)用心準(zhǔn)備的一份「圓夢(mèng)」驚喜。

08 生日定制化開(kāi)屏界面

使用場(chǎng)景：

生日當(dāng)天第一次打開(kāi)B站時(shí)的開(kāi)屏頁(yè)面會(huì)是第一張圖，然后再打開(kāi)會(huì)變成你星座的定制開(kāi)屏頁(yè)。

設(shè)計(jì)思考：

「生日」，是我們一年中最重要的日子。每一個(gè)生日都代表我們成長(zhǎng)的歷程，也記錄著人生中某一個(gè)特別的日子；這天肯德基會(huì)有特別的半價(jià)桶，海底撈會(huì)免排隊(duì)，各種各樣生活類(lèi)型的App會(huì)派發(fā)不同的優(yōu)惠券給你來(lái)祝賀你的生辰。

生日當(dāng)天打開(kāi)Bilibili，常規(guī)的開(kāi)屏頁(yè)面會(huì)變成以該用戶(hù)星座為主題創(chuàng)作的定制開(kāi)屏頁(yè)，以及醒目的「Happy Birthday」祝福語(yǔ)；將App最重要的宣傳位—開(kāi)屏頁(yè)作為生日祝福彩蛋送給用戶(hù)，足以看出團(tuán)隊(duì)對(duì)用戶(hù)的重視與用心。

09 動(dòng)感視頻

只要你是iPhone 8以上的蘋(píng)果手機(jī)用戶(hù)，在打開(kāi)動(dòng)感視頻后，手機(jī)就會(huì)跟隨音樂(lè)節(jié)奏而有規(guī)律的振動(dòng)

設(shè)計(jì)思考：

B站的動(dòng)感視頻功能可通過(guò) AI 技術(shù)識(shí)別出視頻中音樂(lè)的節(jié)奏點(diǎn)，并通過(guò)具體的音量來(lái)展現(xiàn)恰當(dāng)對(duì)應(yīng)的振動(dòng)幅度，從而讓你在觀看視頻時(shí)感覺(jué)手機(jī)也開(kāi)始了動(dòng)次打次，有節(jié)奏的振動(dòng)搖擺；當(dāng)然由于這一功能需要調(diào)用手機(jī)的振動(dòng)功能，因此耗電會(huì)比平時(shí)正常觀看手機(jī)時(shí)要更多一些。

「動(dòng)感視頻」只存在于iOS端，而且僅限于活動(dòng)列表里的視頻才有效果，雖然不是每個(gè)人都有機(jī)會(huì)體驗(yàn)到，但是一個(gè)意義大于實(shí)用的功能；B站一直致力于給用戶(hù)帶來(lái)更好的觀看體驗(yàn)，相信未來(lái)會(huì)有更多有意思的功能上線。

10 鬼畜區(qū)的音效彩蛋

使用場(chǎng)景：

在網(wǎng)頁(yè)版鬼畜區(qū)，長(zhǎng)按10秒返回頂層按鈕，會(huì)出現(xiàn)鬼畜區(qū)的終極彩蛋并附有相應(yīng)的音效。

設(shè)計(jì)思考：

在電腦端打開(kāi)B站的鬼畜區(qū)往下滑動(dòng)鼠標(biāo)時(shí)右側(cè)會(huì)出現(xiàn)一個(gè)向上的箭頭圖標(biāo)，與多數(shù)網(wǎng)站一樣點(diǎn)擊這個(gè)圖標(biāo)頁(yè)面會(huì)嗖地一下回到頁(yè)面頂端。

然而，這并不是我們今天要說(shuō)的重點(diǎn)：長(zhǎng)按這個(gè)返回圖標(biāo)10秒左右，你會(huì)打開(kāi)鬼畜區(qū)的新世界（友情提示：記得戴上耳機(jī)或調(diào)小音量）其實(shí)長(zhǎng)按「返回」10秒后網(wǎng)頁(yè)下方會(huì)出現(xiàn)一條黑框提示「嘗試輸入字母，發(fā)現(xiàn)鬼畜秘密」；按照提示乖乖輸入字母就會(huì)出現(xiàn)鬼畜明星劃過(guò)你的屏幕！雖然沒(méi)有查到官方團(tuán)隊(duì)對(duì)于這個(gè)「黑科技彩蛋」的設(shè)計(jì)初衷說(shuō)明，但就體驗(yàn)而言確是究極有趣了。

然后我收集了一些鬼畜區(qū)的彩蛋在下圖，大家快去試試?。ㄓ浀么魃隙鷻C(jī)）：

11 視頻的高能進(jìn)度條

使用場(chǎng)景：

在網(wǎng)頁(yè)端看視頻的時(shí)候，在視頻頁(yè)的工具欄可以設(shè)置視頻的高能進(jìn)度條。

設(shè)計(jì)思考：

Bilibili網(wǎng)頁(yè)端很早就上線了「高能進(jìn)度條」功能。這個(gè)功能類(lèi)似「愛(ài)奇藝」的「綠鏡曲線」功能，播放器進(jìn)度條上會(huì)多出一條波浪曲線來(lái)呈現(xiàn)內(nèi)容熱度值，以便用戶(hù)對(duì)整個(gè)節(jié)目的精彩片段做預(yù)判。

B站呈現(xiàn)的曲線波動(dòng)數(shù)據(jù)參考為多數(shù)用戶(hù)拖動(dòng)位置及彈幕密集區(qū)；此外，B站的「高能進(jìn)度條」還能自己設(shè)置曲線的顏色、透明度、高度等數(shù)值，更加靈活可控。

12 首頁(yè)模塊自定義

使用場(chǎng)景：

網(wǎng)頁(yè)端首頁(yè)的模塊可以按下方的按鈕進(jìn)行用戶(hù)自定義拖拽。

設(shè)計(jì)思考：

視頻網(wǎng)站內(nèi)容繁雜，通常有較大的信息密度，因此對(duì)內(nèi)容的分區(qū)就顯得十分重要；不同用戶(hù)對(duì)視頻內(nèi)容的喜好不盡相同，所以主頁(yè)標(biāo)準(zhǔn)化的分區(qū)列表排序在真實(shí)的使用場(chǎng)景里并不能為所有用戶(hù)提供最佳體驗(yàn)。

Bilibili 電腦端將網(wǎng)站右側(cè)的內(nèi)容分區(qū)列表設(shè)計(jì)成了用戶(hù)可自定義的模式，點(diǎn)擊「排序」會(huì)出現(xiàn)2233娘提示你，直接拖動(dòng)想要調(diào)整的分區(qū)位置就可以自己排列列表了；簡(jiǎn)單的拖拽動(dòng)作直接且易操作，生動(dòng)的提示信息給用戶(hù)的操作提供了清晰的引導(dǎo)；靈活的自定義機(jī)制，給用戶(hù)帶來(lái)便捷性的同時(shí)也感受到更具情感價(jià)值的定制體驗(yàn)。

13 主頁(yè)切換視角預(yù)覽

使用場(chǎng)景：

網(wǎng)頁(yè)端個(gè)人空間右上角有切換視角，可以切換粉絲視角、新訪客視角，便于調(diào)整視頻的展示。

設(shè)計(jì)思考：

作為視頻平臺(tái)的B站，活躍著眾多生產(chǎn)視頻內(nèi)容的up主。較之普通用戶(hù)，經(jīng)營(yíng)up主身份的用戶(hù)會(huì)更加在意觀眾進(jìn)入自己主頁(yè)看到的樣子，因?yàn)橹黜?yè)內(nèi)容對(duì)于流量的吸引是極其重要的。

為改善編輯個(gè)人主頁(yè)時(shí)的使用體驗(yàn)，B站的設(shè)計(jì)團(tuán)隊(duì)設(shè)計(jì)了切換「視角」的功能，一鍵切換「訪客」「粉絲」與「自己」三種不同視角的主頁(yè)效果；這樣每次用戶(hù)編輯好自己的主頁(yè)內(nèi)容后，就不必再專(zhuān)門(mén)退出登錄來(lái)查看他人視角中自己主頁(yè)的樣子是否符合預(yù)期了，也能針對(duì)性的在主頁(yè)放置自己的視頻。

滿足了更多樣的選擇需求，其實(shí)對(duì)于所有用戶(hù)而言都提升了使用體驗(yàn)。

14 404的漫畫(huà)小劇場(chǎng)

使用場(chǎng)景：

視頻發(fā)布后被刪除，然后你還有這個(gè)視頻的鏈接或者收藏過(guò)，那么點(diǎn)進(jìn)去就會(huì)看到漫畫(huà)小劇場(chǎng)。

設(shè)計(jì)思考：

結(jié)束了一天的工作疲憊的回到家，往床上一躺點(diǎn)開(kāi)B站，突然頁(yè)面崩潰出錯(cuò)閃現(xiàn)404頁(yè)面，愉悅的心情立馬就down到谷底；但當(dāng)404頁(yè)面賣(mài)萌地說(shuō)到「啊叻？視頻不見(jiàn)了」并邀請(qǐng)你休息一下看看隱藏的漫畫(huà)小劇場(chǎng)時(shí)，似乎焦慮不爽的情緒得到了一定程度上的安撫與緩解。

仔細(xì)研究會(huì)發(fā)現(xiàn)B站404頁(yè)面的圖片其實(shí)內(nèi)容很豐富：2233與小電視的公開(kāi)情報(bào)和日常生活、B站觀看禮儀、趣味小知識(shí)等等都會(huì)隨機(jī)出現(xiàn)，每次刷新必有驚喜哦。

打破404頁(yè)面枯燥讓人反感的形式，讓出錯(cuò)的頁(yè)面本身具有了可讀性與趣味性；即使是在突發(fā)狀況下，網(wǎng)站也要盡量將用戶(hù)的不愉悅情緒降到最低。

15 吃豆人Banner設(shè)計(jì)

使用場(chǎng)景：

網(wǎng)頁(yè)端首頁(yè)Banner的切換圖標(biāo)：

設(shè)計(jì)思考：

「Banner」橫幅，展示廣告，由一張或多張圖片拼接；多張圖片循環(huán)輪播即是我們所講到的 Banner 輪播圖；Banner 輪播圖通常位于首頁(yè)頂部，有時(shí)也會(huì)在頁(yè)面中間位置。以動(dòng)態(tài)的形式為用戶(hù)呈現(xiàn)多張圖片，自動(dòng)輪播的效果可以讓每張圖片得到較好的曝光，用戶(hù)不僅被吸引了注意力，還會(huì)立刻產(chǎn)生探索欲望。

「吃豆人」Pac-Man是電子游戲歷史上經(jīng)典的街機(jī)游戲，由Namco公司的巖谷徹設(shè)計(jì)并由Midway Games在1980年發(fā)行，被認(rèn)為是80年代最經(jīng)典的街機(jī)游戲之一，是很多80、90后的童年記憶。

Bilibili的主站網(wǎng)頁(yè)端的Banner輪播提示設(shè)計(jì)就運(yùn)用了「吃豆人」的視覺(jué)元素，有趣復(fù)古又充滿情懷，進(jìn)一步強(qiáng)化自己網(wǎng)站的調(diào)性。加深用戶(hù)對(duì)產(chǎn)品的印象。

16 筆記功能

使用場(chǎng)景：

網(wǎng)頁(yè)端視頻頁(yè)的稿件投訴旁邊有一個(gè)【記筆記】功能，可以記錄時(shí)間軸和捕捉當(dāng)前視頻的畫(huà)面，并且支持一鍵導(dǎo)出和云端存檔。

設(shè)計(jì)思考：

B站有很多學(xué)習(xí)視頻，有時(shí)候看這些視頻要伴隨著記筆記的需求，但沒(méi)有一個(gè)地方可以記錄沉淀自己學(xué)習(xí)時(shí)的筆記，或者學(xué)習(xí)后的感想和收獲，非常不方便，想學(xué)習(xí)回顧時(shí)，操作起來(lái)也非常繁瑣

b站PC端新增「筆記功能」，用戶(hù)在觀看學(xué)習(xí)類(lèi)的視頻時(shí)如有需要，可以邊看內(nèi)容邊做筆記了；支持定位視頻播放節(jié)點(diǎn)，標(biāo)記時(shí)刻的功能十分實(shí)用，方便將輸入的文字或圖片筆記與視頻對(duì)應(yīng)內(nèi)容的片段緊密關(guān)聯(lián)起來(lái)，提升筆記查閱的效率，方便對(duì)學(xué)習(xí)中的重點(diǎn)知識(shí)做整理、回顧、以及提高學(xué)習(xí)效率。

通過(guò)筆記功能提高用戶(hù)的學(xué)習(xí)體驗(yàn)和用戶(hù)黏性，也希望通過(guò)筆記功能讓用戶(hù)更多次的打開(kāi)得到產(chǎn)品，以及提升用戶(hù)的使用時(shí)長(zhǎng)，提升學(xué)習(xí)效率的同時(shí)完成學(xué)習(xí)閉環(huán)。

17 互動(dòng)視頻

使用場(chǎng)景：

互動(dòng)視頻是一個(gè)特殊的視頻形式，需要搜索【互動(dòng)視頻】才能找到相應(yīng)的視頻，而且視頻標(biāo)題前面會(huì)有【互動(dòng)視頻】的標(biāo)簽。

設(shè)計(jì)思考：

互動(dòng)視頻概念源于去年年底Netflix推出的《黑鏡：潘達(dá)斯奈基》；19年以來(lái)，Youtube、Netflix、愛(ài)奇藝、騰訊視頻四大流媒體平臺(tái)均已入局；這種多線互動(dòng)的劇情走向遠(yuǎn)比單線劇情來(lái)得豐富，它事關(guān)自由意志和自由選擇，擁有自由，永遠(yuǎn)是一件充滿誘惑的事情?；?dòng)視頻雖然在劇情選擇上看似豐富，但對(duì)內(nèi)容生產(chǎn)者挑戰(zhàn)更大。

在國(guó)內(nèi)，互動(dòng)視頻的開(kāi)先河者是B站；在19年互動(dòng)視頻剛開(kāi)始的時(shí)候，B站也上線的一大波由知名UP主創(chuàng)作的互動(dòng)視頻。

你如果將B站上的互動(dòng)視頻過(guò)一遍就會(huì)發(fā)現(xiàn)，部分視頻確實(shí)有趣，但你會(huì)發(fā)現(xiàn)up主制作的互動(dòng)視頻水準(zhǔn)良莠不齊——以沙雕向居多，剪輯手法與編劇能力不成熟；或者就是將游戲廠商已經(jīng)做好的游戲通過(guò)錄制，剪輯進(jìn)行分P的簡(jiǎn)單處理；或者是通過(guò)剪輯、鬼畜、路子等方式進(jìn)行的二次創(chuàng)作，真正的精品并不多。

顯然，這個(gè)領(lǐng)域產(chǎn)生爆款的難度比單程線視頻要難得多。畢竟相對(duì)于傳統(tǒng)視頻更注重故事的流暢度以及剪輯、邏輯性等方面的能力，互動(dòng)劇對(duì)劇本本身的功底、劇本編排能力、以及故事的合理性的要求極大提升了，制作難度攀升了一個(gè)檔次；如果內(nèi)容本身不硬核，那么很可能是制作視頻的人累，觀眾看視頻也累。

總的來(lái)說(shuō)，互動(dòng)視頻不僅是技術(shù)的選擇形式，也是藝術(shù)的一種選擇形式——是面向未來(lái)選擇；它的一個(gè)值得嘗試的新的品類(lèi)，從當(dāng)前的創(chuàng)作環(huán)境與市場(chǎng)環(huán)境來(lái)看，它需要精品互動(dòng)視頻來(lái)抬升這個(gè)市場(chǎng)，但短時(shí)間內(nèi)還不會(huì)成為主流。

18 總結(jié)

設(shè)計(jì)師要擅于發(fā)掘產(chǎn)品中那些閃亮的設(shè)計(jì)點(diǎn)，并歸納整理。

好的設(shè)計(jì)不僅要考量商業(yè)還要平衡的站在用戶(hù)的角度去思考，我們?cè)O(shè)計(jì)的目的便是改進(jìn)昨天不完善的事物和產(chǎn)品，使之接近完善充滿溫暖，能夠直達(dá)人的內(nèi)心，這便是我們?cè)诋a(chǎn)品中去融入情感化設(shè)計(jì)的目的。

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

題圖來(lái)自官網(wǎng)