基于用戶體驗(yàn)的電商直播界面設(shè)計(jì)

隨著移動互聯(lián)網(wǎng)與新媒體平臺的發(fā)展，電商直播帶貨已經(jīng)成為一種重要的商品售賣方式。現(xiàn)從用戶體驗(yàn)的視角出發(fā)，通過對淘寶、抖音、快手三個平臺的屬性及其電商直播板塊的信息架構(gòu)、界面布局、交互體驗(yàn)、界面視覺元素進(jìn)行對比分析，從用戶需求、平臺電商直播板塊信息架構(gòu)、用戶使用電商直播購物的交互體驗(yàn)三個方面提出電商直播界面的設(shè)計(jì)策略，以提升用戶在電商直播中的購物體驗(yàn)為目標(biāo)，為電商直播界面設(shè)計(jì)提供參考，促進(jìn)電商直播的發(fā)展。

隨著各互聯(lián)網(wǎng)平臺功能的不斷完善，電商直播和短視頻直播等網(wǎng)絡(luò)直播購物方式飛速發(fā)展，現(xiàn)已成為消費(fèi)者的主要購物方式之一。第51次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》數(shù)據(jù)顯示，截至2022年12月，我國網(wǎng)絡(luò)直播用戶規(guī)模達(dá)7.51億，其中，電商直播用戶規(guī)模為5.15億?！?023年中國直播電商機(jī)會洞察報(bào)告》預(yù)計(jì)，2023年我國直播電商市場將達(dá)到4.92萬億元，淘寶、抖音、快手三大直播電商平臺形成三足鼎立的競爭局面。

電商直播實(shí)現(xiàn)了人與人、人與產(chǎn)品、人與場景的聯(lián)通和視覺化呈現(xiàn)。目前針對電商直播的研究主要圍繞電商直播購物平臺的消費(fèi)者行為、主播特性、直播場景等進(jìn)行，是對已有的電商直播平臺進(jìn)行研究，而對電商直播平臺的視覺界面進(jìn)行的研究相對缺乏。在電商直播中，移動端視覺界面作為消費(fèi)者和電商直播的連接中介，以最直觀的方式呈現(xiàn)在消費(fèi)者面前，讓主播與消費(fèi)者進(jìn)行互動?，F(xiàn)在的電商直播平臺主要通過主播來影響用戶消費(fèi)，缺少更加清晰的界面交互邏輯，然而，界面的合理性、可操作性會直接影響用戶體驗(yàn)，并對直播間的轉(zhuǎn)化率產(chǎn)生影響。

為了解決上述問題，現(xiàn)對比淘寶、抖音、快手三大平臺的直播購物界面，以期為直播帶貨平臺的界面設(shè)計(jì)提供一定的思路和方法。

根據(jù)用戶體驗(yàn)對電商直播界面進(jìn)行設(shè)計(jì)的研究

一般認(rèn)為，用戶體驗(yàn)的概念是由唐納德·諾曼在20世紀(jì)90年代初提出和推廣的，隨著信息技術(shù)的飛速發(fā)展，其內(nèi)涵和框架不斷擴(kuò)充，涉及越來越多的領(lǐng)域。Albert等認(rèn)為用戶體驗(yàn)關(guān)注用戶與產(chǎn)品或系統(tǒng)在整個使用過程中的全程交互，以及從交互中所產(chǎn)生的反思、感受和認(rèn)知，并指出用戶體驗(yàn)是有趣的、可觀察的以及可測量的。ISO對用戶體驗(yàn)的定義進(jìn)行了補(bǔ)充說明，認(rèn)為用戶體驗(yàn)包括使用前、使用時及使用后所產(chǎn)生的情感、信仰、喜好、認(rèn)知印象、生理和心理上的反應(yīng)、行為和后果等。楊勤等在分析用戶特性的基礎(chǔ)上，對淘寶直播界面的設(shè)計(jì)顏色、要素以及內(nèi)容等展開研究。李沛蕓等根據(jù)用戶行為及需求結(jié)合實(shí)際進(jìn)行分析，構(gòu)建了電商直播B端產(chǎn)品的工作臺頁面。在設(shè)計(jì)電商直播界面的過程中，需將用戶納入其中，以產(chǎn)品為核心，以服務(wù)為依托，在使用環(huán)境中設(shè)計(jì)，提升用戶在使用電商直播購物平臺過程中的交互和情感體驗(yàn)，推動電商直播購物平臺界面設(shè)計(jì)的發(fā)展，提升電商直播購物平臺的競爭力，增加用戶黏性，實(shí)現(xiàn)平臺流量的變現(xiàn)。

