第一篇：電子商務網(wǎng)站用戶體驗分析

電子商務網(wǎng)站的用戶體驗分析

1、信任度體驗：

電子商務網(wǎng)站的信任度決定消費者/瀏覽者是否購買的關(guān)鍵性因素，網(wǎng)站信任度的傳遞一般通過以下幾種方式：

1》 品牌的知名度：網(wǎng)站的商品品牌是否具有一定的知名度；

2》 權(quán)威認證：是否具有icp（經(jīng)營性網(wǎng)站備案信息）、可信網(wǎng)站認證、網(wǎng)上交易保障中

心認證、中國電子商務網(wǎng)站誠心單位等等權(quán)威機構(gòu)的認證；

3》 詳盡的聯(lián)系方式：網(wǎng)站是否刊登有400/800電話，以及詳細的聯(lián)系地址等相關(guān)性信

息；

2、網(wǎng)站瀏覽體驗：

1》 網(wǎng)站的視覺體驗：顏色的搭配是否讓用戶看著舒服；

2》 網(wǎng)站性能體驗 網(wǎng)頁打開的速度是否夠快，網(wǎng)站中是否有死鏈接（錯誤頁面），是否

兼容各種瀏覽器。

3》 網(wǎng)站架構(gòu)體驗：結(jié)構(gòu)設置是否合理，產(chǎn)品分類設置是否清晰，是否能讓用戶快捷的找到所需產(chǎn)品。

4》 網(wǎng)店的購物體驗：提交訂單，注冊賬戶以及填寫聯(lián)系方式是否合理，以及付款方式

是否便捷（支付寶，網(wǎng)銀，快錢，貨到付款等多種支付方式），提交訂單之后是否有相應的提醒或者提示，產(chǎn)品到貨之后是否有郵件或者短信電話之類的通知；

3、售前服務體驗：

用戶在線（電話）咨詢時，客服人員是否解答及時專業(yè)，是否更加貼切，以及回答是否讓用戶滿意。

4、物流配送體驗：

1》訂單生成，商品發(fā)出時，是否有貼心的短信(電話)通知，商品送達時間是否能保

證，是否能以最快速度送達商品(現(xiàn)在的社會節(jié)奏很快，你比別人快，用戶下決定購買的速度就會快，目前最好的一個“快榜樣”就是快書包，快書包承諾：一小時到貨!北京、上海、西安、成都、天津、長沙、杭州。)

5、第五個，售后服務體驗。

這里主要指退換貨流程的體驗，商品不合適，不滿意，是否支持無條件退換貨，這對用戶的重復購買會起到關(guān)鍵影響。以上是光明想到的一些電子商務網(wǎng)站運營中的用戶體驗，并不是全部，更多更有價值的用戶體驗等待著各位朋友的挖掘和補充。

第二篇：淺談購物網(wǎng)站之用戶體驗

淺談購物網(wǎng)站之用戶體驗

電商行業(yè)在今年特別火，傳統(tǒng)行業(yè)紛紛觸網(wǎng)，根據(jù)互聯(lián)網(wǎng)信息中心最新的統(tǒng)計，截至今年6月，網(wǎng)民人數(shù)已經(jīng)達到4.85億，未來3-5年，網(wǎng)民人數(shù)仍將持續(xù)增長，達到7億左右，但是現(xiàn)在網(wǎng)購人數(shù)大約是1.6億，也就是說只有大約三分之一的網(wǎng)民有網(wǎng)購，網(wǎng)購的滲透率只有三分之一，未來國內(nèi)網(wǎng)購的增長空間巨大，潛力無限?，F(xiàn)在不管是做B2C還是做集市店鋪的，聽到越來越多的一個關(guān)鍵詞是：用戶體驗。那到底什么是用戶體驗呢，不同的人對此有不同的理解，簡單的說用戶體驗是用戶使用一個產(chǎn)品的全部感受，對于B2C來說，用戶體驗應該是貫穿用戶購物的全部過程。個人認為完整的用戶體驗應該包括以下幾個部分：

1、通過B2C網(wǎng)站的入口，給用戶最直觀的感受

2、通過入口打開網(wǎng)站的流暢程度

3、用戶能否快速搜索到自己所需要的產(chǎn)品或服務

4、產(chǎn)品的價格

5、產(chǎn)品頁面的描述情況

6、質(zhì)量保障

7、其他用戶的真實評價

8、到貨速度

9、產(chǎn)品的包裝

10、派件員的服務態(tài)度

11、退換貨服務

下面以凡客成品為例，說下用戶體驗。

1.互聯(lián)網(wǎng)用戶找到進入凡客官網(wǎng)的入口

通過線下的廣告進入網(wǎng)站：

1、手機客戶端

2、地鐵大屏廣告

3、平面媒體

4、直接輸入凡客網(wǎng)址：004km.cn(坦率說，凡客誠品因為是法文譯過來的，不太符合國人的習慣，能直接通過瀏覽器正確輸入網(wǎng)址是很少)

通過線上的廣告進入網(wǎng)站：

1、導航網(wǎng)站

2、搜索引擎

3、CPS聯(lián)盟

4、返利網(wǎng)站

