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

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

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

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

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

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

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

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

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

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

　　京東搜索欄：

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

　　新蛋搜索欄：

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

評(píng)價(jià)：在搜索欄的設(shè)置上，我想最大的爭(zhēng)議性在于如何看待熱門搜索提示與搜索的關(guān)系。我以為，邏輯上熱門搜索是對(duì)搜索的提示補(bǔ)充，也就是說(shuō)其存在的意義是建立在用戶搜索欲望和行為之上的，簡(jiǎn)單的說(shuō)是先有搜索，然后才衍生出熱門搜索提示，兩者結(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ì)化下去則是依靠層展開來(lái)實(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)品類別來(lái)分類，每個(gè)大類下分列了幾個(gè)小類，不同的是，新蛋在小類上分的更細(xì)。同樣是層展開的方式來(lái)顯示細(xì)化的具體產(chǎn)品類別，但因?yàn)楸旧硇☆惥头值暮芗?xì)，所以層中分類會(huì)比京東的來(lái)的少。鼠標(biāo)在左側(cè)導(dǎo)航欄滑動(dòng)過(guò)程中，觸點(diǎn)鏈接通過(guò)變色和層展開來(lái)實(shí)現(xiàn)交互，訴求很清晰。

　　評(píng)論：鄙人認(rèn)為左側(cè)導(dǎo)航欄的首要任務(wù)是幫助用戶更加快速精確的定位，降低定位繁瑣度。那么按這個(gè)邏輯，以產(chǎn)品類別來(lái)分類設(shè)置的左側(cè)導(dǎo)航欄無(wú)意是最合適的模式。但這里就涉及一個(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)航如果是在所有頁(yè)面都保持的話，那還要充分考慮到左側(cè)空間的利用率。

　　京東首頁(yè)主體位置布局：

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

　　新蛋首頁(yè)主體位置布局：

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

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

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

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

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

新蛋的商品評(píng)論比較簡(jiǎn)單，只是顯示不足20字的概述，但因?yàn)橛行碌暗牡暗埃ü┰u(píng)價(jià)指數(shù)，讓消費(fèi)者對(duì)于商品的整體印象有了一個(gè)更加快速直觀的認(rèn)識(shí)。但是通過(guò)新蛋的熱評(píng)鏈接進(jìn)去之后位置的定位卻是商品頁(yè)面的評(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à)放在頁(yè)面左側(cè)，而新蛋是放在右側(cè)。我覺(jué)得左側(cè)的位置要比右側(cè)占優(yōu)，右側(cè)容易成為視覺(jué)盲點(diǎn)這是事實(shí)。新蛋的商品評(píng)論之所以放右側(cè)，我相信還是不得已而為之，就是上述新蛋左側(cè)導(dǎo)航欄占用空間過(guò)多導(dǎo)致的。在內(nèi)容上，我更加喜歡京東的模式，話題與評(píng)論相互組合的模式，內(nèi)容豐富了，吸引力自然更大。但你不能期望用戶在這個(gè)模塊中就了解清楚整個(gè)商品評(píng)價(jià)，這只是一個(gè)入口，要做的是給用戶一個(gè)良好的整體印象來(lái)吸引用戶進(jìn)入入口獲得更多的了解。于是，我認(rèn)為，京東多元的內(nèi)容與新蛋的評(píng)價(jià)指數(shù)的組合一定是最出色的模式。

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

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