淺談B2C網(wǎng)站用戶體驗

2012-02-22|HiShop
導讀戶體驗,那到底什么是用戶體驗呢?不同的人對此有不同的理解,簡單的說用戶體驗是用戶使用某網(wǎng)站購物的全部感受,對于B2C來說,用戶體驗應該是貫穿用戶購物的全部過程,從我們產(chǎn)生購物欲望到發(fā)現(xiàn)網(wǎng)站去購買,一直到付款結束,這一整個過程給我們留下的一種印...

用戶體驗,那到底什么是用戶體驗呢?不同的人對此有不同的理解,簡單的說用戶體驗是用戶使用某網(wǎng)站購物的全部感受,對于B2C來說,用戶體驗應該是貫穿用戶購物的全部過程,從我們產(chǎn)生購物欲望到發(fā)現(xiàn)網(wǎng)站去購買,一直到付款結束,這一整個過程給我們留下的一種印象。

在舉例:我們經(jīng)常去網(wǎng)店買東西,比如買電器去京東,買書去當當,買服裝去凡客,買亂七八糟去淘寶等等,為什么我們分的這么細致,難道就是因為他們比較專業(yè)?我覺得不全是,因為這些網(wǎng)站給我們的用戶體驗不同,從“響應時間①”、“可用性②”和“穩(wěn)定性③”三方面進行衡量一個網(wǎng)站的用戶體驗標準型。

但是B2C網(wǎng)站的整體架構大致都是相同的,正常瀏覽者也看不出來好與壞,只能靠視覺上來判斷一個網(wǎng)站的可行性,然而我們也習慣了現(xiàn)在B2C網(wǎng)站的傳統(tǒng)風格,當我們打開B2C網(wǎng)站,立刻讓人產(chǎn)生和別的網(wǎng)站不同的感覺,這就是所謂的用戶體驗。

①響應時間:網(wǎng)站一個網(wǎng)頁能夠完全打開所需要的時間。能夠最直觀的反映網(wǎng)站質量的重要標志-速度,這也是網(wǎng)站的用戶能夠最直接感受到的。

②可用性:在一段時間內網(wǎng)站的網(wǎng)頁能夠被成功打開并瀏覽的比率。這反映了網(wǎng)站用戶能夠成功完成網(wǎng)站應用的可能性。

③穩(wěn)定性:一段時間內響應時間的標準偏差。這一指標表明了用戶訪問網(wǎng)站時在不同時段,不同地理位置,通過不同網(wǎng)絡接入所感受到的網(wǎng)站的速度穩(wěn)定情況。

(以上三個性能指標釋義來自Gomez Benchmarks)

角度和其他類型網(wǎng)站對比

一、B2C網(wǎng)站與企業(yè)網(wǎng)站

企業(yè)網(wǎng)站展示的是一個公司的形象,一個好的企業(yè)網(wǎng)站能代表整個公司的臉面,雖然企業(yè)網(wǎng)站也有商品和產(chǎn)品展示的功能,但它突出的并不是單一的商品,而是整體的形象。企業(yè)網(wǎng)站注重的是頁面的視覺效果,很多企業(yè)網(wǎng)站都選用flash作為形象頁,這足以說明企業(yè)網(wǎng)站對整體要求的嚴格性,企業(yè)網(wǎng)站給用戶的體驗是一種整體的感覺,也是一種符合企業(yè)文化的風格與氛圍。

對比企業(yè)網(wǎng)站,B2C網(wǎng)站在用戶體驗上更需要的是商品的突出性,圍繞商品做周邊化的拓展,這是關鍵性的。

 

二、B2C網(wǎng)站與門戶網(wǎng)站

門戶網(wǎng)站通常認為是“百貨市場”,它是綜合性互聯(lián)網(wǎng)信息資源系統(tǒng),這種網(wǎng)站的主要是以文字為核心的展示方式,門戶網(wǎng)站頁面是最長的,10多屏的都有,垃圾堆一樣的感覺,但門戶網(wǎng)站追求的是信息量,這我們也說不出來什么,中國的門戶網(wǎng)站就是如此了。

對比門戶網(wǎng)站,都有龐大的用戶群體,都有強大的服務器支持,界面要比門戶網(wǎng)站清晰挑理,一個是以商品為主,一個是以信息為主,截然不同的方向。

三、B2C網(wǎng)站與行業(yè)網(wǎng)站

