教你從0到1,搭建直播電商的直播間模塊

13 評論 42459 瀏覽 263 收藏 23 分鐘

直播電商與傳統秀場有著基因上的區別,直播間是直播的核心模塊,在直播電商中,直播間就是一個可移動的電商平臺。那么我們如何去搭建這樣一個直播電商的直播間模塊呢?讓我們一起來探索下。

直播間是直播的核心模塊,也是基于直播場景的所有互動和展示的承載模塊。直播隨著發展已經逐步演化成“直播+”的模式,傳統秀場都紛紛加入了游戲、電商、綜藝、會場等直播內容。但秀場直播和電商直播本身就有著基因上的區別。本文主要想基于直播電商的產品形態跟大家分享下如何搭建直播電商的直播間模塊。

直播電商和傳統秀場直播有很大的不同,主要體現在

  1. 用戶訴求不同
  2. 直播場景不同
  3. 產品形態不同

用戶訴求上,傳統秀場直播更多傾向于社交互動,用戶主要圍繞主播的來觀看直播,其核心在主播上。直播電商更多是在社交基礎上的電商交易,用戶主要圍繞商品來觀看直播,其核心在商品上。

直播場景上,傳統秀場直播更多需要依靠主播的“秀”和“演”才能維持直播內容。直播電商更多是需要對商品的“講解”和“展示”來跟用戶互動及解答,加上促銷和游戲的玩法來對用戶進行激勵。

產品形態上,傳統秀場直播更多需要思考如何將用戶留在直播間。直播電商更多考慮是如何讓用戶邊看邊買,打造從看直播到瀏覽商品,從瀏覽商品到購買完成再回到直播間的一站式購物體驗。

基于上面的分析我們可以看到,直播電商其直播間模塊的核心是要思考如何為用戶營造邊看邊買的一站式購物體驗。我們依舊基于用戶場景出發,來探索如何設計直播電商的直播間功能。本文主要分為以下兩個部分:

  1. 探索直播電商的用戶場景
  2. 設計直播電商的直播間模塊

直播電商的用戶場景

先來看下直播電商解決的問題有哪些?

傳統電商解決商品接入和在線展示的問題,通過搜索、分類、商品詳情頁 三大利器讓人們能在網上進行購物,隨著商品類目的越來越多,商品內容同質化越來越嚴重,人們篩選的難度逐步增加。之后,篩選就變成了傳統電商平臺解決的第一大難題。

如何讓用戶快速的篩選到自己想要的商品,又能快速經過判斷下單購買。于是推薦系統是大家常玩的手法了,你能在淘寶上搜索到想要購買的商品,淘寶在背后的算法已經幫助你做了很多事情。但盡管如此,淘寶還沒有從根本上解決下面幾個問題:

  • 用戶購買商品時橫向對比的困擾。我們根據商品詳情圖、根據評論、根據打分很多因素綜合評價該買哪一件衣服,對于選擇困難癥患者來說簡直是要命。
  • 用戶購買到商品后的買家秀問題。明明網上圖片那么好看,為什么我穿在身上就是大媽級別的。
  • 商家店鋪成效率頭部效應問題。成交量多的商家越來越多,少的商家一直都少。

而直播電商正好是解決這幾個問題的。

首先,直播電商讓用戶從自主篩選變成達人推薦選擇,就像你要買車,沒有專業的人告訴你每個車的差別,你又怎么能找到自己的定位呢?比如買衣服,如果沒有一個穿衣達人直播告訴你今年夏天最流行的搭配方式是什么,你是不是又買了去年的流行款了呢。

其次,直播電商中,主播大都是各領域的達人,都會在直播中展示商品,通過直播可以全方位了解商品的特點,還可以實時互動答疑。比如衣服 直播時會找不同身材比例的模特親自試穿,你可以根據自己的身材選擇挑選尺碼,甚至還可以直接問主播自己適合什么。

最后,直播電商是以直播間為核心的“移動式電商平臺”,每個直播間都是一個小中心。不存在賣得少就沒有展示的機會。當然直播電商還有解決很多其他方面場景購物的問題,這里就不一樣詳述了。

那直播電商的用戶場景包括哪些呢?我在另一篇文章《如何設計直播電商的場景狀態》中有寫過,感興趣的同學可以去讀一下。這里只列舉跟直播間有關的場景。

我們從主播端和觀眾端分開來看。

