淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

作為當前熱門的內容消費形式,直播已經成為了廣大消費者生活里不可或缺的一部分。

推薦閱讀

消費者對于直播的熱衷,源于其帶來的「多元化內容」和「沉浸式體驗」。借此我們從用戶動線的四個時間階段:

  1. 0 秒前 - 引導發現直播
  2. 0-3 秒 - 吸引用戶停留
  3. 3 秒后 - 提升互動購買
  4. 邊看邊逛 - 順暢的流轉和回訪

分享下在兼顧傳統貨架型消費習慣的同時,設計如何引導用戶發現直播及帶來更好的觀看購買體驗。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

一、引導發現直播

直播內容有著較強個性特征,如何融入不同的場景,吸引用戶注意,是個較大的挑戰。對此我們圍繞:

  1. 容器兼容 -雙列式、沉浸式、畫布式、瀑布式容器設計
  2. 搜索效能 -搜中搜后直播檢索體驗提效

在兼顧原場景特性和用戶習慣下,融入直播內容,提升用戶發現感。

1. 雙列式-關系引導設計

注重分發效率的雙列式場景中,將直播內容與用戶更為熟悉的商品、店鋪及人群行為等信息做融合,在延續瀏覽習慣的同時,也拉近了與直播內容的距離。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

2. 沉浸式-全幅框架設計

直播頻道場景下,通過簡潔的容器設計,最大畫幅地展現內容個性的特征,實現更加沉浸的觀看體感。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

在同樣注重內容體感的其他場景,為了更好的服務直播內容的受眾用戶,也嘗試通過更大畫幅的容器設計,提升內容發現的體感。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

③畫布式-可交互的畫布會場

在大促場景下,對不同主題、不同品類的直播內容,通過進行類似相冊式的排列的畫布交互,為平衡平臺效率和沉浸感體驗提供了新的解法。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

④瀑布式-兼具營銷及沉浸感的會場

大促期間,聚焦承接性、沉浸感及營銷感,瀑布式的容器設計能夠最大限度的展現內容個性的同時,實現同屏多直播內容的透出,更好的刷直播找商品。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

⑤搜索-檢索效能體驗升級

基于實時聯想,在未完整輸入的情況下,實現無需跳轉結果頁的搜中直達。也通過半幅式的沉浸表達,提升對熱門直播間、熱點主題的搜后體感設計。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

二、0 秒開始-吸引用戶停留

進入直播間后,面對繁多的信息,用戶往往不知所措。對此我們從兩個方面:

  1. 新秩序 -根據觀看時長,漸進有序的分時間、分區域且規范化的展示信息。
  2. 氛圍感 -圍繞入場歡迎、營銷互動、大促打賞等場景的豐富性設計。
    以幫助用戶在短時的停留內,有更好視覺的聚焦,從而引發更多停留可能。

1. 有序的視覺動線

設定「流畫面-商品-氛圍-營銷」為主軸的視覺動線原則,會在用戶進入直播間后的 0-3 秒內有序地呈現。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

2. 氛圍感-有主張的儀式感

在用戶進入直播間后,圍繞主播認證、粉絲等級及打賞行為等信息,豐富入場氛圍感的設計,彰顯身份的同時,提升儀式感。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

隨著觀看時間推移,在歡迎完成后,直播間會呈現短時的搶紅包、抽禮盒等本場權益活動,也通過局部營銷氛圍區模板化的設計,避免過度的用戶影響。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

在大促/打賞場景下,我們在底部區域,設定了更大的特效氛圍展示區,會同步展示大促倒計時及禮物打賞等特效動畫,更具氛圍感。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

三、3 秒之后-提升互動購買

大多數用戶會有一定的互動心理門檻,短暫的停留中往往也很難獲取到關鍵的商品信息和關鍵講解。對此我們也從四個場景:

  1. 降門檻 -評論區便捷的行為復刻
  2. 優惠外化 -商品卡優惠及參數的前置表達
  3. 便捷購買 -無需跳轉的消費購買鏈路
  4. 觀看效率 -講解片段化交互

分享下我們在互動和消費引導上做的體驗升級嘗試。

1. 評論-低門檻互動及破冰

通過設立行為復刻的交互,可快速引用其他用戶的分享、關注、評論等行為。

我們也基于 AI,實現在評論區的常見咨詢問題的預生成,用戶可直接選擇,降低輸入門檻,實現互動破冰和互動率。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

2. 商品卡-價格優惠及商品特征的外化

通過商品卡的優惠特征和價格利益的體感優化,同時也增加興趣預判,當觀看一定的時間, 它會外化展示更多的核心商品參數,輔助影響消費決策。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

3. 寶貝口袋-便捷的同層級交互

在購買消費時,我們正嘗試設定無需跳轉的同層交互,幫助用戶在口袋內完成詳情、加購、咨詢、搜索等關鍵場景的瀏覽。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

4. 看講解-便捷的講解觀看

相比圖文,直播講解的信息密度大,通過提煉直播腳本的共性維度,將單商品的講解內容拆解成不同片段,便于用戶快速跳轉至感興趣的內容,提升觀看效率和購買可能性。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

四、邊看邊逛-無縫流轉回訪

用戶在瀏覽直播時很討厭被動打斷,但又希望在觀看直播時能夠獲取更多信息。于此我們產生了一些趣味的想法:

  1. 懸浮播放 -在發生頁面和應用跳轉時,懸浮小窗的延續播放。
  2. 情感化 -圍繞弱網情況下觀看體感差的情感化設計。

以提供用戶更好的觀看流轉體驗及暖心體感,提升觀看延續性。

1. 懸浮播放-無縫的流轉延續

觀看直播時,如需跳轉其他頁面或者跳出應用時,會最小化直播窗口,形成懸浮小窗,貼邊的磁吸處理可以進一步降低對頁面內容的打擾。

也可以通過定制的靈動島和 Widget 小組件設計,隨時回訪繼續觀看。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

2. 弱網體驗:情感化設計

觀看過程中,針對突然斷播、網絡波動等體感差的問題,通過情緒化擬真的設計,引發用戶共鳴和緩解不滿情緒,增加了繼續停留觀看的可能性。

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

寫在最后

在越來越豐富多元的直播電商場景和高速流轉的信息下,如何讓用戶專注于內容的同時,通過設計與技術力量的融合,適度有序的進行消費購買的體驗引導,會產生更多的消費好感和粘性。我們對體驗設計與前沿技術、消費趨勢的并進充滿了憧憬,更期待有興趣志向和相關經驗的優秀設計師并肩加入~

歡迎關注「淘寶設計」公眾號:

淘寶出品!讓用戶看得順暢,買得舒心的直播動線設計

收藏 75
點贊 43

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。