真是慚愧，上次說好多發(fā)幾篇文章的，卻遲遲沒有發(fā)出，其實(shí)時(shí)間是有的，只是有點(diǎn)懶了，不知道寫些什么好。簡書確實(shí)不是一個(gè)適合發(fā)干貨的的地方，每次點(diǎn)擊看首頁的文章，基本上都是些雞湯。本人最討厭雞湯，個(gè)人認(rèn)為那些文章只會(huì)讓人安于現(xiàn)狀不懂思考，真正思考的人應(yīng)該多看書，無論什么書都是作者很長時(shí)間思考的精華，即使有些爛書，也只有多讀才能分辨好壞，從而又形成了自己的思考體系。雞湯，這東西應(yīng)該是偶爾看看，調(diào)整心態(tài)的時(shí)候看看，而想改變現(xiàn)狀還是得逃脫舒適區(qū)，多思考才對。好吧，又扯遠(yuǎn)了，雖然我知道簡書的這個(gè)文章的大體風(fēng)格但是我還是有我自己的理由在這上面發(fā)文章的，如果我說我就是為了隱藏起來觀察你們的，你們信嗎，哈哈！
關(guān)于淘寶和京東這類電商產(chǎn)品的文章還是好久以前發(fā)過的，但是并沒有說完，連著說呢，我寫的乏味，你們看著也乏味，因此隔了好長一段時(shí)間再寫。先說說寫這篇文章的目的：對比京東淘寶詳情頁的設(shè)計(jì)，這么設(shè)計(jì)的目的，哪種設(shè)計(jì)更好，有沒有改進(jìn)的地方以及怎么改進(jìn)。
先來看看打開商品的頁面：
為了保證界面的一般性，也就是沒有促銷活動(dòng)，而且是自營和天貓旗艦店有保證的常規(guī)化界面。本來是想拿小米官方旗艦店一樣的手機(jī)作對比的，發(fā)現(xiàn)淘寶上聚劃算是在做活動(dòng)，整個(gè)界面與聚劃算一致了（吐槽一下，我覺得聚劃算的界面配色真丑），所以選擇的一款沒有做活動(dòng)的充電寶做分析。整個(gè)界面分析的思路是：先從頁面的大結(jié)構(gòu)模塊，也就是頂欄和底欄的結(jié)構(gòu)分析，然后從頁面內(nèi)部詳細(xì)內(nèi)容進(jìn)行分析，詳細(xì)內(nèi)容在這篇文章中做大概的分析，我打算再另起文章進(jìn)行更加細(xì)致的分析。先從頂欄開始看，可以看出，京東的頂欄是有商品，詳情，評(píng)價(jià)，轉(zhuǎn)發(fā)和消息，而淘寶只有購物車和消息。再看底欄，京東是客服（機(jī)器人客服），店鋪，關(guān)注，購物車和加入購物車。淘寶是客服，店鋪，收藏，加入購物車和立即購買。因?yàn)轫敊诤偷讬谑且恢贝嬖陧撁嫔系?，也就是說即使滑動(dòng)頁面，頂欄和底欄都是保持不動(dòng)的。也可以看出頂欄和底欄是頁面操作最重要的地方，必須展示出最有價(jià)值的操作，保證頁面操作的流暢性以及用戶體驗(yàn)的流暢性。通過對比，可以看出京東的頂欄做的是比較好的，為什么這么說，可不是做的越多就越好哦，京東在頂欄放置的詳情和評(píng)價(jià)是充分考慮到了用戶的購買場景，試想一下用戶查看意見商品的時(shí)候，只看打開的圖片根本了解不到信息，也不可能根據(jù)打開的圖片就會(huì)做出購買決定，那么選擇看詳情自己判斷還是看評(píng)論買家判斷，或者結(jié)合判斷，點(diǎn)擊頂欄就十分方便的切換自己想看的內(nèi)容，而沒有這樣做的淘寶就需要在頁面中去上下滑動(dòng)，這樣給用戶帶來了很多麻煩，所以這個(gè)設(shè)計(jì)絕對是優(yōu)于淘寶的。那除開消息那個(gè)操作，京東還有個(gè)轉(zhuǎn)發(fā)，而淘寶是購物車。這也是說京東頂欄做的好的地方，又是貼心的考慮到了用戶的購物場景，就是不是自己一個(gè)人在購物或者是自己挑別人買的時(shí)候，這個(gè)時(shí)候快速分享鏈接討論商品是不是非常重要呢，我認(rèn)為京東的這個(gè)頂欄的設(shè)計(jì)就是讓用戶在不同場景下快速切換自己想看想做的，快速做好購物決定，這對電商來說絕對是非常聰明設(shè)計(jì)。淘寶也是有分享的，但是在消息圖標(biāo)里面的展開，這樣增加了用戶的選購負(fù)擔(dān)，不是嗎？更重要的是我今天才發(fā)現(xiàn)購物車有放在右上角的，我還以為是新設(shè)計(jì)，不過翻看之前的截圖，發(fā)現(xiàn)是我自己沒注意，那我就在想之前自己購物的時(shí)間去哪里看到的購物車，我發(fā)現(xiàn)天貓首頁是沒有的，只有到淘寶首頁，也就是說如果我沒有注意到右上角那個(gè)小購物車，我得一頁頁的退回到淘寶首頁去點(diǎn)擊購物車。你淘寶的產(chǎn)品能說我眼瞎嗎，不能！我是用戶，你連最重要的操作都沒能引起我的注意讓我迅速找到，不是我蠢，我可能就是沒有時(shí)間去找或者我就是懶得找，影響了我的購買心情就會(huì)有其他用戶與我一樣抱怨，影響了訂單轉(zhuǎn)化率是你的責(zé)任。這么不符合用戶習(xí)慣移動(dòng)端設(shè)計(jì)應(yīng)該仔細(xì)考慮一下了。
頂欄差不多說完了，關(guān)于底欄我在之前的購物車對比中說過，淘寶的設(shè)計(jì)要更好點(diǎn)，這里京東就忽略了一個(gè)場景，也就是淘寶多出來的一個(gè)功能，立即購買。京東一定要計(jì)入購物車，然后再去購物車編輯購買的商品，那我只需要快速買這一個(gè)東西的時(shí)候，淘寶設(shè)計(jì)的立即購買就用處大了，相當(dāng)于亞馬遜有名的方便用戶的一鍵購買，方便簡潔。那根據(jù)這兩個(gè)產(chǎn)品的頂欄和底欄的設(shè)計(jì)分析，我會(huì)取其優(yōu)勢改其劣勢。底欄按照淘寶的設(shè)計(jì)，底欄按照京東的設(shè)計(jì)（估計(jì)你們都猜到啦），不過這樣設(shè)計(jì)后購物車按鈕放哪去呢，那我就要提到另外一個(gè)APP啦，唯品會(huì)，它把購物車放在了左下方十分顯眼的位置，不敢說我的習(xí)慣就是大家的習(xí)慣，鑒于淘寶的位置太奇怪了，仔細(xì)深思一下放在哪里怎么去放也不是個(gè)容易的事。我改天畫個(gè)原型圖去看看大概吧。
那再看看頁面內(nèi)容（不看京東頂欄的詳情和評(píng)價(jià)）：
可以看到，京東價(jià)格下面就是促銷優(yōu)惠信息，旁邊還有降價(jià)通知，淘寶價(jià)格下方是快遞費(fèi)，月銷量和，發(fā)貨地點(diǎn)。京東的優(yōu)惠信息及降價(jià)通知讓用戶有很強(qiáng)的可知性，畢竟商品的價(jià)格對用戶來說是非常重要的信息，因此對價(jià)格能夠更快的感知是非常重要的，加上說清楚優(yōu)惠請款能更加吸引用戶購買。因?yàn)榇蠹覍〇|的運(yùn)費(fèi)收費(fèi)情況很清楚，因此不標(biāo)明運(yùn)費(fèi)也可以，不過也不能不考慮新用戶嘛，很多還是不知道運(yùn)費(fèi)情況的，只有去付賬的時(shí)候才會(huì)發(fā)現(xiàn)運(yùn)費(fèi)情況，這可能會(huì)激怒用戶哦。月銷量是評(píng)判商品的火熱程度的，用戶也很關(guān)注的，畢竟大家都是有從眾心理的，因此，淘寶標(biāo)清楚了這點(diǎn)要比京東不標(biāo)要好。至于發(fā)貨地點(diǎn)，用戶其實(shí)并不在意的，用戶在意的是什么時(shí)候可以到，就是因?yàn)樘詫毑]有說清楚什么時(shí)候到，所以用戶才需要看看哪里發(fā)貨，大概多久能到，所以啊，京東在地點(diǎn)那里說清楚預(yù)計(jì)時(shí)間對用戶來說非常人性化。除開一些承諾和商品的型號(hào)顏色的選擇，可以看到，京東還多了個(gè)送達(dá)地點(diǎn)和預(yù)計(jì)到達(dá)時(shí)間，淘寶沒有可能就是因?yàn)槎际堑谌降昙遥湄浭裁吹钠脚_(tái)本身也不了解，所以對送達(dá)地區(qū)的選擇配貨沒有蓋簾，而京東是根據(jù)你選擇的到貨地點(diǎn)判斷配貨情況，可能有些地方?jīng)]貨有些地方有貨。還可以順便預(yù)估一下到貨時(shí)間，從這里就可以看出自營的好處了。這樣做還可以讓用戶提前選好送貨地址以免在下單的時(shí)候再選造成誤單。這里要說我認(rèn)為怎么設(shè)計(jì)好，我說不了，畢竟細(xì)節(jié)上的事情還是要看產(chǎn)品本身的特性的，各自的設(shè)計(jì)有其理由和意義的，上面我也說過了為什么設(shè)計(jì)有不同。
關(guān)于評(píng)價(jià)展示我想單獨(dú)寫篇文章分析下，至于商品詳情那就都差不多了的。下篇再來！