平臺分析

淘寶、抖音、快手平臺屬性分析

中國電商蓬勃發(fā)展，淘寶、快手、抖音這三大平臺現(xiàn)如今擁有龐大的用戶基礎(chǔ)與流量優(yōu)勢，其發(fā)展也將帶動整個直播電商行業(yè)快速發(fā)展。雖然短視頻與直播電商逐漸在互補(bǔ)融合，但這三個平臺在平臺屬性、產(chǎn)品定位、用戶群體、內(nèi)容形式等方面都不相同。

淘寶基于原有的傳統(tǒng)電商用戶流量，其電商直播具有較大優(yōu)勢，主要以滿足用戶的購物需求為主，因此，消費(fèi)者使用淘寶時的購物目的比較明確。而抖音和快手是以娛樂為主的短視頻平臺，其往往會通過短視頻的形式進(jìn)行帶貨，激發(fā)用戶潛在的購物欲望。

淘寶、抖音、快手電商直播平臺界面設(shè)計(jì)分析

1.淘寶、快手、抖音電商直播入口信息構(gòu)架

淘寶電商直播入口嵌入在淘寶首頁，屬于首頁頁面中心四個主題模塊之一，入口占比大且直觀；抖音電商直播入口需要點(diǎn)擊或者滑動到購物一欄，切換頁面后，再選擇進(jìn)入直播板塊；快手則是進(jìn)入首頁后右滑或者點(diǎn)擊左上角擴(kuò)展圖標(biāo)，彈出側(cè)邊欄tab，快手小店為快手電商直播入口。由于淘寶平臺的電商購物屬性，淘寶直播入口位于首頁，十分突出，而抖音和快手平臺以短視頻為主，直播板塊都需要從平臺推薦的短視頻頁面進(jìn)行切換。

2.電商直播板塊信息架構(gòu)差異

淘寶平臺的頁面層級較多，傾向于使用圖標(biāo)進(jìn)行分類展示，分為上下導(dǎo)航欄，內(nèi)容展示頁面融合了直播間名稱、主播頭像、主播簡介以及在線觀看人數(shù)等信息。抖音和快手的直播板塊導(dǎo)航欄都位于頁面上半部分，以文字的形式進(jìn)行橫向排列。三個平臺頁面內(nèi)容均以雙欄卡片布局展示，與其他兩個平臺不同的是，快手小店搜索欄旁有醒目的“開店”圖標(biāo)，這與快手的平臺屬性有關(guān)，快手電商中有許多是白牌品牌，多為主播自有產(chǎn)品，會為用戶提供賣貨途徑。

3.淘寶、抖音、快手電商直播平臺直播間信息架構(gòu)

淘寶、抖音、快手平臺的直播間布局大致相同，上面的部分是直播間信息內(nèi)容，中間部分是直播間產(chǎn)品展示，下方是用戶互動和購物部分。淘寶直播間下方主要是主播互動、分享、點(diǎn)贊和商品列表；抖音直播間下方包括商品列表、點(diǎn)贊、禮物和更多；快手直播間下方主要為一鍵清屏幕、商品列表、禮物以及主播關(guān)注，在進(jìn)入直播間十秒后，商品列表和禮物之間會跳出一個禮物燈牌。相較于快手和抖音，淘寶缺少與主播互動的送禮物環(huán)節(jié)，快手和抖音在右下部分都有送禮物圖標(biāo)，以抖幣和快幣作為平臺內(nèi)禮物購買的虛擬貨幣。

交互體驗(yàn)

1.界面入口