5、軟件客戶端(比如uusee,迅雷客戶端)

個人最喜歡凡客誠品的廣告，廣告具有凡客自己的特色，而且無論在哪里看到，一看就知道是他們的廣告。凡客的廣告具有一下幾個特點：

1、用高清像素的圖片和flash，將幾件顏色鮮明的衣服整齊地疊放在一起，很好地突出了衣服的品質(zhì)，給人強烈的視覺沖擊。

2、通過寫上7天無理由退款等保障，給人以安全感。

3、突出價格優(yōu)勢，比如68元初體驗，心動價29元。

2、通過入口打開網(wǎng)站的流暢程度

這個問題現(xiàn)在存在的比較少了，但是我本人也遇到過，曾經(jīng)在微博上發(fā)了截圖，那家網(wǎng)站比較知名，但是打開首頁的速度非常慢，載入圖片非常多，因為我是用的光纖4M，網(wǎng)速肯定沒問題的，其他的網(wǎng)站都可以快速得打開。

3、快速搜索

現(xiàn)在很多B2C網(wǎng)站，甚至一些C店，都在首頁放置了產(chǎn)品導航，做得優(yōu)秀的很好從不同的角度，給產(chǎn)品做了分類，只為了用戶能夠快速檢索到自己所需要的任何產(chǎn)品。特別是對于新用戶，ta可能是通過某個入口進入的，4、產(chǎn)品的價格

這一部分沒什么好講的，現(xiàn)在國內(nèi)網(wǎng)購的競爭還是處于最原始的階段，線上的價格拼得刺刀見血，有業(yè)內(nèi)人士說，據(jù)我所知，目前國內(nèi)真正盈利的大型B2C也就是3-4家。潛臺詞既是目前絕大多數(shù)的B2C網(wǎng)站還在盈利的邊緣苦苦掙扎。大家都爭先恐后把規(guī)模做起來，只有規(guī)模起來了，才可以從供貨商那邊拿到更低的價格，然后在線上大打價格戰(zhàn)，最后才是剩者為王。

5、產(chǎn)品的描述情況

很多商家想：我的產(chǎn)品很好，我一定要和買家說說，于是乎，來一段長長的文字，描述產(chǎn)品。據(jù)研究發(fā)現(xiàn)，互聯(lián)網(wǎng)頁面上60%的文字信息用戶是不會仔細閱讀的。用戶想：“who cares”原來人家用戶根本就不關(guān)心這個，那ta不關(guān)心這個，到底關(guān)心哪個呢？根據(jù)淘寶商城的監(jiān)測，用戶最關(guān)心的是其他買家的評價詳情(注意是真實的評價，而不是自己ps放上去的)，其次是產(chǎn)品的細節(jié)圖，接下來是產(chǎn)品圖，產(chǎn)品的功能等基本屬性。PS：關(guān)于產(chǎn)品的描述大家可以參加淘寶官方出《用戶在女裝詳情頁想看到什么》。

6、質(zhì)量保障

網(wǎng)購和線下購物最大的區(qū)別是給用戶的真實體驗是不一樣的，線下的購物，用戶可以真切地感受產(chǎn)品，體驗產(chǎn)品(比如服裝)，線上的產(chǎn)品，用戶只能通過網(wǎng)站本身的信譽情況，產(chǎn)品的描述情況，其他用戶的評價，產(chǎn)品的價格來綜合判斷產(chǎn)品的質(zhì)量，如何消除用戶的擔心呢？這正是我們需要考慮的事情?，F(xiàn)在很多網(wǎng)站都推出了類似消費者保障計劃，消除用戶的顧慮。

7、其他用戶的評價

這一點非常重要，我本人也經(jīng)常網(wǎng)購(淘寶網(wǎng))，不看重網(wǎng)店的信譽，但是非?？粗衅渌呀?jīng)購買了此產(chǎn)品的評價，會因為他們的評價，改變自己的網(wǎng)購行為，從淘寶的監(jiān)測來看，大多數(shù)網(wǎng)民也非常關(guān)心其他用戶的評價。

8、到貨速度

今年各大B2C網(wǎng)站，不管是從VC圈到錢的還是上市融到資的，都在悶聲建立自己的倉儲物流，建設自己的配送隊伍，為的就是打通產(chǎn)品從線上到用戶的最后一公里，原因很簡單，目前國內(nèi)的快遞無法滿足網(wǎng)民的需求。從去年曝光的快遞行業(yè)的“暴力分拆”和丟件現(xiàn)象便可以見端倪。

9、產(chǎn)品的包裝

目前國內(nèi)大型的B2C網(wǎng)站都有自己專業(yè)的包裝箱，但是一般的C店，包裝還是差強人意的，甚至有不少C店，用戶感覺包裝不好，給他們差評的，如何在包裝上做得更加優(yōu)秀，站在用戶的角度包裝，是我們需要思考的問題。

10、派件員的服務態(tài)度

目前國內(nèi)的四通一達，都受到了國家郵政局的點名批評，我們以前也有不少買家點名要求不能發(fā)送某某快遞，原因他們的派件員是服務態(tài)度不好。

