如何做電商平臺的首頁功能設(shè)計？

時間：2022-08-06 03:57:02 | 來源：網(wǎng)站運(yùn)營

時間：2022-08-06 03:57:02 來源：網(wǎng)站運(yùn)營

這個問題困擾了我許久，于是我想通過分析主流的電商平臺的首頁，看看它們是如何處理首頁信息分類的，總而來找尋下靈感，為我們平臺迭代做準(zhǔn)備。

平臺分析

1. 淘寶（綜合平臺）

淘寶，大家最熟悉的電商品臺了，信息應(yīng)該是最多的，在信息分類排版上難度最大，下面看看它的處理。

• 第一塊是搜索，淘寶最近把搜索二級頁面關(guān)鍵詞直接展示在一級搜索位置下方，占了一小條，相當(dāng)于關(guān)鍵詞搜索功能層級上升，結(jié)合算法數(shù)據(jù)推薦功能體驗(yàn)很nice；
• 第二塊是banner，不多說；
• 第三塊是8個平臺型導(dǎo)航，主要是一些已經(jīng)從淘寶誕生，已經(jīng)可以獨(dú)立運(yùn)營的產(chǎn)品；
• 第四塊是活動廣告位，占據(jù)banner大小的位置，平臺活動快捷入口；
• 第五塊是占位比較少的淘寶頭條，根據(jù)分類滾動推薦產(chǎn)品的文章，很容易忽略；
• 第六塊是二級購物功能區(qū)，展示各個頻道，像天天特賣，每日好店。都是老牌的促銷功能，基本電商平臺都有了。
• 第七塊是商品列表，安卓和蘋果展示不一樣。安卓是每個版塊半屏往下鋪開。蘋果是上方做了分類導(dǎo)航，下方列表，感覺操作上各有利弊。

淘寶雖然塊頭大，首頁信息排列層級還是比較清晰的，一級分類不多用戶記住難度小，用戶先進(jìn)入感興趣的一級分類，再進(jìn)二級細(xì)分定位。

2. 京東（綜合平臺）

京東也是個大塊頭，一級分類鋪開的尤其多，只要你愿意逛，就能找到各種購物頻道。

• 第一塊是搜索；
• 第二塊是8個banner；
• 第三塊是活動廣告位；
• 第四塊是平臺型功能區(qū)，有部分是獨(dú)立的平臺像京東生鮮，還有部分是京東的商品類別頻道，不像淘寶平臺那么多，平臺不夠分類來湊；
• 第五塊是占據(jù)一小條的京東快報；
• 第六塊是二級購物頻道，放了一些主推的購物板塊；
• 第七塊是活動板塊，占的篇幅較大，鋪開了活動的每個類別；
• 第八快還是頻道推薦，把多有的頻道納入到10個標(biāo)簽里，每個頻道都有超過5個二級標(biāo)簽，分的特別細(xì)。

京東二級信息分類太多了，且很多都展示在了首頁，眼花繚亂的感覺。如果是隨便瀏覽的用戶，很多的標(biāo)簽鋪在首頁還是很直觀的，可能逛著逛著找到想買的商品，但固定要找到某個頻道就比較難了，考驗(yàn)記憶力。

3. 蘇寧易購（綜合平臺）

蘇寧首頁展示類似京東，平臺定位也類似，主打電器。首頁排版類似，尤其后半部分頻道推薦，有些頻道推薦的名稱都差不多。

• 第一塊是搜索；
• 第二塊是8個banner；
• 第三塊是活動廣告位；
• 第四塊是平臺型功能區(qū)，這一塊主要是頻道和分類，分類居多，有16個。
• 第五塊是一小條的蘇寧頭條；
• 第六塊是二級購物頻道；
• 第七塊是活動板塊，也篇幅占據(jù)比較大，展開了活動的每個類別；
• 第八塊是頻道推薦，也展示很多二級頻道，分的特別細(xì)，和京東特別像。

所以也是同樣的問題，首頁塞得滿滿當(dāng)當(dāng)?shù)?，適合隨意逛逛。

4. 小米有品（自營平臺）

小米有品，異軍突起的自營電商黑馬，主打性價比。

