這兩天研究了淘寶、天貓和京東的目錄結(jié)構(gòu)、列表頁和內(nèi)容頁，發(fā)現(xiàn)B2C和C2C有很大的差別，分析后發(fā)現(xiàn)，這些差異并非是由設(shè)計師的個性決定，更并非偶然，而是由其獨有的平臺本質(zhì)所決定，本質(zhì)的不同映射到了每一個具體功能點，也就形成了功能點的差異。

文分三段，首先從直觀用戶的角度觀察B2C和C2C在目錄結(jié)構(gòu)、列表頁展示和內(nèi)容頁三方面的設(shè)計差異，然后從B2C和C2C本質(zhì)出發(fā)推導(dǎo)差異原因，最后用推導(dǎo)出的差異原因去詮釋在本文第一段中發(fā)現(xiàn)的設(shè)計差異。

淘寶、天貓和京東在目錄結(jié)構(gòu)、列表頁展示和內(nèi)容頁的設(shè)計差異

目錄結(jié)構(gòu)

以淘寶為代表C2C目錄結(jié)構(gòu)絕大多數(shù)都為首頁目錄-列表頁，扁平化特點突出。比如進入女式襯衫的列表頁，在淘寶中用目錄只有一條路徑：

操作過程只涉及首頁和列表頁2個頁面，只需要1次點擊。首先在首頁找到長袖襯衫的分類，并單擊進入：

點擊“長袖襯衫”后便直接進入了女式長袖襯衫列表頁：

以天貓和京東為代表的B2C，目錄結(jié)構(gòu)則分為兩類，暫且命名為A類和B類：

A類目錄結(jié)構(gòu)與淘寶完全相同，即首頁目錄-列表頁。

B類則是首頁目錄-中間目錄-列表頁的結(jié)構(gòu)，區(qū)別于C2C，層級更深，中間多出1層甚至多層中間頁。多出來中間頁是哪里的呢？其實就是商城對手機、女裝、運動鞋等這些足夠大的類別單獨做了一個更詳細的目錄作為中間目錄。

還以進入女式襯衫列表頁為例，天貓中通過目錄進入女式襯衫列表頁就有了兩條途徑：

其中首頁目錄-女裝目錄-列表頁就是B類結(jié)構(gòu)，需要建設(shè)一個頁面承載女裝目錄，也就是中間頁。當然，B類結(jié)構(gòu)不僅限于中間夾1層中間頁，可以是2層甚至多層，傾向于更多的去使用B類目錄結(jié)構(gòu)是B2C的特質(zhì)。

女式襯衫的B類結(jié)構(gòu)操作過程涉及3個頁面和2次點擊：首先在首頁找到女裝分類，并單擊進入：

點擊進入女裝目錄頁后，在女裝目錄中找到襯衫分類，并點擊進入：

單擊襯衫分類后就進入了女式襯衫列表頁：

在京東商城中進入女式襯衫列表頁的途徑跟天貓商城相同，顯然，目錄結(jié)構(gòu)C2C更為扁平，點擊分類直接可以選擇店家購買商品；B2C故意拉深了層級結(jié)構(gòu)，加入中間頁，獲得了更多得頁面空間來支持更為精細化的運營，包括舉辦活動、放置banner等，而且給用戶傳達了很強的品牌意識。單看目錄結(jié)構(gòu)，C2C和B2C兩大陣營的本質(zhì)異同已經(jīng)初見端倪。

B2C網(wǎng)站中大部分分類是A和B兩種目錄結(jié)構(gòu)并行存在的，但為獲得更多網(wǎng)頁空間支持運營，天貓網(wǎng)站中甚至很多細小分類直接摒棄A類結(jié)構(gòu)，只用B。如天貓網(wǎng)站女式中老年襯衣，通過目錄不經(jīng)過中間頁無法到達列表頁：

列表頁展示

?淘寶列表頁產(chǎn)品展示圖

“愛園麗麗”獲取焦點后圖示

天貓列表頁產(chǎn)品展示圖

京東列表頁產(chǎn)品展示圖

? ??分析四張產(chǎn)品展示圖，可以分析C2C和B2C在各個部分的差別，結(jié)果如下表：

內(nèi)容頁展示

商城的內(nèi)容頁，很多都是店家自定義，但也體現(xiàn)著商城對內(nèi)容頁設(shè)計的指導(dǎo)原則。內(nèi)容頁都比較冗長，這里只對內(nèi)容頁首屏進行比較，看下一商城內(nèi)容頁展現(xiàn)給用戶的第一視覺有什么不同。

?

看了三家商城的內(nèi)容頁可以發(fā)現(xiàn)，無論是B2C還是C2C在內(nèi)容頁中，都會強調(diào)價格、款式款號、產(chǎn)品評價、店鋪評價四個維度，但不同的是B2C因為是品牌商家直供，強調(diào)品牌的凸顯，而且品牌名即店鋪名，所以在內(nèi)容頁中能給人很強的品牌感，尤其是天貓商城的VERO MODA品牌，品牌logo大氣顯著，而C2C的淘寶沒有給客戶要凸顯的元素，只有上方的banner顯示著店鋪信息。

?為什么會有這種差異？