三個平臺直播間的切換都是通過簡單的滑動獲取新的直播內(nèi)容，形成了高效的手勢交互。淘寶和快手平臺左滑會出現(xiàn)其他直播間推薦，快手直播間左滑，右側(cè)會彈出其他直播推薦，呈半懸浮展示，方便用戶查看其他直播的同時又不會完全覆蓋正在觀看的直播間；淘寶直播間左滑，推薦頁面會覆蓋原直播間頁面，但原直播間頁面會保持播放狀態(tài)。

直播間與用戶的互動方式多樣，淘寶、抖音、快手都具有雙擊屏幕點(diǎn)贊的功能，隨之會有表情特效出現(xiàn)在點(diǎn)擊位置，屏幕即時反饋的同時因?yàn)閳D標(biāo)不斷變化而更加具有趣味性?？焓趾投兑粢蚨桃曨l平臺的屬性，具有用戶給主播送禮物的功能，主播可以通過抽獎、發(fā)放福袋等方式提高用戶的參與度。電商直播平臺用戶在觀看直播時可以通過發(fā)送彈幕的方式，實(shí)時與主播進(jìn)行交流，及時交換信息。

2.視覺體驗(yàn)

（1）圖標(biāo)設(shè)計(jì)

圖標(biāo)是除了文字和圖形之外，直觀傳達(dá)信息的一種方式。淘寶、抖音、快手三個平臺的圖標(biāo)均為功能型圖標(biāo)，可以通過點(diǎn)擊圖標(biāo)跳轉(zhuǎn)頁面。淘寶平臺電商直播板塊首頁的圖標(biāo)將線性圖標(biāo)與面性圖標(biāo)結(jié)合，點(diǎn)擊電商直播板首頁下方tab欄的圖標(biāo)，圖標(biāo)便會由線性圖標(biāo)轉(zhuǎn)換為面性圖標(biāo)，轉(zhuǎn)換為面性圖標(biāo)時有圖標(biāo)縮放微動效，這在一定程度上增加了界面的趣味性。抖音和快手電商直播板塊的圖標(biāo)主要以灰色線性圖標(biāo)為主，點(diǎn)擊或滑動無動效。淘寶分類頻道的其他品類全部進(jìn)行了輕擬物圖標(biāo)化，將圖像與文字結(jié)合，更加生動形象，便于用戶理解。抖音和快手平臺的分類均是文字圖標(biāo)。淘寶、抖音、快手直播間的圖標(biāo)以面性圖標(biāo)為主，點(diǎn)擊抖音和快手的禮物圖標(biāo)，會彈出不同名稱的禮物圖標(biāo)，不同價(jià)格的禮物圖標(biāo)豐富程度也不同，這一類圖標(biāo)色彩豐富，點(diǎn)擊相應(yīng)圖標(biāo)后有微動效，能增強(qiáng)用戶的交互體驗(yàn)。

（2）色彩元素

在界面中，色彩對用戶行為有導(dǎo)向作用。電商直播板塊的顏色以直播間場景顏色為主。在淘寶、抖音、快手三個平臺的直播間中，直播間中部分品牌信息關(guān)注按鈕、彈窗價(jià)格搶購以及店鋪商品口袋都使用顯眼的紅色突出展示，引導(dǎo)用戶關(guān)注直播間下單。三個平臺直播間彈幕區(qū)的用戶榮譽(yù)等級、用戶名稱、彈幕評論內(nèi)容等都會使用不同的顏色進(jìn)行區(qū)分，淘寶和快手平臺的用戶名稱分別是黃色和淡黃色，抖音為藍(lán)色，重點(diǎn)集中在討論內(nèi)容上，評論內(nèi)容為白色。但由于各平臺的直播間是由各品牌方自主布置的，視覺呈現(xiàn)上會存在元素堆疊，直播間色彩元素復(fù)雜會對用戶體驗(yàn)造成一定的負(fù)面影響。

基于用戶體驗(yàn)的電商直播平臺界面設(shè)計(jì)策略

滿足用戶多元細(xì)分需求