主播端:

  1. 直播時,能讓我快速上架商品,對某些商品進行展示。提醒用戶一鍵購買。
  2. 直播時,能讓我實時了解直播間用戶數據,包括直播售賣的情況。根據數據來調整講解內容的策略。
  3. 直播時,能讓我看到用戶提問的問題,能實時給他們解答。
  4. 直播時,能給我提供一些活躍房間的游戲或者玩法。比如發優惠券、紅包等。
  5. 直播時,能讓我進行營銷活動,比如秒殺、拼團等玩法,促進轉化。
  6. 直播時,能讓直播間用戶關注我成為我的粉絲,下次直播還能通知他們。最好能讓他們知道我的微信/微博,加為好友。
  7. 未直播時,能讓用戶知道我下一場直播提前預約,也能觀看我歷史回放,或者直接在直播間購買。

……

觀眾端:

  1. 能給我推薦感興趣的分類,讓我知道這個直播的主題是什么?
  2. 能讓我知道這個直播間在賣哪些商品?有哪些人再看?哪些人再買?大家對這個商品評價怎么樣?
  3. 能讓我跟主播互動,讓他解答我的問題,能實時展示我想買的商品給我看。
  4. 能讓我關注這個主播,成為她的好友。
  5. 能讓我購買時不要關閉直播,直接購買

……

當然觀眾的場景訴求還有很多的…

設計直播電商直播間模塊

直播間模塊是相當復雜的部分,它包括的細節有很多。為了直播間的可擴展性和可維護性,我們要在初期就搭建好直播間框架。在具體設計直播間模塊前,我們要先定義幾個層面的問題,這些問題是解決直播間交互設計的基礎。

  1. 直播間狀態問題
  2. 直播間權限問題
  3. 直播間視覺問題
  4. 直播間模塊問題
  5. 直播間層級問題
  6. 直播間交互問題

直播間狀態

直播間分為直播中、直播回放、未直播三種狀態,每種狀態顯示的元素和交互都是不同的。而且直播間幾種狀態間是可以相互轉變的,比如主播直播結束,正在看的直播變成了未直播狀態,正在看直播回放,系統提醒該主播正在直播,點擊切換到直播中狀態等等。

直播間權限

直播間權限主要指操作權限,主播端一般根據角色分配功能權限,用戶端會根據是否登錄、用戶等級、用戶身份等判斷是否有操作功能權限,與下面的直播間視覺有關聯性。比如關聯主播才可以領紅包。(我在另一篇文章《當直播和紅包結合,會碰撞出怎樣的火花》中有介紹過)

直播間視覺

直播間一般分為主播端和觀眾端,有時主播端還要基于角色和權限進行細分,不同的權限可使用的功能也是不同的。一般主播端可有的功能包括:

  1. 對商品的管理
  2. 對交易的查看
  3. 對直播間用戶的管理
  4. 對直播間互動玩法的控制
  5. 對直播間的設置和數據查看

觀眾端可以有的功能包括:

  1. 聊天、點贊、打賞等
  2. 商品瀏覽、購買等
  3. 對直播間活動的參與等

直播間模塊

接下來就要對直播間模塊進行劃分了,不論是怎樣用戶角色,我們在定義和設計直播間模塊時,要考慮技術維護角度和用戶認知角度。保證直播間視覺展示的模塊統一。除此之外,受到直播設備和操作行為的影響,直播間的模塊和布局也會有些不同,比如主播用攝像機直播或電腦直播,畫面在手機上顯示是半截,又比如用戶用橫屏觀看直播等。這些因素我們暫不在這篇文章考慮,這里只討論手機直播且無橫屏的情況。

在直播間模塊劃分上,我們可以定義了11個模塊,他們分別是:

  1. 基本信息展示區域
  2. 收益統計展示區域
  3. 活動位展示區域
  4. 動效位展示區域
  5. 商品消息提醒展示區域
  6. 任務互動展示區域
  7. 互動消息展示區域
  8. 商品快捷推薦展示區域
  9. 直播間按鈕操作區域
  10. 購買及打賞動效區域
  11. 點贊互動區域

每個區域代表什么意思呢,先別急,我們后面再介紹,先看完其他幾個問題的定義。

直播間層級

直播間還有層級?那是肯定有的。技術角度上,實現這么多功能都是一層層開發的,尤其上面這些模塊很多元素都會有重疊的部分,在遇到重疊時肯定要定義誰上誰下的問題。比如動效和直播畫面誰在上,這個答案肯定是動效要在直播畫面上面飛,在下面就看不到動效了。在定義層級時我們要根據元素重要性來判斷,一般遵循的原則是:

  1. 重要信息在上,次要信息在下
  2. 按鈕操作大于展示信息
  3. 商品類大于互動類大于統計類