• 第一塊是搜索；
• 第二塊是活動板塊，不像其他平臺是固定不動的一張圖，動畫展示活動的交互很新穎；
• 第三塊是平臺型功能區(qū)，小米不像京東或者淘寶有很多衍生獨(dú)立平臺，所以展示的不多，5個功能頻道，看上去很清晰。另外，銷售榜單作為一個推薦功能，感覺新穎且實(shí)用；
• 第四塊是banner，一共5張，沒有像綜合電商平臺放到8張，我感覺交互體驗(yàn)更好，一般用戶在banner位置停留時間不長，也看不全8張；
• 第五塊是活動板塊推薦，篇幅大，分了各活動分類的專場；
• 第六塊是特色頻道推薦，含榜單（把榜單部分商品展示出來）、限時購、年貨節(jié)熱賣、小米眾籌、有貨集市、品味生活，和上面的功能區(qū)相呼應(yīng)，以商品展示為主；
• 第八塊是類別頻道推薦，每個展示一屏，也是以商品展示為主。

小米的首頁排版和其他綜合性平臺不太一樣，很有自己的特色，UI也簡介大氣，信息分類簡化不臃腫。

5. 網(wǎng)易嚴(yán)選（自營平臺）

嚴(yán)選是異軍突起的自營電商平臺，定位和小米有品類似，首頁排布非常簡介，以頻道商品展示為主，不再把頻道標(biāo)簽細(xì)分成二級三級，是所有綜合電商平臺頻道推薦最簡單的。

• 第一塊是搜索和導(dǎo)航；
• 第二塊Banner；嚴(yán)選是沒有功能區(qū)的，直接開始推薦商品或者頻道。
• 第三、五、六、七、八塊都是直接推薦標(biāo)簽的商品，其中焦點(diǎn)位給了個性化推薦，可見非常重視對用戶進(jìn)行數(shù)據(jù)進(jìn)行，從而更精準(zhǔn)得來個性化推薦；
• 第四塊是VIP會員的服務(wù)特權(quán)，其他電商都是在某個功能位放著，不太明顯，網(wǎng)易重點(diǎn)突出了這一塊；
• 第九塊是二級功能頻道，只放了三個頻道；
• 最后是猜你喜歡。

推薦上商品的信息分層不多，都直接商品展示，而不是像其他綜合電商平臺的二級分類三級分類繼續(xù)往下分，感覺體驗(yàn)很好，東西太多了容易遺忘，用戶也不會一直在首頁一個個板塊看，具體會點(diǎn)進(jìn)哪個功能的隨機(jī)性太大了。

6. 網(wǎng)易考拉（垂直綜合平臺）

考拉也是網(wǎng)易系的電商平臺，專注垂直領(lǐng)域海淘，很多女生買化妝產(chǎn)品的首選。

• 第一塊是搜索；
• 第二塊是banner；
• 第三塊是功能區(qū)，考拉下面沒有獨(dú)立的平臺，這一塊放的是品類場館，像商場的樓層一樣，一目了然邏輯清晰；
• 第三塊是活動板塊；
• 第四到第七塊，都是特色頻道推薦，標(biāo)簽下面細(xì)分了很多相關(guān)的功能頻道；
• 第八塊是用戶專享，現(xiàn)在大型電商都開始走會員年費(fèi)模式，交了年費(fèi)會員享受相應(yīng)折扣，考拉重點(diǎn)推了這一塊，所以在首頁；
• 第九快是精選活動，以每個板塊商品列表來展示；
• 最后一塊是個性化推薦，以三個角度的列表來展示，不想其他平臺都是鋪出商品。第一個角度是個性化商品，第二個角度度是商品推薦清單類文章；第三個角度是品質(zhì)商品推薦。考拉的信息比嚴(yán)選多，所以都是以板塊展示為主，點(diǎn)進(jìn)去再分二級板塊。