對于物流外包的B2C企業(yè)來說，派件員的服務態(tài)度似乎和他們沒什么關(guān)系，但是很多的用戶往往因為快遞派件員的服務態(tài)度，不能讓ta滿意，而不會再去那家B2C企業(yè)網(wǎng)購了，對于這家B2C企業(yè)來說，確實有點冤，也很無耐。我們知道，對于B2C網(wǎng)站來說，獲取新用戶所花費的成本往往發(fā)生在ta網(wǎng)購之前，從幾元到幾十元不等。如果ta不能重復購買，對于這家B2C企業(yè)來說是虧損的。從這一點來說，自建物流派件隊伍也是不得已的選擇。

11、退換貨服務

用戶收到產(chǎn)品后，可能會因為各種問題，要求退換貨，能否很好地解決用戶的顧慮，接觸用戶的購物抗拒點無疑非常重要。

第三篇：電子商務網(wǎng)站分析

實驗內(nèi)容：分析一個電子商務網(wǎng)站

實驗目的：學會分析一個電子商務網(wǎng)站所采用的經(jīng)營特色

實驗要求:(1)找一個電子商務網(wǎng)站，分析其所采用的經(jīng)營模式并寫出你所分析的網(wǎng)站的網(wǎng)址。

(2)從此網(wǎng)站交易特點、交付特點，分析此網(wǎng)站能否贏利，并說明原因？

(3)運用你所學知識對此網(wǎng)站進行改進，使之更合理和更優(yōu)化。

(1)找一個電子商務網(wǎng)站，分析其所采用的經(jīng)營模式并寫出你所分析的網(wǎng)站的網(wǎng)址。答：當當網(wǎng): http:///

綜合運用價格、分銷、促銷等多種營銷因素，來刺激消費者購買，從以前的4Ps營銷策略(產(chǎn)品、價格、渠道、促銷)向4Cs營銷策略(顧客的欲求與需要、顧客獲取滿足的成本、顧客購買的方便性、與顧客的溝通)發(fā)展，從以企業(yè)為中心向以顧客為中心發(fā)展，做到以人為本。

(2)從此網(wǎng)站交易特點、交付特點，分析此網(wǎng)站能否贏利，并說明原因？

答：當當網(wǎng)通過與大量本地快遞公司合作，為顧客提供“送貨上門，當面收款”的服務，加之網(wǎng)上支付、匯款等多種支付方式，大大滿足了客戶在支付方式上的多樣化需求。2008年7月31日，中國銀聯(lián)和當當網(wǎng)在北京聯(lián)合宣布雙方在電子商務和銀行卡支付領(lǐng)域達成全面合作關(guān)系，正式開通了基于智能刷卡電話的“網(wǎng)上購物、刷卡支付”新型電子商務支付服務。同時，當當網(wǎng)也不斷推出新的方便顧客的支付方式。

目前為止，在貨款支付方式方面，當當網(wǎng)提供了貨到付款、網(wǎng)上支付、郵局匯款、銀行轉(zhuǎn)賬、帳南京理戶余額支付、當當禮品卡支付、支票支付等多種支付方式。據(jù)調(diào)查，網(wǎng)上購物的付款方式中，消費者大多偏好網(wǎng)上支付(61.5%)和貨到付款(36.1%)。支付方式的多樣化同樣促進了當當網(wǎng)市場的擴展。贏利要數(shù)：

? 直接銷售，壓低制造商(零售商)的價格，在采購價與銷售價之間賺取差價。

? 虛擬店鋪出租費，產(chǎn)品登錄費、交易手續(xù)費；此外還可以利用平臺，充分利用付款和收到貨物再支付的時間差產(chǎn)生的巨額常量資金逆行其它投資盈利。

? 廣告費?，F(xiàn)在這一部分增長得很快。

(3)運用你所學知識對此網(wǎng)站進行改進，使之更合理和更優(yōu)化。

1.進一步把圖書信息更新詳細同時提高更新速度

2.智能比價系統(tǒng)的技術(shù)受質(zhì)疑，顯然這個系統(tǒng)凸顯了貨比三家，當當?shù)牡蛢r策略，在購

買的過程中，當當不是最便宜的！

3.售后服務質(zhì)量有待提升

4.信用度需要進一步提高

第四篇：網(wǎng)站建設須重視用戶體驗

本文檔由pp外包網(wǎng)（004km.cn）整理

1、網(wǎng)站風格：網(wǎng)站的風格盡可能要大氣一點，主色調(diào)要與產(chǎn)品色調(diào)保持一致。給人一種和諧匹配的感覺。

2、廣告圖片：很多網(wǎng)站喜歡在自己的網(wǎng)站上發(fā)布各樣各樣的廣告，廣告效應對于網(wǎng)站來說是很重要的。適當?shù)膹V告圖片，不僅給予上以視覺上的美感，并且可以讓訪問者輕松快速的了解到我們要表達的信息。但是很多網(wǎng)站這一點做的并不完美，比如有的網(wǎng)站插入過多的圖片，有的圖片與網(wǎng)站整個構(gòu)架顯得很不匹配，或者有的廣告顯得特別低俗，這些都大大為此網(wǎng)站打了折扣。