所以,我們建議的規則是如下:

直播畫面最底層<直播間基本數據<直播間聊天消息<直播間動畫消息<直播間可點擊按鈕

在直播間可點擊按鈕上,又會有細分。

基本點擊按鈕(關注等)<統計點擊按鈕(收益等)<互動點擊按鈕(秒殺紅包等)<商品點擊按鈕(商品展示等)<彈框點擊按鈕(輸入框/商品列表等)

當然,在技術實現上,有時還需單獨處理當A在B上面,但A屬于展示,B屬于操作的情況。此時點擊A區域應該觸發下面的B操作。比如 當有個購買動畫在關注按鈕上時,此時為了視覺不能讓按鈕懸浮在動畫上面 – 影響視覺體驗!于是就要讓動畫在按鈕上面展示,但點擊時其實動畫無點擊行為,所以觸發的是底部關注按鈕。

直播間交互

直播間交互的設計要盡量保證直播間內展示和操作,不要跳出直播間。想象下當你在看電影時,彈出來一個廣告,點擊下跳到第三方頁面,視頻沒了,你是什么感受?所以盡量保證查看資料,點擊操作等都是在直播間內進行,最好的方式就是在直播間上彈框,不中斷直播。

一般直播間的彈框又分成三種:

  1. 底部彈框:只顯示在底部,一般占據整 屏幕 1/3 或1/2的位置。這樣的設計優勢時仍能看到主播的展示畫面,弊端是看不到底部的消息了。
  2. 中間彈框:在直播正中間展示,大小根據需要進行調整。這樣展示的好處時能看到底部的消息模塊,但是主播展示的畫面看不到。當然可以做成半透明的來降低影響。
  3. 全劇彈框:覆蓋在直播間上面,這樣的弊端不用說,啥都看不到了。好處在于能展示更多信息,跟瀏覽一個新頁面一樣的體驗。

一般商品展示、直播間互動操作等連貫性長時間操作都采用第一種方式;消息提醒、基本資料等一次性或短時間展示都采用第二種;第三種一般是活動介紹、個人主頁展示、第三方網站展示等才會使用。

小屏幕播放

除了這些外,還有一種特別重要說明的交互行為,那就是商品下單,如何實現邊看直播邊下單的一站式購物體驗?當我們需要對商品詳情進行瀏覽時,采用上面第三種彈框方式固然是好,但商品瀏覽涉及到多種交互模式,用戶隨時可能在商品詳情查看大圖,點擊跳轉到其他頁面等操作。再者下單過程也涉及到不可遇見的交互體驗,如填寫收貨地址、選擇優惠券、支付等。用這種方式實現不能說不可能,但代價很高,幾乎是不可能了。

所以在這里就是要介紹“小屏幕”模式來實現。直播視頻可以跟著播放器變大變小,懸浮在頁面上方,可拖動。這種切換小屏幕的場景觸發由用戶是否瀏覽商品詳情決定,整個過程不影響直播進行。在瀏覽頁面時隨時都可以點擊小屏幕切換回直播間。

ok,定義完上面的問題后,我們接下來回到上面提到的11個直播間模塊中,詳細看看每個模塊都包含哪些信息。

1、基本信息展示區域

這里主要說清楚三件事,誰在直播、直播什么,直播數據即可。所以這里會有以下幾個元素

  • 主播信息:一個頭像和直播間id即可,點擊頭像能彈框展示更多信息。
  • 直播主題:包括分類和直播狀態,讓用戶直播這個直播間在講什么。
  • 直播數據:觀看數,點贊數。讓主播和用戶知道這個房間在線數,主播能根據人數進行互動和直播策略調整。
  • 分享入口:可分享到第三方社交平臺在網頁端瀏覽觀看。

2、收益統計展示區域

這里主要給主播和用戶看到該直播購買狀況,這里收益包括打賞和訂單收益一起。用戶當然愿意對買的人多和熱鬧的直播感冒,主播看到收益也會激勵自己好好去播。

因為是社交電商,這里點開后會出現排行榜,排行榜能促成買家對高銷量衣服進行跟風,也能互相關注彼此成為好友。

3、活動位展示區域

