熱評(píng) 喝不喝拿鐵

平時(shí)逛淘寶還真的沒(méi)有注意這么多的細(xì)節(jié),看了文章才知道原來(lái)產(chǎn)品詳情頁(yè)頭圖是按照不同產(chǎn)品展現(xiàn)不同的形式的,突出每個(gè)產(chǎn)品的特點(diǎn)!

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

本文從淘寶設(shè)計(jì)的體驗(yàn)現(xiàn)狀出發(fā),總結(jié)了5個(gè)淘寶APP的改版細(xì)節(jié),這個(gè)和我們息息相關(guān)的軟件,有哪些值得關(guān)注的改版呢?

一、體驗(yàn)現(xiàn)狀

1. 鏈路&形態(tài)

商品詳情的作用是為用戶(hù)提供商品信息,并匹配購(gòu)買(mǎi)功能與服務(wù)。它既是商品的“信息載體”,也是導(dǎo)購(gòu)策略的“表達(dá)形式”。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

2. 商品運(yùn)營(yíng)

具體來(lái)看,詳情是所有商品信息的組合列表,不同需求場(chǎng)景下,用戶(hù)關(guān)注點(diǎn)是交織的。并且在多年的迭代過(guò)程中,分人群、品類(lèi)的導(dǎo)購(gòu)策略愈加細(xì)分。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

因此有必要以消費(fèi)者視角重新審視“信息結(jié)構(gòu)”與“瀏覽動(dòng)線”。

二、重塑首屏結(jié)構(gòu)

打開(kāi)商品詳情后首屏信息量、停留時(shí)長(zhǎng)有限,在下劃過(guò)程中,轉(zhuǎn)化漏斗也會(huì)伴隨加重。如何在有限的空間、時(shí)間內(nèi),快速的獲取有效信息是需要整體考量的。

1. 首屏圖、文配比

電商的本質(zhì)是看圖賣(mài)貨,如果將信息分為“圖像”與“文字”,那瀏覽不同商品是有差異的,如買(mǎi)衣服時(shí)需要足夠的空間看圖,買(mǎi)紙巾時(shí)會(huì)更關(guān)注文字描述的規(guī)格等。

所以可根據(jù)不同商品消費(fèi)習(xí)慣,分別提供首屏圖、文空間配比。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

根據(jù)數(shù)據(jù)表現(xiàn),某些圖片重要性較低的品,如家清日用等,可以提供高寬比小于 1 的視圖容器。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

2. 購(gòu)買(mǎi)行動(dòng)優(yōu)化

購(gòu)買(mǎi)按鈕作為電商核心行動(dòng)按鈕,是促進(jìn)成交轉(zhuǎn)化最直觀的運(yùn)營(yíng)位。

因此可以圍繞購(gòu)買(mǎi)行動(dòng)提供一些緊迫、稀缺、優(yōu)惠等“購(gòu)買(mǎi)理由”。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

三、優(yōu)化運(yùn)營(yíng)信息

1. 信息組織

在挑選商品時(shí),往往是常識(shí)驅(qū)動(dòng)決策,如:優(yōu)惠大不大?賣(mài)的好不好?…等。業(yè)務(wù)發(fā)展至今,運(yùn)營(yíng)信息的位置、樣式、話術(shù),或多或少都有些偏離消費(fèi)者購(gòu)物常識(shí),變得復(fù)雜。

因此“回歸購(gòu)物常識(shí)”,是重構(gòu)商品信息的關(guān)鍵原則。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

2. 信息表述

同一賣(mài)點(diǎn)表述維度多樣,如表述熱賣(mài)可用銷(xiāo)量、排名、回購(gòu)率等。并且不同品類(lèi)有側(cè)重,如紙巾注重回購(gòu)率,冰箱則看重排名。所以需要讓用戶(hù)在有限的時(shí)間與空間內(nèi),獲取關(guān)鍵信息。

所以信息表述的有效性,最終決定其“消費(fèi)價(jià)值”的傳達(dá)效果。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

3. 運(yùn)營(yíng)表達(dá)策略

將賣(mài)點(diǎn)分為價(jià)格力、吸引力維度,分別評(píng)估業(yè)內(nèi)競(jìng)爭(zhēng)力。通過(guò)監(jiān)測(cè)數(shù)據(jù),以及提供多種表現(xiàn)形式,滿足互斥、兼容等表達(dá)邏輯。

以此提供“可感知的”確定性商品運(yùn)營(yíng)策略,為更精細(xì)的渠道、品類(lèi)、人群運(yùn)營(yíng)提供實(shí)操空間。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

四、精細(xì)的商品運(yùn)營(yíng)

一件商品上架后銷(xiāo)售狀況并非恒定,伴隨運(yùn)營(yíng)手段和平臺(tái)流量機(jī)制,它會(huì)經(jīng)歷從市場(chǎng)導(dǎo)入、逐漸成長(zhǎng)、再到成熟、最后步入衰退階段。

1. 商品階段運(yùn)營(yíng)

