【正文】 ..................................................................................... 28 頁(yè)面打開(kāi)速度 ......................................................................................................................... 28 頁(yè)面整體布局 ......................................................................................................................... 28 頁(yè)面導(dǎo)航設(shè)計(jì) ......................................................................................................................... 28 網(wǎng)站地圖 .................................................................................................................................. 28 用戶注冊(cè) .................................................................................................................................. 28 站內(nèi)搜索 .................................................................................................................................. 29 物流配送 .................................................................................................................................. 29 參考文獻(xiàn) ................................................................................................................................................................. 29 致謝 .......................................................................................................................................................................... 30 聲明 .......................................................................................................................................................................... 31 1 1 引言 隨 著互聯(lián)網(wǎng)和電子商務(wù)的普及，網(wǎng)絡(luò)購(gòu)物開(kāi)始逐漸走進(jìn)人們的視線，而購(gòu)物網(wǎng)站也開(kāi)始由 C2C 向 B2C 轉(zhuǎn)變， B2C 網(wǎng)站即 企業(yè)對(duì)客戶間電子商務(wù) 的 活動(dòng)平臺(tái)，這類網(wǎng)站依托于企業(yè)，有完備的支付體系，誠(chéng)信安全體系 以及物流配備。 雖然，良好的用戶體驗(yàn)并不意味著 B2C 網(wǎng)站的成功，但是，不好的用戶體驗(yàn)肯定會(huì)對(duì)用戶在網(wǎng)站的購(gòu)物經(jīng)歷造成阻礙，從而對(duì)網(wǎng)站本身帶來(lái)極為不利的負(fù)面影響，因此對(duì)網(wǎng)站的用戶體驗(yàn)進(jìn)行分析并優(yōu)化，是很 有必要的。 2 用戶體驗(yàn)的概念 用戶體驗(yàn)是指人們對(duì)于針對(duì)使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)，隨著 網(wǎng)絡(luò)的普及，人們對(duì)網(wǎng)站界面的要求不再僅僅是外觀的美化程度和信息的簡(jiǎn)單堆積，具有良好 的人機(jī) 交互性 的網(wǎng)站逐漸成為網(wǎng)站設(shè)計(jì)的主流。 網(wǎng)站用戶體驗(yàn)直接表現(xiàn) 為網(wǎng)站的易用性，網(wǎng)站易用性是網(wǎng)站的一種品質(zhì)屬性，其思想核心是以用戶為中心的網(wǎng)絡(luò)營(yíng)銷思想的體現(xiàn)，具體表現(xiàn)在網(wǎng)站導(dǎo)航、內(nèi)容、功能、服務(wù)以及可信性等網(wǎng)站建設(shè)方面。 網(wǎng)站的易用性主要表現(xiàn)在易懂易學(xué)、高效、易記、出錯(cuò)率、滿易度這五個(gè)方面，但這些方面都基于網(wǎng)站對(duì)用戶的實(shí)用性， 即用戶能否在網(wǎng)站上尋找到自己所需的信息和功能，從而達(dá)到自己的訪問(wèn)目的，如果一個(gè)網(wǎng)站無(wú)法滿足用戶的訪問(wèn) 2 需求，那么這個(gè)網(wǎng)站的功能再完善、服務(wù)再好，對(duì)用戶而言也沒(méi)有什么價(jià)值，同樣也談不上什么易用性了。 網(wǎng)站用戶體驗(yàn)應(yīng)從以下幾個(gè)方面進(jìn)行分析： 感官體 驗(yàn)：呈現(xiàn)給用戶視聽(tīng)上的體驗(yàn)，強(qiáng)調(diào)舒適性。 情感體驗(yàn)：呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性。 信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性。 在同樣的網(wǎng)速下用同一個(gè)瀏覽器打開(kāi)淘寶商城和京東商城，淘寶商城的頁(yè)面打開(kāi)速度明顯優(yōu)于京東，頁(yè)面整體的顯示時(shí)間大概為兩秒左右，而京東的時(shí)間則在 5 秒左右，但是，淘寶商城只是將頁(yè)面的大體加載完成，而大多數(shù)圖片則是在頁(yè)面加載完成后以 Flash 方式加載，京東是把頁(yè)面框架、文字、圖片一起加載完成 ，因此其整體頁(yè)面的加載速度低于淘寶 ， 但是如果算上圖片的加載時(shí)間的話，那么這兩個(gè)網(wǎng)站的頁(yè)面總體 加載時(shí)間 大致相近，都在大約 五到六 秒左右。其頁(yè)面的設(shè)計(jì)風(fēng)格應(yīng)與網(wǎng)站目標(biāo)客戶的審美習(xí)慣相符合，并能對(duì)用戶起到良好的引導(dǎo)作用。在這下面是網(wǎng)站正在進(jìn)行的大型活動(dòng)的橫幅廣告，如一些全商城的折扣活動(dòng)或者一些商品的秒殺活動(dòng)的預(yù)告等。 位于頁(yè)面頂部的是導(dǎo)航欄，包括了網(wǎng)站的一些主要功能，如團(tuán)購(gòu)、直銷、社區(qū)等， 起到了引導(dǎo)用戶進(jìn)入自己所需信息所在頁(yè)面的作用。 在京東商城的首頁(yè)，主要 是 搶 購(gòu)、新品、特價(jià)商品的分區(qū) ，這能夠?qū)τ谟脩舻馁?gòu)物過(guò)程能起到很好的引導(dǎo)作用，方便了用戶選擇。 在頁(yè)面左側(cè)有品牌專賣店的展示，主要是 3C 方面的品牌，并且用戶對(duì)于熱門數(shù)碼產(chǎn)品的評(píng)價(jià)也在左側(cè)顯示，位于廣告位下面的是今日?qǐng)F(tuán)購(gòu)以及京東商城各地分公司的總體概況，點(diǎn)擊可進(jìn)行查看，在最后則是購(gòu)物指南， 在頁(yè)面右側(cè) 主要是網(wǎng)站新聞、手機(jī)充值、商品拍賣、 搶購(gòu)和數(shù)碼產(chǎn)品的暢銷排行榜。 京東商城頁(yè)面總體色彩 較為明亮，圖片雖然較多 ，但比例協(xié)調(diào)、不變形，顯示清晰。 淘寶商城的首頁(yè)頁(yè)面如 圖 2 所示 ，頁(yè)面的主要色調(diào)依舊是以紅色為主 ，頁(yè)面頂部顯示的是一些商品的專場(chǎng)，一般都是一些正在進(jìn)行折扣活動(dòng)的商品信息，淘寶商城的 logo 同樣是在頁(yè)面的左上角，但與京東不同的是 logo 是動(dòng)態(tài)的 flash動(dòng)畫，顯得更為生動(dòng)和直觀， logo 很簡(jiǎn)單， 就只是淘寶商城四個(gè)字而已，白色字體與紅色的背景相搭配，既能保證 logo 的清晰度，又不會(huì)太過(guò)占據(jù)空間。 5 圖 2淘寶商城首頁(yè) (截圖日期 20xx0406) 只是 搜索欄 的位置相對(duì)于京東更為靠上，而 網(wǎng)站的導(dǎo)航位于搜索欄下方，頁(yè)面的上部，而商品分類則顯示在頁(yè)面的左側(cè)，這樣的布局 與國(guó)人的瀏覽習(xí)慣相符合，同樣分類導(dǎo)航也是鼠標(biāo)移上便自動(dòng)顯示其詳細(xì)分類。 在首頁(yè)上，一些著 名品牌的商品、正在進(jìn)行活動(dòng)中的商品以及秒殺活動(dòng)以flash 形式循環(huán)展示在頁(yè) 面的顯眼位置。 而在第一廣告位的下面則是仿效現(xiàn)實(shí)中的商城，將余下的頁(yè)面分為了十一樓，每一樓都是一種類型的商品，而在其左側(cè)所顯示的是這類型商品的一些著名品牌，與京東商城相似的，商品的展示是以文字和圖片相結(jié)合，但文字并沒(méi)有商品的簡(jiǎn)介，而只是一些銷售宣傳語(yǔ)，對(duì)于折扣的商品則是在圖片上顯示出紅色的圓形符號(hào)。 總的體驗(yàn)是淘寶商城的層次感和分類比京東更為詳細(xì)和清晰，而且由于是采用類似于實(shí)體商城的展現(xiàn)方式，使得用戶在瀏覽時(shí)更為親切和熟悉，并且左側(cè)所陳列的那些品牌鏈接能夠讓用戶迅速的找到自己所喜歡的品牌 ，在商品的展示欄上面有著該類商品的一些熱門關(guān)鍵詞，用戶點(diǎn)擊進(jìn)去之后是與之相關(guān)的頁(yè)面，如果關(guān)鍵詞是某一品牌，則會(huì)直接進(jìn)入該品牌的店鋪，如果不是則是搜索結(jié)果的集合。 網(wǎng)站導(dǎo)航設(shè)計(jì) 網(wǎng)站的導(dǎo)航機(jī)制體現(xiàn)了網(wǎng)站的內(nèi)容架構(gòu)，其是否合理是評(píng)價(jià)網(wǎng)站易用性的重要指標(biāo)之一。 6 網(wǎng)站導(dǎo)航對(duì)于用戶形成對(duì)網(wǎng)站的正確空間感和方向感起到重要作用，一個(gè)正確的網(wǎng)站導(dǎo)航能夠讓用戶無(wú)論進(jìn)入網(wǎng)站的哪一頁(yè)，都能對(duì)自己所在的位置有 個(gè)清楚的認(rèn)識(shí)，因此網(wǎng)站導(dǎo)航應(yīng)讓用戶易于理解和方便使用。 圖 3京東商城全局導(dǎo)航 (截圖日期 20xx0406) 當(dāng)點(diǎn)擊導(dǎo)航跳轉(zhuǎn)到其他頁(yè)面時(shí)，點(diǎn)擊網(wǎng)站 logo 也同樣能返回網(wǎng)站首頁(yè)，站點(diǎn) logo 具有返回首頁(yè)的作用，同樣在導(dǎo)航條 的左側(cè)第一個(gè)欄目顯示出首頁(yè)的鏈接和提示，而且全局導(dǎo)航有且僅有一級(jí)欄目，沒(méi)有下級(jí)分類，并且高亮用戶當(dāng)前所在頁(yè)面名稱，這樣無(wú)論用戶身處網(wǎng)站何處都不會(huì)迷路。 雖然全局導(dǎo)航并未保留，但由于是在新窗口中打開(kāi)的，并且在頁(yè)面的左上角有路徑提示，所以用戶依舊不會(huì)迷路，但是從個(gè)人感覺(jué)上說(shuō)，京東的全局導(dǎo)航更為方便，而淘寶商城雖然不會(huì)導(dǎo)致迷路，但若要點(diǎn)擊全局導(dǎo)航上的其他欄目時(shí)需要返回商城首頁(yè)或者切換窗口，給用戶增添了些不必要的步驟。 圖 6京東商城分類導(dǎo)航 (截圖日期 20xx0406) 京東商城的商品分類導(dǎo)航如 圖 6 所示，商品是按照種類進(jìn)行分類的，無(wú)需點(diǎn)擊，將鼠標(biāo)移到相應(yīng)的項(xiàng)目上便會(huì)自動(dòng)展開(kāi)子項(xiàng)目，子項(xiàng)目則是詳盡的類別細(xì)分。并且 分類導(dǎo)航也會(huì)隨之改變，顯示為當(dāng)前類別下的更為細(xì)致的劃分，原來(lái)的導(dǎo)航自動(dòng)折疊。 8 圖 7京東商城分類導(dǎo)航路徑指引 (截圖日期 20xx0406) 淘寶商城 的分類導(dǎo)航 如圖 8 所示，其結(jié)構(gòu) 與京東商城類似，其樣式相仿，不同的只是商品的分類而已，但是在淘寶的展開(kāi) 的分類導(dǎo)航的右側(cè)有相應(yīng)的商品推薦，這點(diǎn)對(duì)于用戶查找該分類項(xiàng)目下的熱門商品和品牌 而言，在很大程度上簡(jiǎn)化了用戶的操作和點(diǎn)擊數(shù)，顯得比較人性化。在頁(yè)面的左側(cè)所顯示的是該大分類下所有的詳細(xì)分類，在詳細(xì)分類的右側(cè)括號(hào)內(nèi)所顯示的是匹配的結(jié)果數(shù)。 圖 9淘寶商城分類導(dǎo) 航路徑指引 三、 網(wǎng)站地圖 網(wǎng)站地圖（ SiteMap）能將網(wǎng)站內(nèi)深層次的鏈接關(guān)系以一個(gè)扁平的頁(yè)面呈現(xiàn)出來(lái)，能讓用戶對(duì)網(wǎng)站的結(jié)構(gòu)和內(nèi)容進(jìn)行快速了解和初步認(rèn)識(shí)，使得用戶對(duì)網(wǎng)站的各個(gè)區(qū)域劃分的具體位置有個(gè)大概了解。 京東商城沒(méi)有設(shè)置網(wǎng)站地圖，淘寶商城的網(wǎng)站地圖分為五個(gè)部分，分別是我是買家、我是賣家、淘寶社區(qū)、賬號(hào)管理以及開(kāi)放平臺(tái)。 四、 瀏覽器兼容性 10 網(wǎng)站的 瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁(yè)面顯示效果不統(tǒng)一的情況。 網(wǎng) 站內(nèi)容 網(wǎng)站內(nèi)容架構(gòu)與界面布局具有緊密的聯(lián)系，用戶的瀏覽習(xí)慣和網(wǎng)站的信息規(guī)劃是網(wǎng)站界面布局 的依據(jù)，合理的網(wǎng)站布局能夠?qū)?nèi)容有序的呈現(xiàn)給用戶，將網(wǎng)站的重要信息放置于頁(yè)面的重要位置使之能夠得到重點(diǎn)體現(xiàn)。在搶購(gòu)專區(qū)下面是新品信息和特價(jià)專區(qū)，依次形成具有層次感得網(wǎng)站頁(yè)面架構(gòu) 。 圖 10 京東商城網(wǎng)站首頁(yè) 京東商城主要是 3C 產(chǎn)品的銷售，因此在網(wǎng)站的顯眼位置所放置的商品幾乎都是 數(shù)碼產(chǎn)品，而相對(duì)的，服飾、化妝品、食品等則在首頁(yè)上很難看到，即便是促銷、搶購(gòu)、折扣信息也大多是與數(shù)碼相關(guān)的產(chǎn)品。 相對(duì)的，淘寶商 城同樣是把熱銷品牌和促銷活動(dòng)放在網(wǎng)站的首要位置，也是采用 flash 幻燈片的形式向用戶展示商品的銷售信息，這種方式的 展現(xiàn)不僅保證了頁(yè)面的美觀，并且相對(duì)于文字而言，精美的圖片不僅更加直觀形象，而且更能激發(fā)用戶的購(gòu)買欲望，在一定程度上增加了用戶的轉(zhuǎn)化率。 網(wǎng)站交互體驗(yàn) 用戶注冊(cè) 對(duì)于一個(gè)電子商務(wù)類網(wǎng)站而言，注冊(cè)頁(yè)面的功能，是用戶取得網(wǎng)站會(huì)員資格的一個(gè)基本途徑，因此該頁(yè)面的設(shè)計(jì)應(yīng)在盡可能簡(jiǎn)潔的情況下去實(shí)現(xiàn)注冊(cè)這個(gè)功能，從京東商城 和淘寶商城 的注冊(cè)頁(yè)面可以看出 （圖 11 和圖 12） ，該頁(yè)面只了包含一些必要的元素，如用戶名、密碼、郵箱、驗(yàn)證碼。并且能在當(dāng)用戶對(duì)網(wǎng)站產(chǎn)生興趣，并覺(jué)得網(wǎng)站對(duì)自己有價(jià)值后，只需通過(guò)簡(jiǎn)單的引導(dǎo)，便能讓用戶對(duì)自己的個(gè)人資料進(jìn)行相應(yīng)的修改和完善，這樣既能提升用戶的注冊(cè)體驗(yàn)，又為后續(xù)收集更多有更大價(jià)值的用戶信息做好了基本的準(zhǔn)備。 如圖 13 所示，這是京東商城的注冊(cè)頁(yè)面，在用戶 名輸入框下面，以淡灰色的文字對(duì)用戶在用戶名的填寫過(guò)程中，所應(yīng)注意的事項(xiàng)進(jìn)行了言簡(jiǎn)意賅的提示，并在輸入完畢后對(duì)用戶名進(jìn)行一個(gè)重復(fù)性的檢查，如果用戶名有重復(fù)，則在輸入框下以紅色文字提醒用戶 （圖 14） ，這樣可以防止用戶在填完所有注冊(cè)所需信息后點(diǎn)擊提交后發(fā)生錯(cuò)誤，從而導(dǎo)致用戶注 冊(cè)失敗。 圖 15京東商城密碼強(qiáng)度檢測(cè) 與京東 商城 不同的是淘寶 商城 在用戶輸入會(huì)員名時(shí)，如果該會(huì)員名和已有的會(huì)員名重復(fù)，頁(yè)面上不但會(huì)顯示會(huì)員名已被使用，并且會(huì)在輸入框下方給出一些系統(tǒng)推薦的用戶名 ，如圖 16 所示 ，