京東與新蛋網(wǎng)站用戶體驗(yàn)

　　閑來無事，上新蛋和京東這個(gè)兩個(gè)死對(duì)頭網(wǎng)站上閑逛,，逛嘛總要有些收獲的，物質(zhì)上沒有回報(bào),，知識(shí)總得有的，呵呵,。淺說兩者用戶體驗(yàn)之談吧。

　　從首頁說起看兩者頁面設(shè)計(jì)上的差別,。

　　京東一級(jí)導(dǎo)航條：

　　!--[if!vml]--!--[endif]--

　　京東的一級(jí)導(dǎo)航是按產(chǎn)品種類設(shè)置的,，4種類別的產(chǎn)品頁面與首頁并行組成一級(jí)導(dǎo)航,，能快速幫助用戶定位，從通用性上看,，沒有什么爭議，國內(nèi)大多數(shù)B2C網(wǎng)站都是采用這個(gè)模式,。

　　新蛋一級(jí)導(dǎo)航條：

　　!--[if!vml]--!--[endif]--

　　新蛋的一級(jí)導(dǎo)航條是按性質(zhì)分類設(shè)置，首頁與品牌專賣,，限時(shí)搶購，尋寶專區(qū)4個(gè)不同性質(zhì)的類別欄目組成一級(jí)導(dǎo)航,，而6個(gè)產(chǎn)品類別作為首頁的二級(jí)導(dǎo)航,。如此的導(dǎo)航欄設(shè)置優(yōu)勢是可以豐富內(nèi)容,，缺點(diǎn)是犧牲了用戶在產(chǎn)品上定位的效率。

評(píng)論：新蛋導(dǎo)航條的模式在業(yè)界比較罕見,，效果鄙人無法得知，我個(gè)人比較喜歡京東的,。我認(rèn)為導(dǎo)航條的第一原則是幫助用戶能用最小的成本定位到所需的欄目。 所以最適合的模式是以產(chǎn)品種類分類的一級(jí)導(dǎo)航,，這是在國內(nèi)外通用的,。新蛋在二級(jí)導(dǎo)航上還有一個(gè)小細(xì)節(jié)：所有分類。鄙人以為之這是一個(gè)很用心的設(shè)計(jì),，因?yàn)橥ㄟ^此功能，能更加清楚明白的定位到用戶想要的位置,，但我很懷疑，有很多用戶會(huì)去用這個(gè)功能,，從視覺上講右邊緣的功能不是很顯然，從操作成本上,，搜索引擎對(duì)此功能有很強(qiáng)的代替性,，但不管怎么說,，這也算是新蛋的用之處。

　　京東搜索欄：

　　這是京東的搜索欄,，搜索欄中有熱門搜索提示，搜索欄上方是熱門搜索，右邊是購物車,。熱門搜索很突出，對(duì)銷售由很強(qiáng)的導(dǎo)向作用,，右邊的購物車很醒目，提示作用非常顯著,，跟亞馬遜的設(shè)計(jì)如出一轍。

　　新蛋搜索欄：

　　新蛋的導(dǎo)航欄是淺色的,，跟二級(jí)導(dǎo)航的黃色區(qū)分開來。搜索欄中沒有文字提示,，熱門搜索整齊的排在搜索欄的右邊，起一個(gè)提示的作用,。

評(píng)價(jià)：在搜索欄的設(shè)置上,，我想最大的爭議性在于如何看待熱門搜索提示與搜索的關(guān)系,。我以為，邏輯上熱門搜索是對(duì)搜索的提示補(bǔ)充,，也就是說其存在的意義是 建立在用戶搜索欲望和行為之上的，簡單的說是先有搜索,，然后才衍生出熱門搜索提示,，兩者結(jié)合組成一個(gè)行之有效的搜索機(jī)制,。那么按這個(gè)邏輯,，顯然，我更加認(rèn) 可新蛋的搜索框模式,，把熱門搜索作為搜索的補(bǔ)充列在搜索框的右邊，搜索框的優(yōu)先級(jí)高于熱門搜索,。我觀察了好多電子商務(wù)網(wǎng)站，基本上新蛋的模式還是占大多數(shù) 的,，可見其還是行之有效的。

　　京東的左側(cè)導(dǎo)航欄：

　　!--[endif]--!--[if!vml]--

這是京東左側(cè)導(dǎo)航欄（一部分）,，依舊是以產(chǎn)品類別分類,，每個(gè)大類下分列了幾個(gè)小類，小類再細(xì)化下去則是依靠層展開來實(shí)現(xiàn),，很有條理。鼠標(biāo)在左側(cè)導(dǎo)航欄滑 動(dòng)時(shí),，觸點(diǎn)的每個(gè)鏈接都會(huì)有質(zhì)感的起伏下且自動(dòng)展開細(xì)化的產(chǎn)品種類，交互體驗(yàn)非常不錯(cuò),，操作上很流暢。個(gè)人認(rèn)為小類左側(cè)的灰體產(chǎn)品類別提示還是很有用的,， 直觀的幫助用戶明白自己想要是應(yīng)該屬于那一類別。