以剛上架處于“成長(zhǎng)期”的商品為例,銷(xiāo)量展示“已售 30 件”會(huì)顯得平庸,但如果換成“上架 1 小時(shí)賣(mài)出 30 件”,熱賣(mài)程度就會(huì)得到加強(qiáng)。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

所以“消費(fèi)價(jià)值交付”在不同階段有差異,在特定階段,凸顯獨(dú)特賣(mài)點(diǎn)尤為關(guān)鍵。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

對(duì)于一些超級(jí)品牌的新品首發(fā),是能借助其影響力為電商平臺(tái)帶來(lái)活躍度的,并能提上商業(yè)價(jià)值與影響力。

因此,基于新品發(fā)布慣例,提供了解、預(yù)約、購(gòu)買(mǎi)等參與體驗(yàn),能更好的匹配消費(fèi)者與商家之間的雙向需求。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

基于這個(gè)邏輯,商品詳情需要在其基礎(chǔ)框架之上提供人、品、時(shí)間、事件等細(xì)分場(chǎng)景下商品的“消費(fèi)價(jià)值”交付。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

五、好用的看款選款

多規(guī)格商品在查看和選款時(shí),不同品類(lèi)之間的差異巨大。例如,買(mǎi)礦泉水時(shí)可能只需了解規(guī)格,買(mǎi)襪子時(shí)可能只需了解顏色,而買(mǎi)衣服、家居用品通常時(shí)需要查看細(xì)節(jié)、尺寸等圖示的。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

在銷(xiāo)售過(guò)程中,款式狀態(tài)會(huì)變化,如賣(mài)爆了、缺貨了等情況。與此同時(shí),運(yùn)營(yíng)行為也會(huì)影響 SKU 拆分、組合、選款邏輯等。

所以在功能層面,提供恰到好處的輔助選款能力,是很有必要的。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

選款作為必經(jīng)場(chǎng)景,在已充分展現(xiàn)過(guò)商品的前置場(chǎng)景中(如直播、短視頻、圖文等),是可以跳過(guò)商品詳情頁(yè),直接完成購(gòu)買(mǎi)的。

基于此判斷,可以將選款頁(yè)作為“最小顆粒度詳情”實(shí)現(xiàn)快速?zèng)Q策的。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

六、商品詳情在鏈路中

回到淘寶全局視角,從流量和供給的視角看,商品詳情頁(yè)是流量的中樞,同時(shí)也是所有商品供給的匯集。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

1. 從商家視角來(lái)看

商家期望用戶(hù)訪問(wèn)商品詳情后盡快產(chǎn)生購(gòu)買(mǎi),因此除了運(yùn)營(yíng)商品本身之外,還會(huì)采用店鋪口碑宣導(dǎo)、推薦其他等手段。以便在用戶(hù)對(duì)目標(biāo)商品不滿意或想比較時(shí)提供更多選擇。

所以店鋪好在哪?推薦準(zhǔn)不準(zhǔn)?是商品本身運(yùn)營(yíng)之外最核心的導(dǎo)購(gòu)策略。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

除了開(kāi)辟固定位置展示店鋪的認(rèn)可和推薦外,在不干擾用戶(hù)正常瀏覽商品的前提下,提供符合預(yù)期的進(jìn)店、看推薦等交互操作至關(guān)重要。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

2. 從用戶(hù)視角來(lái)看

在到達(dá)商品詳情頁(yè)之前會(huì)有一系列前置行為,如打開(kāi)搜索找、首頁(yè)閑逛等。同時(shí)平臺(tái)會(huì)對(duì)每個(gè)有流量的場(chǎng)景提供商品推薦,所以訪問(wèn)路徑是五花八門(mén)的,但目前承接這些訪問(wèn)的形態(tài)只有列表頁(yè)這一種。

所以,商品詳情是否有列表形態(tài)之外的其他體驗(yàn)方式,是一個(gè)值得長(zhǎng)期探索的課題。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

在關(guān)鍵賣(mài)點(diǎn)高密度、精簡(jiǎn)表達(dá)之后,可以在導(dǎo)購(gòu)頻道、訂單頁(yè)等推薦場(chǎng)景使用大卡片,快速瀏覽商品概要。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

回頭再想想

前文提到,商品詳情的本質(zhì)是:商品的“信息載體”與導(dǎo)購(gòu)策略的“表達(dá)形式”。對(duì)商家來(lái)說(shuō)促成交是唯一目標(biāo),對(duì)用戶(hù)來(lái)說(shuō)它是了解一件商品的核心場(chǎng)景。

所以,如何幫助用戶(hù)更快的、充分的了解商品信息,對(duì)商品詳情的設(shè)計(jì)來(lái)說(shuō)是長(zhǎng)期課題,在商業(yè)與技術(shù)日新月異的當(dāng)下,為其探索更適合的體驗(yàn)形態(tài)是一件很有意義的事情。

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

歡迎關(guān)注「淘寶設(shè)計(jì)」公眾號(hào):

逛淘寶一定會(huì)看的頁(yè)面,我們做了哪些設(shè)計(jì)改變?

收藏 138
點(diǎn)贊 73

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。