2012-02-29 16:02:57
本文主要闡述一下我對用戶體驗(yàn)的理解，和在開發(fā)網(wǎng)站的同時(shí)應(yīng)該注意到用戶體驗(yàn)的哪些方面。
用戶體驗(yàn)，那到底什么是用戶體驗(yàn)?zāi)?不同的人對此有不同的理解，簡單的說用戶體驗(yàn)是用戶使用某網(wǎng)站購物的全部感受，對于B2C來說，用戶體驗(yàn)應(yīng)該是貫穿用戶購物的全部過程，從我們產(chǎn)生購物欲望到發(fā)現(xiàn)網(wǎng)站去購買，一直到付款結(jié)束，這一整個(gè)過程給我們留下的一種印象。在舉例：我們經(jīng)常去網(wǎng)店買東西，比如買電器去京東，買書去當(dāng)當(dāng)，買服裝去凡客，買婚紗去一紗網(wǎng)，買鞋去樂淘，買亂七八糟去淘寶等等，為什么我們分的這么細(xì)致，難道就是因?yàn)樗麄儽容^專業(yè)?我覺得不全是，因?yàn)檫@些網(wǎng)站給我們的用戶體驗(yàn)不同，從“響應(yīng)時(shí)間①”、“可用性②”和“穩(wěn)定性③”三方面進(jìn)行衡量一個(gè)網(wǎng)站的用戶體驗(yàn)標(biāo)準(zhǔn)型。但是B2C網(wǎng)站的整體架構(gòu)大致都是相同的，正常瀏覽者也看不出來好與壞，只能靠視覺上來判斷一個(gè)網(wǎng)站的可行性，然而我們也習(xí)慣了現(xiàn)在B2C網(wǎng)站的傳統(tǒng)風(fēng)格，當(dāng)我們打開B2C網(wǎng)站，立刻讓人產(chǎn)生和別的網(wǎng)站不同的感覺，這就是所謂的用戶體驗(yàn)。
①響應(yīng)時(shí)間：網(wǎng)站一個(gè)網(wǎng)頁能夠完全打開所需要的時(shí)間。能夠最直觀的反映網(wǎng)站質(zhì)量的重要標(biāo)志-速度，這也是網(wǎng)站的用戶能夠最直接感受到的。
?、诳捎眯裕涸谝欢螘r(shí)間內(nèi)網(wǎng)站的網(wǎng)頁能夠被成功打開并瀏覽的比率。這反映了網(wǎng)站用戶能夠成功完成網(wǎng)站應(yīng)用的可能性。
③穩(wěn)定性：一段時(shí)間內(nèi)響應(yīng)時(shí)間的標(biāo)準(zhǔn)偏差。這一指標(biāo)表明了用戶訪問網(wǎng)站時(shí)在不同時(shí)段，不同地理位置，通過不同網(wǎng)絡(luò)接入所感受到的網(wǎng)站的速度穩(wěn)定情況。
(以上三個(gè)性能指標(biāo)釋義來自Gomez Benchmarks)
從UE角度和其他類型網(wǎng)站對比
一、B2C網(wǎng)站與企業(yè)網(wǎng)站：
企業(yè)網(wǎng)站展示的是一個(gè)公司的形象，一個(gè)好的企業(yè)網(wǎng)站能代表整個(gè)公司的臉面，雖然企業(yè)網(wǎng)站也有商品和產(chǎn)品展示的功能，但它突出的并不是單一的商品，而是整體的形象。企業(yè)網(wǎng)站注重的是頁面的視覺效果，很多企業(yè)網(wǎng)站都選用flash作為形象頁，這足以說明企業(yè)網(wǎng)站對整體要求的嚴(yán)格性，企業(yè)網(wǎng)站給用戶的體驗(yàn)是一種整體的感覺，也是一種符合企業(yè)文化的風(fēng)格與氛圍。
對比企業(yè)網(wǎng)站，B2C網(wǎng)站在用戶體驗(yàn)上更需要的是商品的突出性，圍繞商品做周邊化的拓展，這是關(guān)鍵性的。
二、B2C網(wǎng)站與門戶網(wǎng)站：
門戶網(wǎng)站通常認(rèn)為是“百貨市場”，它是綜合性互聯(lián)網(wǎng)信息資源系統(tǒng)，這種網(wǎng)站的主要是以文字為核心的展示方式，門戶網(wǎng)站頁面是最長的，10多屏的都有，垃圾堆一樣的感覺，但門戶網(wǎng)站追求的是信息量，這我們也說不出來什么，中國的門戶網(wǎng)站就是如此了。
對比門戶網(wǎng)站，都有龐大的用戶群體，都有強(qiáng)大的服務(wù)器支持，界面要比門戶網(wǎng)站清晰挑理，一個(gè)是以商品為主，一個(gè)是以信息為主，截然不同的方向。
三、B2C網(wǎng)站與行業(yè)網(wǎng)站
行業(yè)網(wǎng)站顧名思義，是以行業(yè)為區(qū)分的網(wǎng)站，也屬于行業(yè)門戶，“門+戶+路”三者的集合體，主要信息是本行業(yè)有關(guān)的資訊、商機(jī)、商品等。行業(yè)網(wǎng)站在用戶體驗(yàn)方面，追求的是一種行業(yè)精神，不管是頁面結(jié)構(gòu)還是設(shè)計(jì)理念，他們都有很大的相同之處，區(qū)別在于風(fēng)格和內(nèi)容。行業(yè)網(wǎng)站給人的感覺就是進(jìn)了某種商品的批發(fā)市場一樣，可以了解到該行業(yè)的任何資訊，這是很不錯(cuò)的商機(jī)來源。
對比行業(yè)網(wǎng)站，B2C網(wǎng)站也有行業(yè)的概念，很多B2C網(wǎng)站就是以本行業(yè)為核心進(jìn)行拓展，舉兩個(gè)例子：“京東商城”和“當(dāng)當(dāng)網(wǎng)”，之前“京東商城”一直走數(shù)碼家電路線，當(dāng)當(dāng)網(wǎng)也只是賣書的，后來都拓展的全方面攻勢，這就是行業(yè)外的擴(kuò)展，不過B2C網(wǎng)站很多還是行業(yè)化的，比如樂淘目前還是賣鞋，麥包包目前還是賣包，一紗網(wǎng)目前只賣婚紗禮服和婚紗定制服務(wù)，等等，個(gè)人認(rèn)為行業(yè)化的B2C網(wǎng)站對用戶體驗(yàn)來說，是一種專一和專業(yè)，在瀏覽角度和購買商品的意識上都有很唯一的選擇，我覺得大多數(shù)人還是喜歡專業(yè)一點(diǎn)的東西。有一句話說的好：“簡單的事情重復(fù)做是專家，重復(fù)的事情用心做事贏家!”
從UE角度和同類網(wǎng)站對比
大家先看一組統(tǒng)計(jì)：
以上統(tǒng)計(jì)是2011年中國B2C網(wǎng)站用戶量前10排名，淘寶商城和京東商城位居一二名，所以我選擇用他們進(jìn)行對比，這兩家都是綜合性的大型購物網(wǎng)站，幾乎涵蓋了市面上的所有商品，比較有對比性。
下面是我對兩個(gè)網(wǎng)站的首頁對比，首頁是用戶對網(wǎng)站的第一感覺，也是取決于用戶所停留的時(shí)間，我用頁面第一屏進(jìn)行兩個(gè)網(wǎng)站的分析。
PS：我的電腦屏幕分辨率是1440*900像素，瀏覽器為Firefox10.0。
天貓首頁：
風(fēng)格：天貓繼承了以往傳統(tǒng)淘寶商城的風(fēng)格，以深紅色為主色調(diào)，灰、黑色為輔，進(jìn)行搭配，在頁面分辨率上選擇了寬度為970px的固定尺寸，header部分和slides部分的背景顏色是100%的通欄，分別選用深紅色和灰色。
導(dǎo)航：主導(dǎo)航為黑褐色背景，白色字體，左側(cè)商品分類菜單為三塊大的分類默認(rèn)為所有商品，三種大分類都使用了不同顏色的菜單背景，對不同分類產(chǎn)品進(jìn)行視覺上的渲染，比較人性化，頂部導(dǎo)航，設(shè)計(jì)的也比較精致，深紅色的背景淡黃色的字體。顯現(xiàn)出頁面還是很莊重的。
搜索欄：搜索欄靠右，向左側(cè)延伸，超過頁面總寬度的一半，比較大氣，有規(guī)律設(shè)計(jì)，很長的表單也方便用戶的搜索商品。
幻燈片：使用了五幅大尺寸活動的幻燈片，很顯然是以推薦活動為主，用大尺寸圖片沖擊用戶的視覺，使用戶產(chǎn)生點(diǎn)擊的欲望。
優(yōu)點(diǎn)：總體來說天貓首頁設(shè)計(jì)的很精致，略有高貴的感覺，但不是很明顯。從顏色上的搭配和布局結(jié)構(gòu)上看都很合理，讓瀏覽者能知道如何往下進(jìn)行。
缺點(diǎn)：LOGO的右側(cè)header部分略顯有點(diǎn)矮，給人感覺比較壓抑。特別是“贏千元”廣告，上下部分很緊湊，看時(shí)間長了，感覺很累;幻燈片上的延遲加載效果，沒有用loading代替圖片，在讀取圖片過程中，圖片是一點(diǎn)點(diǎn)從上往下顯示的，這塊用戶體驗(yàn)不好，如下圖。
京東商城首頁：
風(fēng)格：京東即改版之后頁面給人一種很大氣、眼前一亮的感覺，特別是分辨率的判斷上很人性化，最大寬度為1210px，最小為990px的兩種尺寸，根據(jù)客戶端電腦分辨率進(jìn)行判斷，我以1210px的寬度來分析，網(wǎng)站整體為白色背景，頁面結(jié)構(gòu)上為三欄，第一屏能看到header部分和slides以及推薦的三款商品，右側(cè)有三個(gè)模塊，主要的網(wǎng)站元素都可以看見，頁面設(shè)計(jì)的感覺非常的敞亮，很清晰。
導(dǎo)航：新版的主導(dǎo)航和舊版相比是截然不同的感覺，大氣，簡潔，同樣采用紅色的導(dǎo)航背景，體現(xiàn)出了鮮明與穩(wěn)重，也是網(wǎng)站的重心之處。相比天貓要簡單了許多，用戶看著不那么累，很容易就可以找到自己想去的入口。在加上導(dǎo)航背景的設(shè)計(jì)，40多像素的高度搭配14像素的文字，可見設(shè)計(jì)師著重考慮網(wǎng)站大氣與簡潔化，左側(cè)分類菜單的設(shè)計(jì)沒什么太大變化，同樣繼承了前身的做法，分類菜單都是大同小異，沒什么可說的。頂部鏈接導(dǎo)航也很低調(diào)簡單，配合了整體的風(fēng)格。
搜索欄：與天貓不同的是京東的搜索欄header的中間，也非常搶眼的位置，京東利用搜索框推廣他其中某一件商品，而且表單下面帶有“熱門搜索”的一些Tag。他們的出發(fā)點(diǎn)除了讓用戶搜索其他商品，而且還推薦給用戶自己想推廣的商品，這樣的好處是，用戶可以知道哪些東西賣的最好，哪些東西是最新上架，很好的設(shè)計(jì)理念，推薦這樣的做法。雖然很多網(wǎng)站都這樣用，但不會讓用戶反感，因?yàn)橛脩舸_實(shí)真的想買這個(gè)東西。
幻燈片：幻燈片采用了五組大圖廣告和主推商品組合式的配套切換效果，一副大圖下面跟著三款商品定時(shí)的切換。這是比較個(gè)性的做法，可以說和是合理的運(yùn)用了有力位置，既能推廣活動又能促銷新品和折扣商品，但是我觀察了一段時(shí)間，并沒發(fā)現(xiàn)廣告和商品的關(guān)聯(lián)性，不知道這樣做和普通推薦商品有什么不一樣，難道就只是利用一下位置么?我感覺不如天貓，人家就很專一啦，就是活動廣告，大幅的，讓人看一下就知道是活動，然后廣告下面是推薦的商品，這多清晰，不是嘛?
優(yōu)點(diǎn)：京東給我的感覺就是大氣，除了大氣還是大氣?？赡芫褪且?yàn)轫撁鎸挾鹊脑虬?，總體來說設(shè)計(jì)的還不錯(cuò)，內(nèi)容挺多，但是很清晰，不那么亂，白色的背景和灰色的商品模塊，體現(xiàn)出一個(gè)網(wǎng)站的簡潔性，用戶長時(shí)間瀏覽不會覺得累，大分類使用不同的高亮顏色區(qū)分不同行業(yè)商品，避免讓用戶長時(shí)間查找商品所產(chǎn)生的視覺疲勞，京東這次改版，很多地方還是可以借鑒的，值得電商同行們學(xué)習(xí)。
缺點(diǎn)：上面說過幻燈片地方插入了促銷商品，我不喜歡這樣做，因?yàn)槲覜]看懂有什么關(guān)聯(lián)性，這樣做會讓人花費(fèi)時(shí)間去看它們之間的關(guān)系，到最后是沒關(guān)系的，給人感覺很不好。還有就是右側(cè)邊欄，羅列著很多廣告和品牌列表，太密集了，我看了一會，感覺好累。可以嘗試減少幾個(gè)廣告，換成較大的圖片，這樣看起來就舒服的很多。
結(jié)語：以上我就先闡述了這些，主要針對這兩個(gè)網(wǎng)站頁面的用戶體驗(yàn)進(jìn)行了個(gè)人分析，至于他們之間走什么路線，今后有什么發(fā)展趨勢，我不發(fā)表意見，高手之間的競爭我們只能膜拜，從中吸取經(jīng)驗(yàn)，哪些東西值得我們晚輩去學(xué)習(xí)，這是我們想要的;但話說回來，個(gè)人覺得京東商城、蘇寧易購、騰訊電商近幾年來都在飛速發(fā)展，而淘寶商城好像在吃老本，大部分還是依賴于淘寶集市的流量引入，想必淘寶商城下一步會有什么發(fā)展策略呢?大家自己去猜吧~~
關(guān)注我們
COPYRIGHT (?) 2011-2020 南京友博網(wǎng)絡(luò)科技有限公司 - 互聯(lián)網(wǎng)時(shí)代的技術(shù)工匠 | 蘇ICP備11085910號 | 
友博云 招考云 智慧新聯(lián)會