B2C商城從目錄到內(nèi)容頁處處凸顯的品牌感絕非偶然，動機決定行動，商城如此設(shè)計，必然是背后動機的體現(xiàn)。所及解答設(shè)計為什么會有差異需要明白他們動機的不同，而商城間的本質(zhì)區(qū)別就是B2C和C2C，就從平臺類型為起點建立推導(dǎo)邏輯。

對B2B平臺和C2C平臺分別用這個邏輯去分析，對比結(jié)果如下表

滿足入駐者

1. 通過互聯(lián)網(wǎng)流量幫助品牌鏈接更多客戶
   2.利用運營手段幫助品牌樹立品牌形象從而銷售商品
2. 通過互聯(lián)網(wǎng)流量幫助店鋪鏈接更多客戶，重點在于把店鋪的目標客戶全體從實體店的周邊放大到了全互聯(lián)網(wǎng)
   2.利用規(guī)則構(gòu)建效率市場使店鋪能公平的充分競爭從而幫店鋪銷售商品

平臺特點產(chǎn)品質(zhì)量有保障，但價格較高，產(chǎn)品品類數(shù)量有局限性產(chǎn)品價格低，產(chǎn)品品類豐富，但產(chǎn)品質(zhì)量參差不齊針對用戶品牌依賴度高且品牌消費能力強的人。即追求品牌，信任品牌質(zhì)量，哪怕品牌的產(chǎn)品品類數(shù)量有限不也在所不惜，而且有匹配的支付能力品牌依賴度不高或品牌消費能力不夠的人。即愿意犧牲品牌保證換取更優(yōu)惠的價格或更豐富的商品品類用戶對平臺

的功能需求

（A是具體產(chǎn)品，B是產(chǎn)品所屬分類）

1. 查找既定目標的品牌產(chǎn)品A，對比線下產(chǎn)品A決定是否購買
   2.查找B類別產(chǎn)品，不同品牌不同產(chǎn)品橫向?qū)Ρ葲Q定是否購買
2. 查找既定目標的產(chǎn)品A，橫向?qū)Ρ扔蠥產(chǎn)品的所有店鋪決定是否購買
   2.查找B類產(chǎn)品，在盡可能豐富的產(chǎn)品中橫向?qū)Ρ?，選定產(chǎn)品A，再橫向?qū)Ρ扔蠥產(chǎn)品的所有店鋪決定是否購買

平臺做什么

做滿足用戶

1. 吸引更多品牌入駐，提供較全品牌商品，保證用戶能找到
   2.利用運營手段讓用戶接觸品牌，形成廣告效應(yīng)或直接交易
   3.提供比較維度，讓用戶比較不同品牌和不同商品
2. 吸引更多店鋪入駐，用競爭壓低市場價格，提供價格更優(yōu)惠的商品
   2.吸引更多店鋪入駐，店鋪越多，產(chǎn)品越豐富，提供樣式更多更全的商品
   3.提供比較維度，讓用戶比較不同店鋪和不同商品

分析平臺都需要做什么，就能輕松總結(jié)出B2C和C2C做法的不同：B2C平臺強調(diào)品牌，需要大量的平臺運營，其本身因為品牌保證，所以不需要凸顯價格優(yōu)惠和服務(wù)保障措施；而C2C平臺則以店鋪以單位，減少運營干預(yù)促進店鋪的自由完全競爭，強調(diào)價格優(yōu)惠和店鋪信譽。

淘寶、天貓和京東有沒有做到自己該做的

淘寶、天貓和京東有沒有做到自己該做的，就看在他們的不同符不符合在第二段中總結(jié)出的平臺做法差異。

目錄結(jié)構(gòu)

淘寶的A類結(jié)構(gòu)直接進入列表頁，結(jié)構(gòu)扁平，減少了人工運營的干預(yù)，更有利于店鋪自由競爭；天貓、京東獨有的B類結(jié)構(gòu)則拉深了目錄，利用中間目錄頁獲得個更多網(wǎng)頁空間用于人工運營，而且頁面品牌突出。所以他們在目錄結(jié)構(gòu)設(shè)計上契合了各自的平臺類型。

列表頁展示

回頭再看一下他們的差異點表格：

如表格所示，三大商城對列表頁展示的設(shè)計也都緊扣自己的平臺類型。

內(nèi)容頁展示

內(nèi)容頁展示上，天貓品牌感強烈，京東有品牌感但不凸顯，天貓的店鋪感張力也不太夠。所以在內(nèi)容頁展示上，天貓的設(shè)計緊扣平臺類型特點，表現(xiàn)最好，其他商城也都是按自己的類型設(shè)計細節(jié)，但是不夠突出，。

綜上所述，可以發(fā)現(xiàn)淘寶、天貓和京東在設(shè)計自己的平臺時都是緊扣自己的平臺特性和用戶需求，哪怕一個列表頁一個郵費的細節(jié)都是其平臺本質(zhì)特性的映射。希望大家看了本文在設(shè)計電商平臺時能有一個更深的思考，不要盲目模仿先找準自己的“個性”。

而且這種從本質(zhì)出發(fā)發(fā)散到各個點的設(shè)計也是互聯(lián)網(wǎng)思維的體現(xiàn)，希望大家看后能有所裨益。

本文為作者李天航（微博:@我不逗誰逗天航逗）投稿發(fā)布，轉(zhuǎn)載請注明出處并附帶本文鏈接