行業(yè)網(wǎng)站顧名思義,是以行業(yè)為區(qū)分的網(wǎng)站,也屬于行業(yè)門戶,“門+戶+路”三者的集合體,主要信息是本行業(yè)有關的資訊、商機、商品等。行業(yè)網(wǎng)站在用戶體驗方面,追求的是一種行業(yè)精神,不管是頁面結構還是設計理念,他們都有很大的相同之處,區(qū)別在于風格和內容。行業(yè)網(wǎng)站給人的感覺就是進了某種商品的批發(fā)市場一樣,可以了解到該行業(yè)的任何資訊,這是很不錯的商機來源。

對比行業(yè)網(wǎng)站,B2C網(wǎng)站也有行業(yè)的概念,很多B2C網(wǎng)站就是以本行業(yè)為核心進行拓展,舉兩個例子:“京東商城”和“當當網(wǎng)”,之前“京東商城”一直走數(shù)碼家電路線,當當網(wǎng)也只是賣書的,后來都拓展的全方面攻勢,這就是行業(yè)外的擴展,不過B2C網(wǎng)站很多還是行業(yè)化的,比如樂淘目前還是賣鞋,麥包包目前還是賣包,等等,個人認為行業(yè)化的B2C網(wǎng)站對用戶體驗來說,是一種專一和專業(yè),在瀏覽角度和購買商品的意識上都有很唯一的選擇,我覺得大多數(shù)人還是喜歡專業(yè)一點的東西。有一句話說的好:“簡單的事情重復做是專家,重復的事情用心做事贏家!”

從UE角度和同類網(wǎng)站對比

大家先看一組統(tǒng)計:

 淺談B2C網(wǎng)站用戶體驗

以上統(tǒng)計是2011年中國B2C網(wǎng)站用戶量前10排名,淘寶商城和京東商城位居一二名,所以我選擇用他們進行對比,這兩家都是綜合性的大型購物網(wǎng)站,幾乎涵蓋了市面上的所有商品,比較有對比性。

下面是我對兩個網(wǎng)站的首頁對比,首頁是用戶對網(wǎng)站的第一感覺,也是取決于用戶所停留的時間,我用頁面第一屏進行兩個網(wǎng)站的分析。

PS:我的電腦屏幕分辨率是1440*900像素,瀏覽器為Firefox10.0。

天貓首頁:

 淺談B2C網(wǎng)站用戶體驗

風格:天貓繼承了以往傳統(tǒng)淘寶商城的風格,以深紅色為主色調,灰、黑色為輔,進行搭配,在頁面分辨率上選擇了寬度為970px的固定尺寸,header部分和slides部分的背景顏色是100%的通欄,分別選用深紅色和灰色。

導航:主導航為黑褐色背景,白色字體,左側商品分類菜單為三塊大的分類默認為所有商品,三種大分類都使用了不同顏色的菜單背景,對不同分類產(chǎn)品進行視覺上的渲染,比較人性化,頂部導航,設計的也比較精致,深紅色的背景淡黃色的字體。顯現(xiàn)出頁面還是很莊重的。

搜索欄:搜索欄靠右,向左側延伸,超過頁面總寬度的一半,比較大氣,有規(guī)律設計,很長的表單也方便用戶的搜索商品。

幻燈片:使用了五幅大尺寸活動的幻燈片,很顯然是以推薦活動為主,用大尺寸圖片沖擊用戶的視覺,使用戶產(chǎn)生點擊的欲望。

優(yōu)點:總體來說天貓首頁設計的很精致,略有高貴的感覺,但不是很明顯。從顏色上的搭配和布局結構上看都很合理,讓瀏覽者能知道如何往下進行。

缺點:LOGO的右側header部分略顯有點矮,給人感覺比較壓抑。特別是“贏千元”廣告,上下部分很緊湊,看時間長了,感覺很累;幻燈片上的延遲加載效果,沒有用loading代替圖片,在讀取圖片過程中,圖片是一點點從上往下顯示的,這塊用戶體驗不好,如下圖。

 淺談B2C網(wǎng)站用戶體驗

京東商城首頁:

 淺談B2C網(wǎng)站用戶體驗

風格:京東即改版之后頁面給人一種很大氣、眼前一亮的感覺,特別是分辨率的判斷上很人性化,最大寬度為1210px,最小為990px的兩種尺寸,根據(jù)客戶端電腦分辨率進行判斷,我以1210px的寬度來分析,網(wǎng)站整體為白色背景,頁面結構上為三欄,第一屏能看到header部分和slides以及推薦的三款商品,右側有三個模塊,主要的網(wǎng)站元素都可以看見,頁面設計的感覺非常的敞亮,很清晰。