3、網(wǎng)站內(nèi)容：網(wǎng)站內(nèi)容一定要豐富，無論是產(chǎn)品還是新聞要做到及時更新，整個網(wǎng)頁看起來應該是栩栩如生的。讓訪客每次在瀏覽本網(wǎng)站的時候都會有不同的感受。如果是圖片，一定要看起來很精美，最好能圖文并茂，這樣訪客在瀏覽的時候一眼就可以看出此網(wǎng)站是做什么的。

4、在線客服：現(xiàn)在無論隨便打開哪一個網(wǎng)站，首先跳入的是在線客服與您互動。這樣的思路是比較好的，瀏覽者在進入網(wǎng)站首先能感受到本網(wǎng)站的人性化設計思路，同時訪客還會感覺到在這個網(wǎng)站中自己是受到關(guān)注的。如果遇到疑問的地方，可以隨時在線與客服進行溝通，進一步拉近了公司與訪問之間的距離。如果是營銷公司，這樣的設計思路，更容易讓客戶與公司成交。

5、背景音樂：也許你想使你的網(wǎng)頁更豐富一些，最好也不要給你的網(wǎng)站加上背景音樂。背景音樂或許可以使網(wǎng)站更輕快一些，但是它往往也許會因為背景音樂而令網(wǎng)站失去了整體風格。這樣的效果是得不償失的。所以企業(yè)建站最好不要使用背景音樂。

6、過多用FLASH：確實，使用FLASH圖片可以讓你的網(wǎng)站看起來更生動活潑，但是過多的使用FLASH圖片，會給你的網(wǎng)面造成頁面文件過大，會減慢你的網(wǎng)站訪問速度。如果長時間無法打開頁面或者打開頁面緩慢，再好的網(wǎng)站，都不會有用戶喜歡的。

7、連接錯誤：這是最基本的錯誤。打開網(wǎng)站，看不到自己想要的東西，這是任何一個訪問者都無法容忍的事情。

8、信息沒有及時更新：很久不更新的信息很容易讓訪客反感，并且會在心中質(zhì)疑你這個網(wǎng)站的受關(guān)注度。

本文檔由pp外包網(wǎng)（http://jianzhan.ppwaibao.com）整理

本文檔由pp外包網(wǎng)（004km.cn）整理

9、導航的有條理性：打開很多網(wǎng)站，進入一個頁面，不知道如何返回上一面，或者隨便點擊一下又返回到原地。整個網(wǎng)站給用戶的感覺是沒有條理性，每次用戶都不是很容易的找到自己想要的東西，相信下一次很可能就不會再來了。

10、每個頁面要與首頁鏈接：用戶無論進入這個網(wǎng)站的哪一個頁面，都可以很輕松的返回首頁面繼續(xù)查找自己需要的東西。

11、每個頁面都要有視覺差異：頁面沒有視覺差異，整個網(wǎng)站就會顯得缺乏層次感。并且一樣的頁面是不能給訪問者留下特別的印象的。不一定每個頁面打開都要與眾不同，但是至少讓訪問者感覺到這個網(wǎng)站還是要主次分明的。

本文檔由pp外包網(wǎng)（http://jianzhan.ppwaibao.com）整理

第五篇：網(wǎng)站(網(wǎng)頁)用戶體驗及用戶習慣的深度分析總結(jié)

網(wǎng)站(網(wǎng)頁)用戶體驗及用戶習慣的深度分析總結(jié)

用戶體驗（User Experience，簡稱UE）是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。在基于Web的產(chǎn)品設計中，UE是一個相對較新的概念。Donald Norman博士提出了“用戶體驗”一詞，他是一個認知科學的研究人員，首次提出了在互聯(lián)網(wǎng)領(lǐng)域以用戶為中心設計的重要性（用戶的需求決定產(chǎn)品如何設 計）。

Donald Norman

用戶體驗很重要，最大的理由是：它對你的用戶很重要。

◆ 最起碼是要讓產(chǎn)品有用，這個有用是指用戶的需求。(尊重用戶價值+滿足用戶需求)◆ 其次是能用，所有的流程都走得通，沒有致命的BUG。(尊重用戶價值+滿足用戶需求)◆ 然后是易用，操作起來很便利，這非常關(guān)鍵。(注重用戶體驗)

◆ 設計的下一個方向就是友好，關(guān)注用戶的情感需求。（注重用戶體驗+關(guān)注創(chuàng)新）

以上四者都做好了，就融會貫通上升到品牌。(品質(zhì)：品味+質(zhì)量→品牌)

用戶的需求決定產(chǎn)品如何設計

人的視覺通常不是先看中間，而是根據(jù)母語的讀寫習慣，經(jīng)過大腦的指令，按照：從上到下，從左到右的路線進行查看，下圖為用戶瀏覽網(wǎng)站時視線注意力 “F現(xiàn)象”研究：注：綠色、黃色、紅色關(guān)注度以此升高，這說明人喜歡第一眼看左上角的內(nèi)容，這告訴我們，重點要在左邊偏上的部位出現(xiàn)。

從左上角的至右下角優(yōu)先比重逐級遞減

[案例]淘寶網(wǎng)商品搜索列表頁 谷歌的搜索結(jié)果出現(xiàn)“金三角”現(xiàn)象：

