最近做了一個(gè)電商類產(chǎn)品，設(shè)計(jì)首頁(yè)功能設(shè)計(jì)的時(shí)候很困惑。每個(gè)平臺(tái)的首頁(yè)信息框架都和平臺(tái)特色相關(guān)，也間接反映了平臺(tái)的定位和風(fēng)格。如何處理才能讓用戶通過(guò)首頁(yè)，更好的了解平臺(tái)的調(diào)性，快速找到感興趣的商品或購(gòu)物頻道？

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

平臺(tái)分析
1. 淘寶（綜合平臺(tái)）

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

• 第一塊是搜索，淘寶最近把搜索二級(jí)頁(yè)面關(guān)鍵詞直接展示在一級(jí)搜索位置下方，占了一小條，相當(dāng)于關(guān)鍵詞搜索功能層級(jí)上升，結(jié)合算法數(shù)據(jù)推薦功能體驗(yàn)很nice；

• 第二塊是banner，不多說(shuō)；

• 第三塊是8個(gè)平臺(tái)型導(dǎo)航，主要是一些已經(jīng)從淘寶誕生，已經(jīng)可以獨(dú)立運(yùn)營(yíng)的產(chǎn)品；

• 第四塊是活動(dòng)廣告位，占據(jù)banner大小的位置，平臺(tái)活動(dòng)快捷入口；

• 第五塊是占位比較少的淘寶頭條，根據(jù)分類滾動(dòng)推薦產(chǎn)品的文章，很容易忽略；

• 第六塊是二級(jí)購(gòu)物功能區(qū)，展示各個(gè)頻道，像天天特賣，每日好店。都是老牌的促銷功能，基本電商平臺(tái)都有了。

• 第七塊是商品列表，安卓和蘋果展示不一樣。安卓是每個(gè)版塊半屏往下鋪開。蘋果是上方做了分類導(dǎo)航，下方列表，感覺(jué)操作上各有利弊。

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

2. 京東（綜合平臺(tái)）

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

• 第一塊是搜索；

• 第二塊是8個(gè)banner；

• 第三塊是活動(dòng)廣告位；

• 第四塊是平臺(tái)型功能區(qū)，有部分是獨(dú)立的平臺(tái)像京東生鮮，還有部分是京東的商品類別頻道，不像淘寶平臺(tái)那么多，平臺(tái)不夠分類來(lái)湊；

• 第五塊是占據(jù)一小條的京東快報(bào)；

• 第六塊是二級(jí)購(gòu)物頻道，放了一些主推的購(gòu)物板塊；

• 第七塊是活動(dòng)板塊，占的篇幅較大，鋪開了活動(dòng)的每個(gè)類別；

• 第八快還是頻道推薦，把多有的頻道納入到10個(gè)標(biāo)簽里，每個(gè)頻道都有超過(guò)5個(gè)二級(jí)標(biāo)簽，分的特別細(xì)。

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

3. 蘇寧易購(gòu)（綜合平臺(tái)）

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

• 第一塊是搜索；

• 第二塊是8個(gè)banner；

• 第三塊是活動(dòng)廣告位；

• 第四塊是平臺(tái)型功能區(qū)，這一塊主要是頻道和分類，分類居多，有16個(gè)。

• 第五塊是一小條的蘇寧頭條；

• 第六塊是二級(jí)購(gòu)物頻道；

• 第七塊是活動(dòng)板塊，也篇幅占據(jù)比較大，展開了活動(dòng)的每個(gè)類別；

• 第八塊是頻道推薦，也展示很多二級(jí)頻道，分的特別細(xì)，和京東特別像。

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

4. 小米有品（自營(yíng)平臺(tái)）

小米有品，異軍突起的自營(yíng)電商黑馬，主打性價(jià)比。

• 第一塊是搜索；

• 第二塊是活動(dòng)板塊，不像其他平臺(tái)是固定不動(dòng)的一張圖，動(dòng)畫展示活動(dòng)的交互很新穎；

• 第三塊是平臺(tái)型功能區(qū)，小米不像京東或者淘寶有很多衍生獨(dú)立平臺(tái)，所以展示的不多，5個(gè)功能頻道，看上去很清晰。另外，銷售榜單作為一個(gè)推薦功能，感覺(jué)新穎且實(shí)用；

• 第四塊是banner，一共5張，沒(méi)有像綜合電商平臺(tái)放到8張，我感覺(jué)交互體驗(yàn)更好，一般用戶在banner位置停留時(shí)間不長(zhǎng)，也看不全8張；

• 第五塊是活動(dòng)板塊推薦，篇幅大，分了各活動(dòng)分類的專場(chǎng)；

• 第六塊是特色頻道推薦，含榜單（把榜單部分商品展示出來(lái)）、限時(shí)購(gòu)、年貨節(jié)熱賣、小米眾籌、有貨集市、品味生活，和上面的功能區(qū)相呼應(yīng)，以商品展示為主；

• 第八塊是類別頻道推薦，每個(gè)展示一屏，也是以商品展示為主。

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

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

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

• 第一塊是搜索和導(dǎo)航；

• 第二塊Banner；嚴(yán)選是沒(méi)有功能區(qū)的，直接開始推薦商品或者頻道。

• 第三、五、六、七、八塊都是直接推薦標(biāo)簽的商品，其中焦點(diǎn)位給了個(gè)性化推薦，可見非常重視對(duì)用戶進(jìn)行數(shù)據(jù)進(jìn)行，從而更精準(zhǔn)得來(lái)個(gè)性化推薦；

• 第四塊是VIP會(huì)員的服務(wù)特權(quán)，其他電商都是在某個(gè)功能位放著，不太明顯，網(wǎng)易重點(diǎn)突出了這一塊；

• 第九塊是二級(jí)功能頻道，只放了三個(gè)頻道；

• 最后是猜你喜歡。