活動位主要指在直播間配置的活動內容。一般由平臺統一控制,用戶可點擊直接在直播間內瀏覽參加活動。每個直播間都充當了宣傳入口,試想一下,直播間是可以分享移動的,如果每個直播有10萬人在線觀看,100個直播就是1000萬人。后臺配置一個活動和廣告就能被曝光1000萬次,這是何等重要的流量和變現位置,也方便平臺活動推廣的參與度。

這里的交互可以做成輪播滾動,將app 的banner入口縮小放到這里。

4、動效位展示區域

這里的動效指在直播間飛出的動畫效果,用以提醒強化。一般是打賞動效和購買動效。

5、商品消息提醒展示區域

這里的交互是動態變化的,用以對商品的提示。主播端點擊某個商品時,用戶就能快速在這個位置看到這個商品,點擊后即可瀏覽詳情進行購買。一般持續幾十秒就消失。

6、任務互動展示區域

直播間有很多互動玩法和促銷玩法,但這些功能需要由主播端開啟才會展示。比如主播發起了一個商品的拼團活動,這個區域就會出現該拼團入口。直播本身是一種工具,幫助主播更好的進行互動和變現,所以越豐富的互動玩法和促銷手段越能幫助主播更好的維護粉絲用戶。

7、互動消息展示區域

直播消息是一個比較復雜的交互行為,對于消息的設計要注意以下幾個方面:

  1. 消息樣式展示
  2. 消息類型劃分
  3. 消息重要性劃分
  4. 消息提醒頻率
  5. 消息點擊交互
  6. 消息發送主體

直播電商的消息不像秀場需要熱鬧,不斷滾動刷屏,更多需要重點突出問答內容和商品購買。對打賞和其他提醒都可以弱化處理。

8、商品快捷推薦展示區域

這里可以根據商品上新的時間或者購買熱度進行推薦展示,可上下滑動展示更多。目的是能讓用戶快捷看到上新和熱門的商品,點擊瀏覽。

9、直播間按鈕操作區域

直播間的操作基本都在底部位置,區分主播端和觀眾端。主播端更多是設置類,觀眾端更多是互動參與類。

比如主播端可劃分為

  1. 聊天:有時候關鍵信息 打字更容易記下來。
  2. 私信:總有人想跟主播私信聊天,不要問我為什么!
  3. 設置:直播的設置入口
  4. 互動:直播間互動玩法開啟入口
  5. 促銷:直播間促銷玩法開啟入口
  6. 上架:快速在直播時上架新商品
  7. 商品庫:快速管理直播間商品,從店鋪關聯其它商品

10、購買及打賞動效區域

這個位置表示整個直播間區域,為了突出購買和打賞的動效,體驗購買者和打賞者的土豪面子,總得加一些重要的提醒。

11、點贊互動區域

為了方便用戶點贊,只要手指點擊屏幕即可,不需要找到某個按鈕才可以點擊。

就這樣,整個直播間從模塊布局到功能交互邏輯基本就搭建完成,接下來就需要你根據公司具體的業務需求,在直播間各個模塊上定義不同的功能實現了。我們學會了怎么搭建和設計直播間后,可以基于直播間框架去設計出更多的功能玩法,把直播玩的淋漓盡致。

最后再總結下,本文基于直播電商的的特殊場景,從定義直播間的狀態、權限、視覺、模塊、層級、交互開始分析,再根據模塊分類及原則具體分析了每個模塊的信息設計思路,從而實現完整直播電商的直播間框架搭建。

 

作者:水度力子,微信公眾號:jdccPM,一年咨詢顧問,兩年產品經驗。曾就職世界500強外企,兩年創業經歷。產品,運營,咨詢分析。

本文由 @水度力子 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 樓主,深度思考,值得學習

    回復
  2. 你這篇有點厲害啊 省了不少時間

    來自北京 回復
  3. 滿滿的干貨,感謝分享

    來自北京 回復
  4. 很細致很到位,灰常棒

    來自上海 回復
  5. 感謝分享,學習學習 :mrgreen:

    來自廣東 回復
  6. 學習了??

    回復
    1. ?? ??

      來自廣東 回復
  7. 膩害,這么詳細 收藏了

    回復
    1. ??

      來自廣東 回復
  8. 這個思考深度~學不來 ??

    來自重慶 回復
    1. 堅持思考,形成習慣就好了

      來自廣東 回復
  9. 寫的很詳細 ,很棒,繼續努力!

    來自北京 回復
    1. 謝謝,繼續加油 ??

      來自廣東 回復