熱評 橙沐??

閱讀淺見 1.目前多少用戶數在網頁端,瀏覽購買淘寶的商品? 2.衡量移動端與網頁端的差異,如果手機端的用戶數與數據點擊&轉化都能滿足,公司的商業收益為什么要側重一個,無法帶給公司更多商業價值的區塊? *舉例 *80%的移動口子能讓用戶,養起一家公司的收益與滿足龐大用戶需求,為什么還要去投入20%的資金,做一個收益少于80%的地方? *假設 100%的資源投入 3.用5%的力道在網頁端,15%用在開發80%的移動端,這15%包含(創新)與(新的業務拓展增長),提升80%到-95%的收益與商業價值。 *那為什么要在占比少的地方投入資源? 體驗提升是好的,但如果只是基于表象層的邏輯思考,缺乏商業與業務的投入成本考量,真的是擺爛嗎?待討論

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

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

這就讓我有點驚奇了。

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

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

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

更多網頁設計干貨:

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

一、大片無效模塊

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

然后 banner 下的第一個模塊居然是猜你喜歡(個性推薦)?

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

二、雙重懸停態

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

不但如此,商品卡片也有 2 個懸停態!

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

不,沒有差別。

對比一下,京東就正常很多:

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

三、粗糙的細節

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

對比一下,京東的邊距就整齊多了:

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

四、夢回上個世紀的消息通知

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

五、不登錄看不了商品

前面也說過了,雖然淘寶能夠直接搜索,但是即便搜到了,也必須登錄后才能查看。
剛有點興趣,還沒確認要買就把人攔下,這顯然不明智:

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

六、內容太少

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

京東的模塊就豐富多了:

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

七、為啥淘寶在網頁端擺爛?

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

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

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

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

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

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

圣經《新約·馬太福音》

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

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

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

歡迎關注作者的微信公眾號:「體驗進階」

淘寶網頁設計擺爛?淘寶京東網頁細節體驗分析

收藏 35
點贊 43

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。