谷歌搜索列表頁 對于google搜索結(jié)果的“金三角”現(xiàn)象（也有很多前端設計師形象地描述為搜索結(jié)果的“F現(xiàn)象”）。

什么是google搜索結(jié)果的“金三角”現(xiàn)象？

這項關(guān)于用戶對于搜索結(jié)果注意力的研究由搜索引擎營銷公司Enquiro、Did-it以及專門研究人們眼睛運動行為的公司Eyetools聯(lián)合完成，通過對用戶觀察google搜索結(jié)果頁面時眼睛的運動來確定對搜索結(jié)果內(nèi)容的關(guān)注程度。

該調(diào)查結(jié)論是，位于google自然搜索結(jié)果“F”頂部的信息，獲得了被調(diào)查者100％的注意（該研究總共有50位被調(diào)查者），而位于最下面的信息則只獲得了20％的注意力。以下是自然搜索結(jié)果排名前10位的信息受到被調(diào)查者關(guān)注的比例：

·第1位 – 100%

·第2位 – 100%

·第3位 – 100%

·第4位 – 85%

·第5位 – 60%

·第6位 – 50%

·第7位 – 50%

·第8位 – 30%

·第9位 – 30%

·第10位 – 20%

對于google搜索結(jié)果右側(cè)的贊助商鏈接內(nèi)容（即關(guān)鍵詞廣告），其受關(guān)注程度大約只有自然搜索結(jié)果的一半，即使位于第一位也只獲得了50％的注意力。下面是被調(diào)查者對全部8個關(guān)鍵詞廣告信息的關(guān)注情況。

·關(guān)鍵詞廣告第1位 – 50%

·關(guān)鍵詞廣告第2位 – 40%

·關(guān)鍵詞廣告第3位 – 30%

·關(guān)鍵詞廣告第4位 – 20%

·關(guān)鍵詞廣告第5位 – 10% ·關(guān)鍵詞廣告第6位 – 10%

·關(guān)鍵詞廣告第7位 – 10%

·關(guān)鍵詞廣告第8位 – 10%

關(guān)于google搜索結(jié)果金三角調(diào)查結(jié)論的分析－－Search Engine Watch文章“A New F-Word for Google Search Results”對上述調(diào)查結(jié)果的分析推論可總結(jié)為三點：

（1）自然搜索結(jié)果的重要性遠高于關(guān)鍵詞廣告（至少對google是這樣，為了使客戶的利益最大化，谷歌隨后在搜索列表頁的最上面及最下面加入了3條付費廣告）；

（2）用戶對自然搜索結(jié)果的關(guān)注程度更高，除非搜索引擎關(guān)鍵詞廣告排名在最上端，否則很難獲得用戶的關(guān)注；

（3）搜索引擎優(yōu)化很重要，營銷人員如果忽視這一事實，單純依靠贊助商鏈接廣告的搜索引擎營銷方式很難取得最好的效果。

調(diào)查結(jié)果發(fā)現(xiàn)，用戶對于搜索結(jié)果頁面的關(guān)注的范圍呈現(xiàn)英文字母“F”的形狀，也可以描述為“金三角”現(xiàn)象。這種現(xiàn)象證實了一個簡單的問題：搜索結(jié)果 中排名靠前的內(nèi)容更容易受到用戶的關(guān)注和點擊。這個規(guī)律對于google搜索結(jié)果右側(cè)的關(guān)鍵詞廣告同樣是適用的，只是對兩種內(nèi)容的點擊率有所不同。

這正好和謀思副總裁張少華先生提到的“首屏理論”一致。

網(wǎng)頁板塊規(guī)劃——兩欄設計研究

兩欄設計頁面

對于兩欄設計，Jakbo Nielsen也曾對232位用戶瀏覽幾千個頁面的過程中的眼動情況進行追蹤，發(fā)現(xiàn)用戶在不同站點上的瀏覽行為有明顯的一致性。這種瀏覽行為有三個特征： 1.用戶首先會在內(nèi)容區(qū)的上部進行橫向瀏覽。

2.用戶視線下移一段距離后在小范圍內(nèi)再次橫向瀏覽。3.最后用戶會在內(nèi)容區(qū)的左側(cè)做快速的縱向瀏覽。

顯然，用戶的瀏覽行為并非精確的包含這個三個過程，有時候，在這三個過程之后，還會在底部有橫向瀏覽的熱點，使得整個瀏覽熱區(qū)圖看上去更像E而不是 F。也有時候，用戶瀏覽時只反應了上述的行為1和行為3，使得瀏覽熱區(qū)圖像一個倒寫的L。但從所有數(shù)據(jù)整體上來看，用戶的屏幕瀏覽熱區(qū)圖還是較一致地反應 出了F圖像。

網(wǎng)頁板塊規(guī)劃——三欄設計研究

經(jīng)過分析上面的純理論性研究，我們再來看一個有趣的用戶研究：中、美、韓用戶瀏覽網(wǎng)頁習慣。

