匯集4大電商案例,我總結(jié)了這份商品展示設(shè)計(jì)報(bào)告

0 評(píng)論 16117 瀏覽 75 收藏 13 分鐘

編輯導(dǎo)語(yǔ):對(duì)于電商平臺(tái)來(lái)說,商品的展示設(shè)計(jì)是很重要的,不同的表現(xiàn)形式對(duì)用戶的影響不同,導(dǎo)致的消費(fèi)結(jié)果也會(huì)有很大的區(qū)別。本文作者匯總了四大電商案例,了解了商品展示中的設(shè)計(jì)技巧以及背后的設(shè)計(jì)邏輯,總結(jié)了一份商品展示設(shè)計(jì)報(bào)告。

我在上一篇文章《淘寶、拼多多電商平臺(tái)商品展示的設(shè)計(jì)策略》,分析了如何制定商品展示設(shè)計(jì)策略。

這次我們來(lái)總結(jié)執(zhí)行層面的設(shè)計(jì)方法,了解淘寶、天貓、拼多多、京東在商品展示中的設(shè)計(jì)技巧,以及背后的設(shè)計(jì)邏輯。

文章主要內(nèi)容包括:

  1. 阿里AIPL模型;
  2. 商品展示3個(gè)層面的設(shè)計(jì)技巧;
  3. 拼多多推薦頻道商品展示分析。

1. 從AIPL模型說起

阿里推出了可以把品牌在阿里系的人群資產(chǎn)定量化運(yùn)營(yíng)的模型,這也是支撐它全域營(yíng)銷概念落地的關(guān)鍵一環(huán),這個(gè)模型就是“AIPL模型”——首次實(shí)現(xiàn)品牌人群資產(chǎn)定量化、鏈路化運(yùn)營(yíng)。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

AIPL的意思分別是認(rèn)知、興趣、購(gòu)買和忠誠(chéng),就是用戶從看到你→點(diǎn)你→產(chǎn)生興趣→購(gòu)買的過程。

  • A(Awareness):品牌認(rèn)知人群——包括被品牌廣告觸達(dá)和品類詞搜索的人;
  • I(Interest):品牌興趣人群——包括廣告點(diǎn)擊、瀏覽品牌/店鋪主頁(yè)、參與品牌互動(dòng)、瀏覽產(chǎn)品詳情頁(yè)、品牌詞搜索、領(lǐng)取試用、訂閱/關(guān)注/入會(huì)、加購(gòu)收藏的人;
  • P(Purchase):品牌購(gòu)買人群——指購(gòu)買過品牌商品的人;
  • L(Loyalty):品牌忠誠(chéng)人群——包括復(fù)購(gòu)、評(píng)論、分享的人。

2. 商品展示

商品展示可以影響到模型的前3個(gè)階段,所以我們借用這個(gè)模型,將用戶轉(zhuǎn)化的流程分為3個(gè)階段。每個(gè)階段都需要給予用戶足夠的激勵(lì),實(shí)現(xiàn)用戶的轉(zhuǎn)化。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.1 認(rèn)知階段

無(wú)論是“貨找人”,還是“人找貨”,精準(zhǔn)匹配都是用戶產(chǎn)生瀏覽的基礎(chǔ)條件。只有商品符合用戶的偏好,才可以讓用戶產(chǎn)生瀏覽欲望,才有可能進(jìn)入興趣階段。

因此展現(xiàn)方式需要從用戶出發(fā),并且結(jié)合平臺(tái)品牌定位來(lái)確定。

2.1.1 建立商品與用戶關(guān)聯(lián)關(guān)系

2.1.1.1 增強(qiáng)服務(wù)體驗(yàn)以用戶為中心

通過加強(qiáng)商品與用戶之間的關(guān)系,例如時(shí)間、空間等信息,驅(qū)動(dòng)用戶關(guān)注商品形成點(diǎn)擊。

淘寶“猜你喜歡”集合了多個(gè)阿里體系中平臺(tái)內(nèi)容,為其導(dǎo)流,例如口碑、閑魚等。因此部分線下商品,增加了線下門店的地址、距離等信息,便于用戶做出購(gòu)買決策。

京東商品展示中增加“您近期搜索的熱銷商品”等標(biāo)簽,既強(qiáng)化了商品與用戶的關(guān)系,喚醒了用戶需求記憶,又增強(qiáng)了用戶被服務(wù)的感覺。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.1.1.2 情感化設(shè)計(jì)從情感角度觸動(dòng)用戶,拉近商品與用戶關(guān)系

例如淘寶活動(dòng)商品卡片中的文案,引入用戶特征描述,更容易吸引用戶。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.1.1.3 用戶主導(dǎo)商品推薦系統(tǒng)無(wú)法保證完全符合用戶需求

另外平臺(tái)也需要為商家和活動(dòng)引流,所以部分推薦的商品可能與用戶無(wú)法做到匹配,為了避免對(duì)用戶瀏覽造成干擾,需要賦予用戶主導(dǎo)權(quán)。

所以各大平臺(tái)“猜你喜歡”中增加反饋功能,用戶對(duì)感興趣的商品可以快速查看相似產(chǎn)品,對(duì)于不感興趣的商品可以屏蔽,同時(shí)也可以幫助系統(tǒng)不斷修正推薦算法。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.1.2 服務(wù)于品牌定位

展現(xiàn)形式需要結(jié)合品牌定位,傳遞給用戶統(tǒng)一的品牌認(rèn)知。