隨著移動電子產(chǎn)品普及率的提高，信息媒介傳播平臺呈現(xiàn)多元化特征，淘寶、抖音、快手等平臺成為各個年齡段群體了解社會的一種新渠道。因此，在電商直播平臺界面設(shè)計(jì)中，應(yīng)考慮不同年齡、不同認(rèn)知水平和不同操作水平的用戶，有針對性地進(jìn)行界面功能組合，關(guān)注相應(yīng)群體使用電商直播平臺的動機(jī)、體驗(yàn)以及操作，深入挖掘電商直播購物的問題與發(fā)展機(jī)會。特別是隨著中國老齡化程度的不斷加深，各平臺的銀發(fā)用戶增加，淘寶、抖音、快手等平臺界面的適老化設(shè)計(jì)以字號、顏色區(qū)分為主，同時對平臺功能進(jìn)行精簡。銀發(fā)群體感知能力的降低不僅體現(xiàn)在視覺方面，也體現(xiàn)在觸覺、聽覺等方面。針對老年用戶進(jìn)行直播界面設(shè)計(jì)時，可以將直播間的元素進(jìn)行放大，提高點(diǎn)擊反饋觸感，增加震動反饋?？傊?，在進(jìn)行用戶需求研究時，應(yīng)全面考慮用戶的生理需求、心理需求和情感需求。

簡化信息層級架構(gòu)，提高平臺的易用性

在電商直播平臺界面設(shè)計(jì)中，復(fù)雜的頁面層級架構(gòu)會降低用戶的體驗(yàn)感，使其產(chǎn)生認(rèn)知和操作上的負(fù)擔(dān)。在構(gòu)建電商直播平臺信息架構(gòu)時，應(yīng)以明確直觀的層級結(jié)構(gòu)為主，減少進(jìn)入直播間的步驟，突出直播間入口信息。

直播間商家為追求品牌宣傳力度最大化，將界面交互部件與直播間場景相融合，導(dǎo)致各平臺直播間的信息內(nèi)容與色彩混亂，而清屏功能會將界面中的重要信息一同隱藏。因此，在進(jìn)行直播界面設(shè)計(jì)時，需保證最基礎(chǔ)的用戶需求得到滿足，弱化次要信息，簡化操作手勢，力求通過簡潔的界面元素讓用戶獲取和使用直播間信息。

豐富交互體驗(yàn)，增強(qiáng)互動的趣味性

用戶在直播間購物時，主要通過豐富的互動獲取信息，多人同時在線進(jìn)行討論的群體性消費(fèi)更能激發(fā)用戶的消費(fèi)行為，提高直播間的消費(fèi)轉(zhuǎn)化率。彈幕是用戶與主播和其他用戶交流的主要方式。在人數(shù)較多的直播間，用戶發(fā)送的溝通信息具有時效性，但若是多次溝通無效，會在一定程度上影響用戶的消費(fèi)體驗(yàn)，因此，可以相應(yīng)地增加用戶發(fā)送信息的強(qiáng)調(diào)功能，避免消息流失造成用戶體驗(yàn)不佳，甚至提高溝通成本。形成用戶與主播、用戶與界面、用戶與用戶之間的良性互動，可以滿足用戶在直播購物過程中的情感需求，增強(qiáng)電商直播平臺的用戶黏性。

綜上所述，直播購物界面設(shè)計(jì)融合了人—貨—場，是用戶進(jìn)行直播購物的主要信息媒介，用戶通過動作操作產(chǎn)生交互行為，在使用過程中，用戶的視覺、交互、情感體驗(yàn)等都會對用戶的決策產(chǎn)生影響。本文對淘寶直播和抖音、快手等短視頻平臺電商直播的視覺界面進(jìn)行了對比分析，從用戶體驗(yàn)出發(fā)，對使用場景和功能需求進(jìn)行了對比。通過對三個平臺的平臺屬性、信息架構(gòu)、界面布局、交互體驗(yàn)、視覺元素的對比分析，提出電商直播平臺界面設(shè)計(jì)的策略，希望能夠?yàn)殡娚讨辈グ鍓K的界面設(shè)計(jì)提供參考，改進(jìn)用戶參與直播購物的體驗(yàn)。