中韓兩國研究者進行了一個關(guān)于認知風格(cognitive style)與網(wǎng)頁感知(webpage perception)的跨文化研究，找來中美韓三國用戶（共27人）進行了眼動測試，研究結(jié)果頗有意思。實驗是讓用戶瀏覽（不做任何點擊）以下這個仿照 雅虎布局的測試頁面（根據(jù)用戶的國籍使用相應語言版本的頁面），眼動儀將做實時記錄，測試過程為30秒。

圖1：測試頁面

研究者將頁面分為9個興趣區(qū)域（AOI, AREA OF INTERESTS）。

圖2：興趣區(qū)域（AOI）

從下圖“前25秒用戶訪問的AOI總和”可以看出，韓國用戶的眼睛一直在整個頁面到處跳動。比起其他兩個組別，他們更多地在各個區(qū)域中跳來跳去。在 前15秒，中美兩國用戶的眼動比較相似：在前10秒，中國用戶的AOI活動稍微高于美國用戶，但很快就明顯領(lǐng)先了。15秒之后，美國用戶的AOI的增長率 低于中國用戶，說明美國人的眼睛活動開始穩(wěn)定，并開始將注意力集中在頁面的某一處。

下圖是“每AOI注意點時長總和”。注意點停留時長反映出該區(qū)域?qū)τ脩舻闹匾?。頁頭中部的區(qū)域2（見圖2）是尤其重要的，它吸引了三國用戶最長久 的注意?？傮w來說，美國用戶將注意力放在區(qū)域1、2、5的時間明顯高于其他兩組。中國用戶則在區(qū)域2、5、6、8、9集中了更久的注意力。

再來看看眼動結(jié)果（由上至下依次為中、美、韓）。綠色的點代表眼睛活動的開始，紅色代表結(jié)束。

中國用戶眼動圖

美國用戶眼動圖

韓國用戶眼動圖

根據(jù)眼動結(jié)果，研究者從兩個方面做出了分析：

備注：

◆ Sequential Reading: 眼睛隨著區(qū)域塊依次瀏覽。◆ Circular Scan: 眼睛掃描路徑接近于順時針畫圓。

◆ Back and Forth Scan: 眼睛在內(nèi)容之間往返掃描，某個區(qū)域在短時間內(nèi)被反復注視?！?Only Scan: 用戶只是掃描頁面，并沒有將焦點放在某個區(qū)域，也就是眼動很頻密?！?Focus on Title: 用戶的注意力相對更多地放在標題上。

◆ Navigation Reading: 用戶的注意力更多放在導航條上，會花一定時間瀏覽導航內(nèi)容(導航的起源也在美國)。

由此可見，中韓用戶更傾向以掃描、打圈的方式閱讀網(wǎng)頁。同時，中韓用戶更喜歡往返于各個內(nèi)容區(qū)域，說明他們閱讀時比較隨意。相反地，美國用戶比較關(guān)注細節(jié)，也很少這看一眼那看一眼。

下圖是從另一個角度來闡釋眼動結(jié)果。

◆ “0” Shape: 眼動路徑類似于畫0。

◆ “5” Shape: 眼動路徑類似于畫5(也就是，眼睛以此訪問: 2, 5, 6, 9, 8, 7區(qū)域)?！?“N” Shape: 眼睛看完一列再看另一列?！?“Z” Shape: 眼睛依次掃過各行。

◆ “X” Shape: 眼睛以對角線的方式掃描，隨意跳躍?？梢?，多數(shù)中國人和韓國人都采用0式瀏覽，而美國人更多是采用5式瀏覽。也就是說，中韓用戶會整體去看一個頁面，而多數(shù)美國人趨向于從中心向外圍瀏覽。

最后，研究者提出了一些設計建議。對于采用整體思維方式（holistic thinkers）的中韓用戶來說，他們更傾向于掃描頁面整體，而且以一種非線性的瀏覽方式，因此內(nèi)容安排可以較為靈活。對于采用分析性思維方式（analytic thinkers）的美國用戶來說，頁面布局要非常清晰，每個信息區(qū)域都要有區(qū)別于其他區(qū)域的特點，導航部分也尤其重要。

視覺焦點之幾何圓的使用

由于每個人受教育程度、知識面、習慣、及生活方式、對色彩的喜好等因素的影響，不同的人對同樣的設計會有不同的理解和判斷。例如“我不喜歡這個網(wǎng)頁 的設計”、“花花綠綠不喜歡”、“是不是用黃色比較好”、“喜慶的節(jié)日當然用紅色啦”、“還是采用蘋果的灰色比較好”、“左邊欄再寬出10像素更好”?? 這些在工作中轟炸你頭腦的“建議”每天都會發(fā)生。

我們不可能滿足每一個人對于色彩、頁面設計的喜好，但是我們可以從另一個交互設計的角度來滿足絕大多數(shù)的需求，這就是——視覺焦點。那么什么是視覺焦點呢？ 視覺焦點就是在有限的視線范圍內(nèi)快速捕捉你自己認為吸引你的區(qū)域。反映在互聯(lián)網(wǎng)產(chǎn)品設計中，就是指設計的頁面上最吸引人注意的地方，視線上集中交匯 的地方，這個位置就叫焦點。在日常生活中我們運用照相機對準人的臉部，那也是在獲取一個焦點。在網(wǎng)頁設計中，引導用戶集中在你想讓他關(guān)注的區(qū)域，那樣會讓 你的設計有重心和亮點。

