項目案例｜看設計師如何讓直播玩起來
前言
大家對于淘寶直播的印象是什么？是一群漂亮的妹子直播帶貨，是 321 上鏈接，還是說里面有一些好玩的小游戲，或者是經(jīng)常有一些很低的折扣？我們在想直播發(fā)展到今天，是不是有更加新穎的方式拉近主播和用戶之間的距離，讓用戶既買得舒心又能玩得開心。
一、互動讓直播更有趣
直播互動設計是一種以 互動玩法、場景氛圍、個性化內(nèi)容為核心的產(chǎn)品形態(tài)，面向主播、達人提供互娛服務，其核心目標是提升互動率、增加停留時長、同時生產(chǎn)優(yōu)質內(nèi)容。
1. 項目背景
基于互動率低，停留時長短和核心用戶人群單一的問題，我們希望在不同的業(yè)務場景中，以設計內(nèi)核為指導原則，通過打造多元的優(yōu)質互動內(nèi)容，強化有趣的 C 端用戶心智。
2.互動設計內(nèi)核
基于多輪的設計實踐，提煉出三個互動設計內(nèi)核， 分別是：吸引、輕量和生長 ；
流媒體的內(nèi)容需要具備強吸引力，在設計上使用 IP 角色結合動效設計等方式增強表現(xiàn)力；
輕量則由于用戶停留時間短，設計上盡可能保證短時效，易于理解；
生長則是面對大量的達人主播的個性化定制需求，互動設計需要具備生長性，易于延展和定制。
二、讓用戶在直播間 “嗨” 起來
接下去我會用幾個具體的 Case 來講講 怎么打造具備吸引力的輕量級生長互動。
1.讓用戶扭起來的新春大狂歡
2021 年春節(jié)我們打造了一場 S 級的直播間互動，全民 PK 打年獸挑戰(zhàn)。
1.1 項目主題及互動框架
整體活動以打年獸為主題，用戶在規(guī)定時間內(nèi)，通過身體位移，控制互動對象左右移動來攻擊上方年獸獲得金幣得分，3 輪擊敗小年獸后可進入大年獸環(huán)節(jié)，瘋狂眨眼可以加強攻擊頻率；最后通過評估金幣的分數(shù)來進行排名，主播根據(jù)排名先后發(fā)放權益。
1.2 主 KV 圖形及創(chuàng)意洞察
在創(chuàng)意視覺 KV 圖形上，選擇琉璃滴水瓦當來作為整體的 KV 視覺圖形，因為它是具備傳統(tǒng)視覺美感，適合新春這樣的傳統(tǒng)節(jié)日，同時它的作用是疏散雨水、保護欄墻，寓意 2021 年是嶄新的一年，會有更多的庇佑和保護。
1.3 互動角色 IP 設定及圖形結合
為了更好地和用戶溝通，且增強記憶度；打造了互動 IP 全家福，紅鼻子 BOBO 總能給大家?guī)ブ斡蜌g樂，搭配之前提到的色彩，主輔圖形，生產(chǎn)延展更多的觸達物料。
1.4 動效設計及界面設計
1.5 分鏡頭及宣傳片
為了更好的觸達用戶和達到傳播效果，基于上述的設計 IP 及道具，制作了宣傳片來傳播整場新春互動活動。
2.讓用戶手舞足蹈的心愿舞
介紹完了新春互動，我們再談談在手勢識別互動的案例，基于手勢識別的互動方式，結合 “321 上心愿” 主題曲，設計音速互動 321 寵粉心愿挑戰(zhàn)賽。
2.1 基于手勢的互動設計
用戶配合音樂節(jié)奏卡點在屏幕中觸碰畫面中愛心音符，根據(jù)用戶的觸碰時機，判定用戶的得分，最后根據(jù)得分發(fā)放權益，這時候是要考驗用戶的眼疾手快了。
2.2 元素和動效設計
整體的視覺設計，以具有 時尚感的酷炫電玩風格 為核心 KV 方向，人物動效設計整體是 舞蹈動作和比心手勢。
3.3 互動玩法示意
3.人人都是表情帝
3.1 基于人臉的互動設計
講完了手勢互動，我們再來說說關于面部的互動形式：表情包挑戰(zhàn)賽互動 —— 用戶根據(jù)出題板模仿表情，根據(jù) 模仿的準確度來判定得分，最后根據(jù)得分排名發(fā)放權益。
3.2 元素和動效設計
視覺設計上整體以 扁平字體動效結合雜志氛圍的設計，讓畫面時尚且動感。
3.3 女王節(jié)自拍挑戰(zhàn)互動
三、直播互動設計的小妙招
介紹完三個互動案例，大家一定很好奇在設計上我們的方法和思路是什么。
1.直播互動交互方式
區(qū)別于頁面互動， 目前直播互動的主要交互方式有肢體，面部和手勢來作用互動對象。
2. 直播互動分層框架
避免核心互動內(nèi)容不被產(chǎn)品框架遮蓋，將互動內(nèi)容層進行了 分層和分區(qū)。這樣不論是參與者和觀看者都能保證具備較好的觀感體驗。
通過設計實踐，我們很好的提升了互動率和停留時長，增加了用戶在直播產(chǎn)品中的參與感；也希望能給大家在設計直播互動的過程中有一些啟發(fā)和思考。
超值課程推薦
超 10 億用戶的產(chǎn)品，到底是怎么做用戶體驗的？
原創(chuàng)好文推薦
Web Vitals —— 谷歌的新一代 Web 性能體驗和質量指標
想要引導用戶行為轉化，設計師必須深刻理解這 4 個認知心理學理論
讓設計圈一片嘩然的 Google 新 logo 到底出了什么問題？國外的設計專家這么說
如何系統(tǒng)的增強用戶粘性，提升產(chǎn)品轉化率？你要懂得“行為設計學”
設計新趨勢「玻璃擬態(tài)」到底是什么？這里有一份實現(xiàn)效果的詳細教程
如何將設計系統(tǒng)快速的從 Sketch 切換到 Figma？這里有 6 個需要注意的關鍵點
歡迎大家關注三分設，每天分享優(yōu)質設計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。