　　新蛋的左側(cè)導(dǎo)航欄：

　　這是新蛋的左側(cè)導(dǎo)航欄（一部分）,，同樣是以產(chǎn)品 類別來分類，每個(gè)大類下分列了幾個(gè)小類,，不同的是,，新蛋在小類上分的更細(xì),。同樣是層展開的方式來顯示細(xì)化的具體產(chǎn)品類別，但因?yàn)楸旧硇☆惥头值暮芗?xì),，所以 層中分類會(huì)比京東的來的少。鼠標(biāo)在左側(cè)導(dǎo)航欄滑動(dòng)過程中,，觸點(diǎn)鏈接通過變色和層展開來實(shí)現(xiàn)交互，訴求很清晰,。

　　評(píng)論：鄙人認(rèn)為左側(cè)導(dǎo)航欄的首要任務(wù)是幫助用戶更加快速精確的定位,，降低定位繁瑣度。那么按這個(gè)邏輯,，以產(chǎn)品類別來分類設(shè)置的左側(cè)導(dǎo)航欄無意是最合適的模式,。但這里就涉及一個(gè)矛盾,，類別越細(xì)才能讓用戶定位成本越低，但網(wǎng)站空間卻 是有限的,，很難平鋪裝下這么多產(chǎn)品類別,。直到層展開的模式出現(xiàn)，這個(gè)矛盾才被很好的解決,。新蛋和京東都采用了層展開的模式，但不同的是新蛋在小類上分的比 較細(xì),，使得展開層中產(chǎn)品類別少而清晰，而京東則反之,。我個(gè)人比較傾向于京東的模式，因?yàn)樾碌凹?xì)化分類本意是為了定位效率,，但占用了很大的空間,，對(duì)于買百貨 辦公設(shè)備的人要不斷向下尋找定位點(diǎn),，定位成本反而高了,，所以我相信其實(shí)整體上用戶定位成本不會(huì)比京東模式有多大的提高。另一點(diǎn)上看,，左側(cè)導(dǎo)航如果是在所有 頁面都保持的話,，那還要充分考慮到左側(cè)空間的利用率。

　　京東首頁主體位置布局：

　　這是京東的首頁主體位置的布局,，依次是熱賣區(qū)，新品區(qū),，特價(jià)區(qū)，3個(gè)區(qū)分工明確,。用戶可以通過點(diǎn)擊更加商品來進(jìn)入子頁面了解更多信息。

　　新蛋首頁主體位置布局：

這是新蛋的首頁主體位置的布局,，依次是特價(jià)區(qū)，推薦區(qū)（熱賣區(qū)）,，比京東少了個(gè)新品區(qū)，更加簡約,，但新蛋的熱賣區(qū)占用了更多空間，推薦了更多的商品,。新 蛋的熱賣區(qū)和特價(jià)區(qū)都是可以分頁查看的，用戶要想看下更多該區(qū)域的商品時(shí)無需跳轉(zhuǎn)頁面即可實(shí)現(xiàn),，這點(diǎn)用戶體驗(yàn)很不錯(cuò)，不過犧牲了展示商品的數(shù)量。

評(píng)價(jià)：網(wǎng)站的訪問用戶分為兩類,，一類是閑逛者，另一類是消費(fèi)目的非常明確的用戶,。回歸底嘔?，F(xiàn)實(shí)場景，大家是怎么逛街的,？竊以為對(duì)于閑逛的用戶,，他們要 么找準(zhǔn)自己熱愛的品牌逛，要么找熱鬧的地方逛,，這個(gè)時(shí)候首頁內(nèi)容就對(duì)他們很大的引導(dǎo)性,，而對(duì)于目標(biāo)明確的用戶而言，他們會(huì)通過信息檢索直達(dá)產(chǎn)品頁面,，大多 數(shù)時(shí)候首頁內(nèi)容會(huì)被忽略，所以首頁內(nèi)容對(duì)于他們影響不大,，反而有時(shí)還能促進(jìn)他們其他方面的消費(fèi)。毫無疑問,，新蛋和京東都認(rèn)為熱賣區(qū)和特價(jià)區(qū)是必要的,。我也 以為,，熱賣區(qū)和特價(jià)區(qū)是滿足了用戶的共性需求，很容易理解,，熱賣區(qū)展示了最受歡迎的產(chǎn)品,，購物也是有羊群效應(yīng)的，賣的越好的東西往往越受人關(guān)注喜愛,，所以 熱賣區(qū)是一個(gè)很好的用戶消費(fèi)入口,；而特價(jià)區(qū)對(duì)網(wǎng)購消費(fèi)者來說也是一個(gè)相當(dāng)敏感的區(qū)域,，價(jià)格上的優(yōu)惠很能觸發(fā)這類用戶的消費(fèi)行為。那么新品區(qū)是否是必要的 呢,？首先要考慮誰會(huì)對(duì)新品感興趣？顯然更多的是對(duì)某一品牌有認(rèn)知度忠誠度的消費(fèi)群體,，他們了解該品牌旗下哪些是舊品，哪些是新品（否則你連舊的產(chǎn)品都不知 道,，新的又如何認(rèn)知？）,，新品對(duì)于他們的吸引力是有更高的機(jī)會(huì)發(fā)現(xiàn)他們所喜歡的商品。新蛋和京東的消費(fèi)群有多大的品牌忠實(shí)度,？不得而知。但我知道你不可能 把每個(gè)品牌的新品都展示一遍,，所以這個(gè)區(qū)域注定只能滿足小眾的需求，在重要性上是低于熱賣區(qū)和特價(jià)區(qū)的,。如果頁面在布局方面有適合該區(qū)域的空間存在,，且不 影響用戶體驗(yàn)的基礎(chǔ)上,，新品區(qū)可以加載進(jìn)去，否則我覺得新蛋簡約的布局風(fēng)格足以,。