視覺焦點的處理方式

人們用視覺獲取環(huán)境中的信息，對你注意的周圍都會是模糊的，你視線集中的中心點是最清晰的。

第一張，視覺上呈現(xiàn)這樣的狀態(tài)是：視線上沒有集中，整體模糊，是成方形的視覺框架。

第二張和第三張，圖中的兩朵花在圖形中是最漂亮的亮點，漂亮的東西會引人注意，你會注意到上一朵或則下一朵，注意任何一朵花的時候，眼球集中點會以圓的形狀向外逐漸模糊，最中心點就是焦點。

圓形作為設計中的元素的時候，自然更加的適應視覺上的感知。

視覺強弱

美女其實可以獨立成為一個視覺焦點，但當我們給美女加了圓形邊框后，視覺焦點就轉(zhuǎn)移到圓形邊框包括到的美女上，最后將圓形填充，視覺焦點就轉(zhuǎn)移到填充色的圓形的美女上。

點對比圖片 圖1 整體畫面平平，人物排列沒有層次，視覺上給人感覺很散。

圖2通過添加圓形背景框，會讓你想表達的圖形首先進入用戶眼球。

圖3不僅添加圓形背景框，再區(qū)分人物大小，主次分明，焦點突出，畫面活躍立體。

幾何的對比

上圖中我們可以看到，方形過度到圓形的變化，圓形是由極其細小的邊角組成，在變化當中圖形變得越來越有樂趣，比較下來圓形在幾何圖形中具有平滑流暢的邊緣，圓形更讓人感覺輕松，愉悅。設計需要增加樂趣的時候，我們可以多運用流暢線條的圖形來讓頁面活躍起來。

實例效果進行比較(圓型設計)在這個頁面上圓形挑起了大梁，支撐整個頁面，人物笑臉圖片組合的圓形包圍著瓶子，映射了這個飲料帶給我們的快樂。圓形不僅加強了焦點，更加強了頁面的層次感，讓頁面不會單薄、無力度。

實例效果進行比較(方型設計)

雖然同樣用加框的形式來集中物體焦點，同圓形邊框相比整體畫面呆板，僵硬，缺失了活躍的感覺。

圓形在廣告位中的設計

圓形對價格的標注，讓用戶對這誘惑的價格更加的感興趣，很好的營造了商品的氣氛。

圓形元素和其它幾何圖形比較

圓形具有圓滑的特點，讓人感覺輕松，愉悅，合理的運用會提高頁面的層次，讓焦點更加突出，增強視覺感的同時也能夠營造活躍的氛圍。我們都在不斷嘗試 如何讓頁面變的美觀而生動，創(chuàng)造富有活力的頁面，讓網(wǎng)站給人的視覺感受富有好感，把握好設計中的焦點，使頁面信息有效傳達的前提下，運用有趣的圓形來設計 頁面是設計中很有效的方法。

產(chǎn)品經(jīng)理和交互設計師在頁面設計中的應用 羅里羅嗦談了這么多，那么我們產(chǎn)品經(jīng)理及交互設計師在原型圖中如何來設計更好滿足用戶體驗呢？

在做新產(chǎn)品原型時，需要考慮設計風格問題：符合目標客戶的審美習慣，并具有一定的引導性。

網(wǎng)站在設計之前，必須明確目標客戶群體，并針對目標客戶的審美喜好，進行分析，從而確定網(wǎng)站的總體設計風格。

在頁面布局方面要重點突出，主次分明，圖文并茂。與你負責產(chǎn)品線目標相結(jié)合，將目標客戶最感興趣的，最重要的信息放置在焦點位置。你在和你的下一工 序(有的公司是美工、有的公司是用戶體驗師、有的是交互設計師)時，需要將你的執(zhí)導思想告訴給他們，不然他們不了解的話，會讓你的產(chǎn)品偏差非常大，以至在 產(chǎn)品開發(fā)之處你對產(chǎn)品的把握就已經(jīng)失去了方向。1.對比圖像，文字更具吸引力

在瀏覽一個網(wǎng)站的時候，能夠直接吸引用戶目光的并不是圖像。調(diào)查發(fā)現(xiàn)：大多數(shù)通過偶然點擊進入網(wǎng)站的用戶，他們是來尋覓的是信息而不是圖像。因此，保證網(wǎng)站設計凸現(xiàn)出最重要的信息板塊，這才是設計的首要原則。

2.根據(jù)視覺鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力

大多數(shù)情況下，簡潔更具力量。多欄內(nèi)容容易被用戶忽視，我們需要消除這些干擾，在砍掉板塊影響不大的情況下，盡量去掉這些冗余信息。例如資訊搜索列表頁。3.簡短的段落相對于長段落來說有更好的表現(xiàn)力

網(wǎng)頁信息是為大多數(shù)強調(diào)快速瀏覽的互聯(lián)網(wǎng)用戶提供的。除非上下文的銜接要求，保持信息由簡短的段落和句式組成。例如網(wǎng)站的產(chǎn)品介紹。4.人們大都只瀏覽網(wǎng)頁的小部分內(nèi)容