我們可以將天貓和京東歸為一類,兩者都是主打品質(zhì),用戶群也偏向于一二線城市,消費(fèi)能力較強(qiáng);而淘寶和拼多多用戶群體較為廣泛,下沉用戶較多,可以歸為一類。

因此在商品圖片表現(xiàn)時(shí),淘寶和拼多多更加的接地氣一些,圖片更偏向于帶背景,整體色調(diào)偏重。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

京東和天貓主要以淺灰色背景圖片為主,重點(diǎn)突出商品,當(dāng)然圖片的展現(xiàn)形式與跟商品品類也有一定關(guān)系。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.2 興趣階段

2.2.1 豐富展現(xiàn)形式

隨著直播、短視頻的興起,用戶不再滿足瀏覽靜態(tài)商品圖片。因此為了讓用戶更好的逛起來(lái),直播、短視頻成為了商品展示不可或缺的形式。

淘寶、京東“猜你喜歡”中采用了視頻、直播、圖片多種展示形式,視頻直播相對(duì)于圖片更容易引起用戶點(diǎn)擊的欲望,而且在表現(xiàn)力度上更加生動(dòng);另一方面視頻和直播也可以更好的拉長(zhǎng)用戶停留時(shí)間。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.2.2 增強(qiáng)圖片表現(xiàn)力

商品展示不再是單純的展現(xiàn)商品圖片,而是通過更有視覺沖擊力的圖片,營(yíng)造出代入感,強(qiáng)化用戶對(duì)商品的認(rèn)知。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.2.3 強(qiáng)化引導(dǎo)

通過個(gè)性化標(biāo)題和配圖,吸引用戶的注意力,喚起用戶痛點(diǎn),從而促進(jìn)轉(zhuǎn)化。

例如淘寶“猜你喜歡”,部分商品配圖并不是真實(shí)商品圖片,主要目標(biāo)是通過場(chǎng)景化展示,引導(dǎo)用戶轉(zhuǎn)化。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.3 購(gòu)買階段

2.3.1 價(jià)值點(diǎn)激勵(lì)

價(jià)值點(diǎn)是商品轉(zhuǎn)化的重要推手:一方面可以激勵(lì)用戶轉(zhuǎn)化,另一方面弱化用戶轉(zhuǎn)化過程中的阻礙點(diǎn)。例如常見的滿減信息、商品賣點(diǎn)、用戶評(píng)論、服務(wù)亮點(diǎn)等。

除此之外,商品展示中還增加了榜單信息:一方面增加了商品的價(jià)值感;另一方面可以引導(dǎo)用戶查看榜單,為用戶推薦更多商品,增加商品曝光。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

2.3.2 提升購(gòu)買決策效率

搜索場(chǎng)景下,需要給予更多商品信息曝光,實(shí)現(xiàn)用戶高效決策,避免過多的操作造成用戶退出。

天貓?jiān)谒阉鹘Y(jié)果頁(yè),部分商品將參數(shù)信息前置曝光,以及不同型號(hào)商品價(jià)格曝光。

同時(shí)商品圖片中增加了視頻展示,用戶在不進(jìn)入商品詳情頁(yè)就可以了解更多的商品信息,從而提高用戶購(gòu)買決策效率。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

以上總結(jié)了4個(gè)電商平臺(tái)商品展示的特點(diǎn)。

3. 拼多多商品展示分析

不過在4個(gè)平臺(tái)中,拼多多還是比較特別的。

淘寶、天貓、京東都選擇了瀑布流大圖模式,而拼多多采用了列表布局方式,這里有什么邏輯呢?

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

3.1 展示分析

雖然拼多多采用了列表方式展示,但是商品圖片尺寸與其他平臺(tái)比并沒有小太多,可以保證商品細(xì)節(jié)更好的展示。

當(dāng)然這也犧牲了一定的展示效率,一屏之內(nèi)只能顯示3個(gè)商品。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

(*圖片尺寸是750*1334屏幕尺寸下測(cè)量所得,可能存在一定的誤差)

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

相比較大圖模式,拼多多列表模式可以承載更多的商品信息,并且視覺上更有空間感,不至于過分擁擠,造成用戶瀏覽困難。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

3.2 邏輯分析

用戶對(duì)拼多多定位偏向“低價(jià)”,因此推薦頻道商品價(jià)格普遍較低,對(duì)用戶購(gòu)買決策可以形成強(qiáng)激勵(lì)。

此時(shí)需要通過商品圖片,結(jié)合商品名稱、服務(wù)標(biāo)簽等信息,讓用戶形成更深入的商品認(rèn)知。目的是盡可能的激勵(lì)用戶不需要過多的瀏覽商品詳情頁(yè)內(nèi)容,直接下單購(gòu)買,所以列表式更符合展示要求。

4大電商平臺(tái)商品展示設(shè)計(jì)總結(jié)

所以相對(duì)于其他平臺(tái)而言,拼多多試圖簡(jiǎn)化用戶購(gòu)買鏈路,讓用戶整個(gè)決策過程更加高效。

寫在最后:

商品展示設(shè)計(jì)看似簡(jiǎn)單,但是需要在有限的空間內(nèi),盡可能的傳遞出更多有效信息。因此需要聚焦用戶關(guān)注點(diǎn)和痛點(diǎn),讓用戶產(chǎn)生滿足感和驚喜感,從而提升用戶的點(diǎn)擊和轉(zhuǎn)化。

參考內(nèi)容:阿里3大營(yíng)銷模型:AIPL、FAST、GROW

#專欄作家#

子牧先生。公眾號(hào):子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!