　　京東的熱門評(píng)論：

　　京東的評(píng)價(jià)由兩種評(píng)論組成，一種是在商品評(píng)論頁面內(nèi)的評(píng)價(jià)留言，另一種是（曬單）,，是針對(duì)商品的話題討論,。

　　新蛋的熱門評(píng)價(jià)：

新蛋的商品評(píng)論比較簡單，只是顯示不足20字的概述,，但因?yàn)橛行碌暗牡暗埃ü┰u(píng)價(jià)指數(shù)，讓消費(fèi)者對(duì)于商品的整體印象有了一個(gè)更加快速直觀的認(rèn)識(shí),。但 是通過新蛋的熱評(píng)鏈接進(jìn)去之后位置的定位卻是商品頁面的評(píng)價(jià)區(qū)，而非該熱評(píng)的具體位置,，用戶還要自己找，這一點(diǎn)體驗(yàn)很不好,，雖然新蛋可能是希望用戶看到更 多的評(píng)論。

　　評(píng)價(jià)：展示商品熱門評(píng)論是為了吸引用戶注意力,，引導(dǎo)用戶關(guān)注該產(chǎn)品，所以要從位置和內(nèi)容上考慮,。京東的熱門評(píng)價(jià)放在頁面左 側(cè)，而新蛋是放在右側(cè),。我覺得左側(cè)的位置要比右側(cè)占優(yōu)，右側(cè)容易成為視覺盲點(diǎn)這是事實(shí),。新蛋的商品評(píng)論之所以放右側(cè),，我相信還是不得已而為之，就是上述新 蛋左側(cè)導(dǎo)航欄占用空間過多導(dǎo)致的,。在內(nèi)容上，我更加喜歡京東的模式,，話題與評(píng)論相互組合的模式，內(nèi)容豐富了，吸引力自然更大,。但你不能期望用戶在這個(gè)模塊 中就了解清楚整個(gè)商品評(píng)價(jià),，這只是一個(gè)入口,，要做的是給用戶一個(gè)良好的整體印象來吸引用戶進(jìn)入入口獲得更多的了解,。于是,，我認(rèn)為,，京東多元的內(nèi)容與新蛋的 評(píng)價(jià)指數(shù)的組合一定是最出色的模式,。

　　其他公告和資訊,，新蛋和京東都大同小異,。另外京東右側(cè)空間利用的比較充分，還做了幾個(gè)大類的排行 榜,，中國人是很喜歡排行榜這東西,，也許很土,，但的確很有用。新蛋可能是受美國總部的影響,，在頁面的布局設(shè)計(jì)上崇尚簡約，該省的能省的都被省了,，給人的感覺 很清爽,，而京東做的更土些,，首頁布局對(duì)空間的利用率較高,，提供的內(nèi)容也比較多，在商品的導(dǎo)購方面,，做的比新蛋更加的徹底。問了很多人,，都是覺得京東的首頁 比新蛋跟有吸引力，其實(shí)道理很簡單,，現(xiàn)在這個(gè)時(shí)候,，大多數(shù)中國人還是很土的，賣場吸引力要比精品MALL來的更受歡迎,。

　　好了,，有空再說說京東和新蛋其他頁面的用戶體驗(yàn)吧。順便說下,，我買數(shù)碼產(chǎn)品更愿意在新蛋買，因?yàn)殡娮由虅?wù)的用戶體驗(yàn)其實(shí)絕大部分是決戰(zhàn)下線下,。