如果在用戶瀏覽的時候提供信息使他們盡快鎖定目標，就可以把這一點發(fā)展成為你的優(yōu)勢。突出某些部分使網(wǎng)頁信息容易找到和閱讀。

5.用戶瀏覽網(wǎng)頁時，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊。

以前研究表明：讀者常忽視大部分的橫幅廣告，視線往往只停留幾分之一秒。因此需創(chuàng)新廣告位，合理配置網(wǎng)站廣告形式。

讀者在閱讀文章的時候并不是逐字逐句，而會習慣跳躍掃視，因此，關(guān)鍵信息高亮顯示出來更易于讀者把握重要信息。

標題的設置要精煉，且要傳達足夠的信息量。這是讀者決定是否閱讀這篇文章的關(guān)鍵。另還可增加副標題作為補充，如果副標題仍不夠吸引，基本上他們就不會感興趣去點擊了，也就會出現(xiàn)了產(chǎn)品經(jīng)理最不希望看到的信息——跳出率(Bounce Rate)。5.網(wǎng)站結(jié)構(gòu)及頁面設計微應用

(1)頁面導航方面：導航條清晰明了、突出，層級分明。

(2)圖片展示方面：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過于密集，也不會過于疏遠。(3)圖標使用方面：簡潔、明了、易懂、準確，與頁面整體風格統(tǒng)一。(4)廣告位設計方面：避免干擾視線，廣告圖片符合整體風格，避免喧賓奪主。(5)按鈕設置方面：對于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點擊。

(6)站內(nèi)搜索方面：搜索提交后，顯示清晰列表，并對該搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。(7)欄目命名方面：與欄目內(nèi)容準確相關(guān)，簡潔清晰，不宜過于深奧。

其實對一個網(wǎng)站做一次用戶體驗分析是很細很累的活，但是意義卻很大，尤其對年銷售額上千萬級的電子商務網(wǎng)站而言，用戶體驗做好了，轉(zhuǎn)化率能增加千分之一那就能促進數(shù)百上千萬的銷售額，必須引起足夠重視。

寫在結(jié)尾

事實上，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的習慣和顧客瀏覽商店中物品的習慣沒有多大差別。用戶打開一個新的頁面，掃視一些文字，并點擊第一個引起他興趣的鏈接。在這過程中，頁面上有大量的區(qū)域用戶甚至完全沒有看過。大部分用戶在頁面上尋找他感興趣且可點擊的內(nèi)容，一旦發(fā)現(xiàn)目標，點擊行為就會發(fā)生，但如果頁面不符 合期望，后退或關(guān)閉按鈕也將馬上被點擊。1.大部分時候用戶并非在閱讀屏幕上的內(nèi)容，而是在掃視。

用戶習慣掃視和快速尋找頁面上一些能夠引導他理解內(nèi)容的關(guān)鍵點。2.不要考驗用戶的耐心

當一個頁面不能滿足用戶的期望時，離開就在所難免。希望通過添加相關(guān)內(nèi)容來豐富頁面和留住用戶往往效果不佳甚至適得其反。一屏頁面上承載的信息越 多，認知的負擔就會越重，就需要花費更多的時間去處理信息，如果這些信息中還有些不是用戶期望的，那就還要花額外的精力將這些多于信息從注意力中剝離。Jakbo Nielsen的研究結(jié)論也表明：一個頁面上的認識負擔越重，導航和瀏覽就會越困難，用戶離開并尋找其他替代品的可能性就越大。3.用戶并不做最佳選擇

用戶并不是在搜尋找到最佳選項的最快途徑，他們也并非用線性的方式來閱讀屏幕上的內(nèi)容（有順序地從一個模塊到另一個模塊）。當用戶找到第一個合理的 選項，或者一旦找到了可能的目標內(nèi)容，“立即點擊”或“開始閱讀”的可能性會非常大。其實，用戶是在尋找能讓他們覺得有用或者合適的內(nèi)容，而非尋找最佳的 選擇，理由也很直觀：我們不是用戶的孩子，他不會關(guān)心我們的一切，他只是希望獲取他想要的信息，然后走人。

如何運用F形閱讀行為進行設計：

1.用戶并不會瀏覽頁面上的所有內(nèi)容（F形之外的大片空白區(qū)）2.將最重要的信息放在頭兩段（F熱區(qū)中的兩個橫向熱區(qū)）

3.在后續(xù)的內(nèi)容中，將關(guān)鍵詞和信息放在段首，使用戶在左側(cè)縱向瀏覽時能更容易關(guān)注到。

總結(jié)和啟示

1.用戶習慣掃視，而不是閱讀

2.用戶并不會關(guān)注到頁面上的所有內(nèi)容

3.不要考驗用戶的耐心，不要增加用戶的認知負擔 4.用戶并不做最佳選擇

5.用戶在屏幕上的瀏覽熱區(qū)整體上符合“F形”

6.針對F形瀏覽行為，將最重要的信息放在上部，將相關(guān)的關(guān)鍵內(nèi)容和信息放在內(nèi)容區(qū)左側(cè)