1. 商品單品

單品是商品卡片最基本、最基礎(chǔ)的內(nèi)容構(gòu)成，這個我們就不多說了。商品卡片最基礎(chǔ)內(nèi)容——商品圖片、標(biāo)題、價格。

商品卡片通常有豎版卡片和橫版列表兩種表現(xiàn)形式，很多APP都可以根據(jù)用戶習(xí)慣在這兩種形式之間進(jìn)行切換，比如：淘寶、京東。

也有一些產(chǎn)品是只有豎版卡片的，此類對圖片有更大的展示空間，適合服裝飾品等以圖片視覺為賣點(diǎn)的商品，比如主打穿搭的蘑菇街、主營水果蔬菜的每日優(yōu)鮮。而橫版列表可以展示更多的文字介紹信息，適合標(biāo)品，或者說對圖片不敏感的商品，比如叮當(dāng)快藥的藥品、京東得電子產(chǎn)品、美妝日化等。

一個很典型的案例就是天貓搜索服裝和美妝，搜索結(jié)果頁里商品卡片有明顯的區(qū)別。當(dāng)然因?yàn)楸舅井a(chǎn)品的定位為第一種，我們此次分析只聚焦于豎版卡片。

2. 頻道

卡片承載頻道功能，適合綜合型電商類、產(chǎn)品體量龐大且品類豐富的產(chǎn)品。通過競品分析我們可以看到，只有淘寶系的三款產(chǎn)品——淘寶、天貓、1688擁有此功能。

頻道功能通常在搜索結(jié)果頁feed流中出現(xiàn)，比如淘寶就根據(jù)搜索詞推薦各種相關(guān)導(dǎo)購頻道，如ifashion、小黑盒、天貓國際、天天特賣、極有家、每日好店等。

而在表現(xiàn)層上，淘寶和1688的卡片基本與常規(guī)商品卡片保持一致，均為單張商品圖+文本信息的結(jié)構(gòu)。相比而言，天貓的頻道功能從視覺上看卻更加突出，純色漸變背景、1個or3個商品、點(diǎn)擊按鈕……這些設(shè)計上的視覺引導(dǎo)都體現(xiàn)出天貓頻道功能有更高的權(quán)重。

3. 榜單

榜單也是商品運(yùn)營維度中的一種，點(diǎn)擊后進(jìn)入榜單列表頁，常見的榜單有熱銷榜、人氣榜、趨勢榜、好評榜等，也可以根據(jù)品類制作各種細(xì)分榜單。榜單類卡片的基礎(chǔ)是榜單名稱、介紹等基礎(chǔ)信息，除此以外，還會通過按鈕等CTA的設(shè)計，引導(dǎo)用戶點(diǎn)擊。

通過對競品的分析對比，榜單卡片通常展示3-4個商品，給用戶以內(nèi)容豐富的預(yù)期；包含排名的角標(biāo)，強(qiáng)化傳遞“榜單”這一信息，可以說是利用從眾心理去激起用戶想要了解的欲望，比如天貓和考拉。

也有產(chǎn)品顯示單張商品圖的、比如1688，卡片顯示單個商品能夠與其他商品卡片保持更好的一致性，當(dāng)然缺點(diǎn)也是在此了，因?yàn)檫^強(qiáng)的一致性而不夠突出。

具體選擇單個還是三四個圖顯示，需要我們根據(jù)產(chǎn)品各個功能的優(yōu)先級去衡量具體的表現(xiàn)方式。

4. 關(guān)鍵詞

關(guān)鍵詞推薦是各個競品中使用率比較高的一個功能，主要使用在APP首頁的feed流中以及搜索結(jié)果頁feed流中。

在首頁feed流，關(guān)鍵詞根據(jù)用戶的歷史瀏覽、購買記錄等推薦相應(yīng)的品類，點(diǎn)擊后進(jìn)入該詞的搜索結(jié)果頁，比如1688和轉(zhuǎn)轉(zhuǎn)、盒馬都是如此；而在搜索結(jié)果頁feed流中，關(guān)鍵詞功能有兩種，一種是篩選，比如淘寶會根據(jù)篩選里的分類，隨機(jī)推薦各種篩選，比如價格區(qū)間、品牌、風(fēng)格、參數(shù)等，點(diǎn)擊后進(jìn)入篩選結(jié)果頁，關(guān)閉篩選詞可退出。

第二種是添加搜索詞，點(diǎn)擊后依舊是搜索結(jié)果頁，多個關(guān)鍵詞組合后更精細(xì)搜索。比較適合商品品類、種類豐富的平臺，比如淘寶和1688。

總結(jié)

本次報告主要對相應(yīng)競品的商品卡片入口、卡片內(nèi)容、具體承載功能進(jìn)行分析和總結(jié)。

建議結(jié)合具體功能內(nèi)容及業(yè)務(wù)偏重，選擇適合的呈現(xiàn)方式。如榜單推薦、店鋪推薦類以入口展示為主，可以增加視覺吸引力，使用多個產(chǎn)品圖模式展示；具體商品和以內(nèi)容及價格展示為主，需要偏重瀏覽效率及內(nèi)容完整性，使用單張圖列表模式展示。

除此之外，建議以上模塊加入CTA按鈕，吸引潛在客戶的注意力，誘使他們點(diǎn)擊跳轉(zhuǎn)、進(jìn)入下一個階段。

作者：白露漫談，公眾號：白鷺漫談

本文由 @白露漫談 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議