拆解淘寶首頁粗糙的設計細節

Sponsor

前言：用了淘寶那么久，你知道它有哪些不足嗎？今天文章盤點淘寶首頁的一些粗糙的設計細節，你會發現京東反而比他更好。

最近突然想起要買一個東西，剛好手就放在鍵盤上，剛好手機又有點遠，我就用瀏覽器打開了淘寶。

當我在搜索結果頁點擊商品時，突然被告知要登錄：

著急想要了解商品的我……沒有登錄而是新開標簽頁進入了京東。

找到想要的商品后，我登錄下單了。

事后我仔細對比了一下，發現淘寶的網頁處處顯得「敷衍」。反襯之下，京東顯得專業多了。

這就讓我有點驚奇了。

2021年阿里巴巴旗下以淘寶為代表的淘系零售電商占據過半市場份額（52%），是京東（20%）的兩倍不止。

在使用手機端網購時，我也是向來更喜歡淘寶而不是京東的。

而且在互聯網從業人員眼中，阿里屬于一線大廠，京東一般認為是二線大廠，前者更能吸引頂尖人才。

為啥淘寶的網頁端還明顯不如京東呢？

如果只是稍遜一點也就算了，關鍵淘寶網頁端有很多迷惑的設計點。

我們就以首頁為例分析一下：

大片無效模塊

首先，現在應該沒那么多人有耐心愿意先登錄再使用吧，登錄模塊占用那么大的位置挺沒必要的。

而且還沒登錄，就展示那么大的寶貝收藏、買過的店、收藏的店……感覺沒啥意義。

然后 banner 下的第一個模塊居然是猜你喜歡（個性推薦）？

我還沒登錄，顯然猜不準，這個模塊基本也廢了。

然后那個 banner，我翻了一下，都是什么貴就賣什么……切中普通用戶需求的幾率也是相當之低。

也就是說，這整個首頁，大半的空間都是無效的。

作為業內人士，我猜，設計成這樣，可能是因為設計師壓根沒想到大部分訪客可能沒登錄？

對比一下，京東的登錄模塊小很多，banner 內容更有吸引力，而且第一個模塊是秒殺活動（雖然露出不多）。

雙重懸停態

Banner 左側的這個分類導航很奇怪，鼠標移上去是整行高亮，而且每行一個圖標。

剛開始，我還以為每行的 3 個鏈接點過去都往一個地方跳轉，結果發現不是。

仔細一看，每個鏈接有單獨的下劃線懸停樣式！

不但如此，商品卡片也有 2 個懸停態！

鼠標放在卡片上時，背景色和邊框變一下；然后鼠標放到商品名稱上時，商品名稱單獨高亮了。

點擊這兩塊區域跳轉到不同的地方嗎？

不，沒有差別。

對比一下，京東就正常很多：

粗糙的細節

首先，很明顯的是淘寶這個 banner 的箭頭不但上下沒對齊，而且里面的圖標也沒居中，強迫癥看著鬧心。

然后淘寶大量使用灰色卡片，卻不把間距統一一下。

雖然一般用戶看不出來，但這應該是基本的設計規范吧？

對比一下，京東的邊距就整齊多了：

夢回上個世紀的消息通知

淘寶首頁這個消息通知我很想吐槽，等了好幾條，幾乎沒有一條能引起普通消費者的興趣。

京東也做了消息通知，雖然字顯示不全也不滾動，但好歹內容稍微有用了一點：

不登錄看不了商品

前面也說過了，雖然淘寶能夠直接搜索，但是即便搜到了，也必須登錄后才能查看。

剛有點興趣，還沒確認要買就把人攔下，這顯然不明智：

對比一下，京東會等到用戶決定要買的事后，再提醒登錄：

內容太少

往下一翻，淘寶 banner 下面只有一個模塊，還都是猜不準的猜你喜歡：

京東的模塊就豐富多了：

為啥淘寶在網頁端擺爛？

以我自己在大廠工作過的經驗來說，造成這個現象的原因，十有八九是網頁端數據占比太低，團隊不重視。

就算以目前這個狀態，淘寶網頁端的訪問量都未必比京東網頁端低。

淘寶如果愿意把網頁端稍微捯飭一下，數據量肯定能明顯超過京東網頁端。

但淘寶手機端太賺錢了，所有資源都傾斜過去，其它端的資源還不如二線廠商。

大廠的資源分配的馬太效應比很多人以為的更加嚴重。

凡有的，還要加倍給他，叫他多余；沒有的，連他所有的也要奪過來

圣經《新約·馬太福音》

可讓網頁端這樣擺爛多少也是個隱患不是？

這么看還是拼多多聰明，既然懶得管網頁端，就干脆不做了：

作者：設計師ZoeYZ
來源：體驗進階（ID：Advanced_UX）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。