最近做(zuò)了(le)一個(gè)電商類産品，設計首頁功能設計的(de)時(shí)候很困惑。每個(gè)平台的(de)首頁信息框架都和(hé)平台特色相關，也(yě)間接反映了(le)平台的(de)定位和(hé)風格。如何處理(lǐ)才能讓用(yòng)戶通(tōng)過首頁，更好的(de)了(le)解平台的(de)調性，快(kuài)速找到感興趣的(de)商品或購(gòu)物(wù)頻(pín)道？

這(zhè)個(gè)問題困擾了(le)我許久，于是我想通(tōng)過分(fēn)析主流的(de)電商平台的(de)首頁，看看它們是如何處理(lǐ)首頁信息分(fēn)類的(de)，總而來(lái)找尋下(xià)靈感，爲我們平台叠代做(zuò)準備。

平台分(fēn)析
1. 淘寶（綜合平台）

淘寶，大(dà)家最熟悉的(de)電商品台了(le)，信息應該是最多(duō)的(de)，在信息分(fēn)類排版上難度最大(dà)，下(xià)面看看它的(de)處理(lǐ)。

• 第一塊是搜索，淘寶最近把搜索二級頁面關鍵詞直接展示在一級搜索位置下(xià)方，占了(le)一小條，相當于關鍵詞搜索功能層級上升，結合算(suàn)法數據推薦功能體驗很nice；

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

• 第三塊是8個(gè)平台型導航，主要是一些已經從淘寶誕生，已經可(kě)以獨立運營的(de)産品；

• 第四塊是活動廣告位，占據banner大(dà)小的(de)位置，平台活動快(kuài)捷入口；

• 第五塊是占位比較少的(de)淘寶頭條，根據分(fēn)類滾動推薦産品的(de)文章(zhāng)，很容易忽略；

• 第六塊是二級購(gòu)物(wù)功能區(qū)，展示各個(gè)頻(pín)道，像天天特賣，每日好店(diàn)。都是老牌的(de)促銷功能，基本電商平台都有了(le)。

• 第七塊是商品列表，安卓和(hé)蘋果展示不一樣。安卓是每個(gè)版塊半屏往下(xià)鋪開。蘋果是上方做(zuò)了(le)分(fēn)類導航，下(xià)方列表，感覺操作上各有利弊。

淘寶雖然塊頭大(dà)，首頁信息排列層級還(hái)是比較清晰的(de)，一級分(fēn)類不多(duō)用(yòng)戶記住難度小，用(yòng)戶先進入感興趣的(de)一級分(fēn)類，再進二級細分(fēn)定位。

2. 京東（綜合平台）

京東也(yě)是個(gè)大(dà)塊頭，一級分(fēn)類鋪開的(de)尤其多(duō)，隻要你願意逛，就能找到各種購(gòu)物(wù)頻(pín)道。

• 第一塊是搜索；

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

• 第三塊是活動廣告位；

• 第四塊是平台型功能區(qū)，有部分(fēn)是獨立的(de)平台像京東生鮮，還(hái)有部分(fēn)是京東的(de)商品類别頻(pín)道，不像淘寶平台那麽多(duō)，平台不夠分(fēn)類來(lái)湊；

• 第五塊是占據一小條的(de)京東快(kuài)報；

• 第六塊是二級購(gòu)物(wù)頻(pín)道，放了(le)一些主推的(de)購(gòu)物(wù)闆塊；

• 第七塊是活動闆塊，占的(de)篇幅較大(dà)，鋪開了(le)活動的(de)每個(gè)類别；

• 第八快(kuài)還(hái)是頻(pín)道推薦，把多(duō)有的(de)頻(pín)道納入到10個(gè)标簽裏，每個(gè)頻(pín)道都有超過5個(gè)二級标簽，分(fēn)的(de)特别細。

京東二級信息分(fēn)類太多(duō)了(le)，且很多(duō)都展示在了(le)首頁，眼花缭亂的(de)感覺。如果是随便浏覽的(de)用(yòng)戶，很多(duō)的(de)标簽鋪在首頁還(hái)是很直觀的(de)，可(kě)能逛著(zhe)逛著(zhe)找到想買的(de)商品，但固定要找到某個(gè)頻(pín)道就比較難了(le)，考驗記憶力。

3. 蘇甯易購(gòu)（綜合平台）

蘇甯首頁展示類似京東，平台定位也(yě)類似，主打電器。首頁排版類似，尤其後半部分(fēn)頻(pín)道推薦，有些頻(pín)道推薦的(de)名稱都差不多(duō)。

• 第一塊是搜索；

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

• 第三塊是活動廣告位；

• 第四塊是平台型功能區(qū)，這(zhè)一塊主要是頻(pín)道和(hé)分(fēn)類，分(fēn)類居多(duō)，有16個(gè)。

• 第五塊是一小條的(de)蘇甯頭條；

• 第六塊是二級購(gòu)物(wù)頻(pín)道；

• 第七塊是活動闆塊，也(yě)篇幅占據比較大(dà)，展開了(le)活動的(de)每個(gè)類别；

• 第八塊是頻(pín)道推薦，也(yě)展示很多(duō)二級頻(pín)道，分(fēn)的(de)特别細，和(hé)京東特别像。

所以也(yě)是同樣的(de)問題，首頁塞得(de)滿滿當當的(de)，适合随意逛逛。

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

小米有品，異軍突起的(de)自營電商黑(hēi)馬，主打性價比。

• 第一塊是搜索；

• 第二塊是活動闆塊，不像其他(tā)平台是固定不動的(de)一張圖，動畫(huà)展示活動的(de)交互很新穎；

• 第三塊是平台型功能區(qū)，小米不像京東或者淘寶有很多(duō)衍生獨立平台，所以展示的(de)不多(duō)，5個(gè)功能頻(pín)道，看上去很清晰。另外，銷售榜單作爲一個(gè)推薦功能，感覺新穎且實用(yòng)；

• 第四塊是banner，一共5張，沒有像綜合電商平台放到8張，我感覺交互體驗更好，一般用(yòng)戶在banner位置停留時(shí)間不長(cháng)，也(yě)看不全8張；

• 第五塊是活動闆塊推薦，篇幅大(dà)，分(fēn)了(le)各活動分(fēn)類的(de)專場(chǎng)；

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

• 第八塊是類别頻(pín)道推薦，每個(gè)展示一屏，也(yě)是以商品展示爲主。

小米的(de)首頁排版和(hé)其他(tā)綜合性平台不太一樣，很有自己的(de)特色，UI也(yě)簡介大(dà)氣，信息分(fēn)類簡化(huà)不臃腫。

5. 網易嚴選（自營平台）

嚴選是異軍突起的(de)自營電商平台，定位和(hé)小米有品類似，首頁排布非常簡介，以頻(pín)道商品展示爲主，不再把頻(pín)道标簽細分(fēn)成二級三級，是所有綜合電商平台頻(pín)道推薦最簡單的(de)。

• 第一塊是搜索和(hé)導航；

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

• 第三、五、六、七、八塊都是直接推薦标簽的(de)商品，其中焦點位給了(le)個(gè)性化(huà)推薦，可(kě)見非常重視對(duì)用(yòng)戶進行數據進行，從而更精準得(de)來(lái)個(gè)性化(huà)推薦；

• 第四塊是VIP會員(yuán)的(de)服務特權，其他(tā)電商都是在某個(gè)功能位放著(zhe)，不太明(míng)顯，網易重點突出了(le)這(zhè)一塊；

• 第九塊是二級功能頻(pín)道，隻放了(le)三個(gè)頻(pín)道；

• 最後是猜你喜歡。