考拉相比京東，排列上更簡潔，二級分類更少，一級頻道推薦板塊名稱也更接地氣，想要找到想要的頻道很容易（例如：考拉的“分享優(yōu)惠”里面分了兩個，一個是“拼團(tuán)”一個是“0元砍價”。京東的相似頻道“實(shí)惠好貨”里面分了10個，分別是“家電瘋搶48h”、“優(yōu)惠不停歇”、“唯品會”、“拍拍二手”、“司法拍賣”、“京東拼購”、“愛車生活”、“進(jìn)口館”、“美食城”、“園藝生活”。京東二級分類太多了，很難記住，而且二級和一級頻道名稱上關(guān)聯(lián)也不強(qiáng)）。

7. 拼多多（綜合平臺）

拼多多，以拼團(tuán)價格優(yōu)惠切入，迅速分到蛋糕的綜合性電商平臺。

• 第一塊是Banner，和主流平臺不太一樣，沒有放搜索，搜索的位置挪到了下部導(dǎo)航的菜單位置，需要培養(yǎng)一段時間的用戶習(xí)慣；
• 第二塊是功能區(qū)，所有的平臺頻道和分類功能都在這里面了，有16個，玩法比較獨(dú)特，有很多是獨(dú)創(chuàng)的，更加偏重社交分享，比如拼團(tuán)，現(xiàn)在很多大平臺也被跟著上線拼團(tuán)功能；
• 第三塊是活動板塊推薦；
• 第四塊往下都是以商品列表展示了，分商品和店鋪兩個角度推薦商品，穿插了一排品牌館推薦。拼多多一級信息分類層級非常少了，只有四塊，頻道推薦和分類推薦全部集中到了功能區(qū)，導(dǎo)致功能區(qū)壓力有點(diǎn)大，功能的展示太少了。

主要篇幅在展示商品列表，沒有很清晰的頻道標(biāo)簽的概念，讓我想到了抖音，不知道拼多多的算法是不是很強(qiáng)大，商品推薦能夠很精準(zhǔn)。這應(yīng)該也和它的用戶年齡結(jié)構(gòu)有一定關(guān)系，感覺身邊用拼多多的中年人更多。

感悟與總結(jié)

根據(jù)上面的分析，可以總結(jié)成以下四個方法論：

1. 不管是幾級分類，同一級的分類不要太多了，最好不要超過5個。
2. 考慮用戶操作學(xué)習(xí)成本，某些功能已經(jīng)培養(yǎng)了用戶的操作習(xí)慣，位置不要做太大的變動。
3. 動效可以更好的抓住用戶的眼球，核心功能可以使用。
4. 頻道鋪開展示商品，比鋪開所有頻道（再進(jìn)入二級點(diǎn)擊頻道看商品）更加生動，盡量縮短頻道層級間的一級級展示，直接鋪開商品。（例如影音用品下面分耳機(jī)、音箱、投影儀等。首頁可選擇直接展示影音+耳機(jī)音箱等類別里面的產(chǎn)品列表，而不是展示耳機(jī)等標(biāo)簽，再讓用戶進(jìn)入下一層）

下面是我針對我們平臺首頁的排布計劃，僅供參考，大家也可以找我交流。

從上而下來說每一塊功能：

• 搜索放在第一塊，用戶也已經(jīng)習(xí)慣了在這個位置找功能。
• 第二塊Banner，我感覺不用放的太多，8個用戶看不過來，3-5個比較合適。
• 第三塊是功能區(qū)，如果有一些特色頻道放這里比較合適的，這個部分放太多也不合適，超過10個就需要滑動翻頁才能看完，估計第二頁的點(diǎn)擊量也不高的，目前我們平臺大概有4個。第三塊是活動位置，盡量多的給展示位置（一屏幕左右），把活動的海報和參與活動的類別做展示。海報可以加一些動畫效果，能更好的引起用戶關(guān)注，畢竟平臺活動是很核心的一個功能。
• 第四塊是功能區(qū)的頻道商品展示，每個頻道給半屏到一屏的展示位，頻道若還有二級分類，我不會分的太多，盡量控制在5個內(nèi)，否則首頁會非常臃腫，沒有功能記憶點(diǎn)。
• 最后一塊是分類頻道推薦或品牌頻道板塊推薦，以商品列表展示為主，每個頻道半屏到一屏的展示位。個性化推薦因?yàn)楝F(xiàn)在平臺剛剛上線，我們也沒啥數(shù)據(jù)積累，推薦功能暫時不加。