導航:新版的主導航和舊版相比是截然不同的感覺,大氣,簡潔,同樣采用紅色的導航背景,體現(xiàn)出了鮮明與穩(wěn)重,也是網(wǎng)站的重心之處。相比天貓要簡單了許多,用戶看著不那么累,很容易就可以找到自己想去的入口。在加上導航背景的設計,40多像素的高度搭配14像素的文字,可見設計師著重考慮網(wǎng)站大氣與簡潔化,左側分類菜單的設計沒什么太大變化,同樣繼承了前身的做法,分類菜單都是大同小異,沒什么可說的。頂部鏈接導航也很低調簡單,配合了整體的風格。

搜索欄:與天貓不同的是京東的搜索欄header的中間,也非常搶眼的位置,京東利用搜索框推廣他其中某一件商品,而且表單下面帶有“熱門搜索”的一些Tag。他們的出發(fā)點除了讓用戶搜索其他商品,而且還推薦給用戶自己想推廣的商品,這樣的好處是,用戶可以知道哪些東西賣的最好,哪些東西是最新上架,很好的設計理念,推薦這樣的做法。雖然很多網(wǎng)站都這樣用,但不會讓用戶反感,因為用戶確實真的想買這個東西。

幻燈片:幻燈片采用了五組大圖廣告和主推商品組合式的配套切換效果,一副大圖下面跟著三款商品定時的切換。這是比較個性的做法,可以說和是合理的運用了有力位置,既能推廣活動又能促銷新品和折扣商品,但是我觀察了一段時間,并沒發(fā)現(xiàn)廣告和商品的關聯(lián)性,不知道這樣做和普通推薦商品有什么不一樣,難道就只是利用一下位置么?我感覺不如天貓,人家就很專一啦,就是活動廣告,大幅的,讓人看一下就知道是活動,然后廣告下面是推薦的商品,這多清晰,不是嘛?

優(yōu)點:京東給我的感覺就是大氣,除了大氣還是大氣??赡芫褪且驗轫撁鎸挾鹊脑虬?,總體來說設計的還不錯,內容挺多,但是很清晰,不那么亂,白色的背景和灰色的商品模塊,體現(xiàn)出一個網(wǎng)站的簡潔性,用戶長時間瀏覽不會覺得累,大分類使用不同的高亮顏色區(qū)分不同行業(yè)商品,避免讓用戶長時間查找商品所產(chǎn)生的視覺疲勞,京東這次改版,很多地方還是可以借鑒的,值得電商同行們學習。

缺點:上面說過幻燈片地方插入了促銷商品,我不喜歡這樣做,因為我沒看懂有什么關聯(lián)性,這樣做會讓人花費時間去看它們之間的關系,到最后是沒關系的,給人感覺很不好。還有就是右側邊欄,羅列著很多廣告和品牌列表,太密集了,我看了一會,感覺好累。可以嘗試減少幾個廣告,換成較大的圖片,這樣看起來就舒服的很多。

結語:以上我就先闡述了這些,主要針對這兩個網(wǎng)站頁面的用戶體驗進行了個人分析,至于他們之間走什么路線,今后有什么發(fā)展趨勢,我不發(fā)表意見,高手之間的競爭我們只能膜拜,從中吸取經(jīng)驗,哪些東西值得我們晚輩去學習,這是我們想要的;但話說回來,個人覺得京東商城、蘇寧易購、騰訊電商近幾年來都在飛速發(fā)展,而淘寶商城好像在吃老本,大部分還是依賴于淘寶集市的流量引入,想必淘寶商城下一步會有什么發(fā)展策略呢?大家自己去猜吧。

 

【本站聲明】 1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識及傳遞、交流相關電商信息,以便您學習或了解電商知識,請您不要用于其他用途; 2、該篇文章中所涉及的商標、標識的商品/服務并非來源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無關,系他人的商品或服務,本網(wǎng)站對于該類商標、標識不擁有任何權利; 3、本網(wǎng)站不對該篇文章中所涉及的商標、標識的商品/服務作任何明示或暗示的保證或擔保; 4、本網(wǎng)站不對文章中所涉及的內容真實性、準確性、可靠性負責,僅系客觀性描述,如您需要了解該類商品/服務詳細的資訊,請您直接與該類商品/服務的提供者聯(lián)系。
重磅推薦:淘寶學院目錄

第一部分:極速推

第三部分:微詳情

第四部分:百億補貼

第五部分:淘金幣

第六部分:天天特賣

第七部分:淘寶直播

第八部分:淘寶特價版

第九部分:相關推薦