網站優化的藝術與科學之工具和基礎知識


  最近在閱讀一本網站優化的書,名叫《深入理解網站優化:提升網站轉化率的藝術與科學》,本書是對網站優化的4個學科(Web分析、網站易用性、在線營銷和網站測試)的最佳實踐。網站優化是一門新穎的藝術,結合前面這四門學科完成對網站的測試和分析,更好地吸引和轉化訪問者。

  實施本書中的最佳實踐和測試思路,就能以多種方式改進網站:吸引訪問者,使他們經常回到網站中,改進轉化率和成功的其他度量因素,最終改進在線業務的財務收入。

一、工具

1)Web分析工具

  1、免費和便宜的分析工具:Google AnalyticsKISSmetricsClicky

  2、企業級Web分析工具:Adobe AnalyticsCoreMetricsWebTrends

2)轉化目標

  轉化目標是一種度量網站目標的方法,度量的指標是為了這些目標而轉化的訪問者數量。常用的網站類型的轉化目標如下所列。

網站類型 轉化目標 在工具中建立的目標
電子商務 產品訂單 訂單完成頁面
客戶挖掘 生成線索 表單完成/感謝頁面
社區 會員注冊 新會員確認頁面

  如果你的網站類型沒有基於頁面的具體轉化目標(例如媒體網站),也可以選擇幾種其它的目標度量方式,例如網站停留時間或每次訪問的頁面數。

  而上述這些工具的缺點之一是很難跟蹤不是基於頁面的復雜轉化目標,例如按鈕點擊數或與動態和頁面元素的交互。

3)流量分組

  根據不同訪問者群體的關鍵特性,理解網站流量模式和轉化率往往非常重要。這在很大程度上依賴訪問者質量和類型(例如意圖或人口統計學特征),以及他們的來源地。

  為了監控和優化這些重要的訪問者群體以及他們對轉化率的影響,需要在分析工具中建立訪問者的不同分組。下表列出了關鍵訪問者流量分組。

訪問者流量分組 定義
重復訪問者 多次訪問網站的訪問者
忠誠訪問者 每月至少訪問網站3次的訪問者
注冊訪問者 曾在網站上注冊的訪問者
Google搜索訪問者 通過Google自然搜索訪問網站的訪問者

  下表列出了應該設置、監控和定位的更高級流量分組(同樣取決於網站類型)以及設置它們的目的。

訪問者流量分組 描述和目的
目標轉換訪問者 根據訪問者是否按照你的目標轉化,他們的行為有很大的不同。這個分組使你能跟着這些類型的訪問者,對於理解他們注冊的原因和定位他們很重要
工作/非工作時間訪問者 網站可能在每天的不同時間吸引不同類型的訪問者。這個流量分組使你能能夠根據訪問網站的典型時間定位訪問者
按照地理位置分類的訪問者 網站可能吸引來自不同國家或地區的訪問者。這個流量分組使你能夠根據訪問者來源地區定位訪問者,從而改進參與度和轉化率

4)當前流量

  檢查最基本的成功指標,也就是網站的當前流量水平。登陸到Web分析工具,運行簡單的報告找出如下高級流量指標:

  1、頁面訪問量:最近6個月的平均值。

  2、月度獨立訪問者:最近6個月的平均值。

  理想情況下,在接下來的6個月中應該設定一個目標,將流量增加20%。

5)轉化率

  為了計算網站的總體轉化率,使用如下公式在Web分析工具中求出相關指標:

  網站總體轉化率 = (網站轉化數量 / 網站訪問者數量) * 100    

  舉個例子,單獨的網站轉換可能以訂單或生成廣告線索的形式出現。如果你的網站有多種轉化目標,那應該吧這些價值相加,例如產生的廣告線索加上產生的注冊數量。

6)重復訪問率

  檢查網站上的重復訪問率的最佳途徑是收集New VS Returning Report(新訪問者和回頭客比較報告)。如果分析工具沒有這個內置報告,那么需要手動計算:

  網站重復訪問率 = (網站重復訪問者的數量 / 同時期內網站所有訪問者的數量) * 100

  重復訪問率的主要目標是提高5%~10%。

7)成功指標

  成功指標是定義和確定你運行的測試是否成功的主要方式。客戶挖掘網站的重點在於挖掘線索,例如銷售線索注冊網站,下表列出了可能的成功指標。

成功指標 定義 重要性
注冊表單完成率 訪問注冊表單頁面並完成表單的訪問者數量 主要
網站總線索轉化率 線索總數 / 網站訪問者總數 * 100 主要
更多信息請求率 訪問者請求更多信息的平均數 / 網站訪問者總數 * 100 主要
每日平均線索數量 網站每天產生的平均線索數量 次要
產生線索前的平均訪問數量 訪問者注冊線索生成表單之前訪問的次數 次要

  博客網站通常依賴於廣告收入,常常沒有任何主要成功衡量指標,但它們有很大次要成功指標,將這些組合起來可確定網站總體上是否成功。

成功指標 定義 重要性
每次訪問的頁面數量 每次訪問時訪問者查看頁面的平均數 次要
平均花費時間 訪問者在你的網站上花費的平均時間 次要
新聞郵件或RSS源注冊率 新聞郵件或RSS注冊數 / 網站訪問者總數 * 100 次要
每頁平均廣告收入 每個頁面產生的平均廣告收入 次要
每個訪問者平均廣告收入 每個訪問者產生的平均廣告收入 次要
每篇文章平均評論數 網站上每篇文章、每張圖片或每段視頻的平均評論數 次要
轉發給朋友和社交工具平均使用數 轉發給朋友和Facebook及Twitter等社交工具的平均使用數 次要

  還有幾種適用於所有網站的成功衡量指標:

  1、主頁跳出率(Bounce Rate),訪問者從外部來源(例如電子郵件)達到主頁,然后立刻離開,而不查看其他頁面的百分比,公式為:

    單一頁面訪問次數 / 進入次數 * 100

  2、任務完成率

  3、主要入口頁面退出率(Exit Rate),訪問者從任何來源進入后離開的比例,不管來源是網站的另一頁面還是搜索引擎之類的外部來源,公式為:

    退出次數 / 訪問次數 * 100

  4、重復訪問率

  5、訪問者和轉化的生命周期價值

  理想情況下,成功指標至少要提高10%~20%。

8)網站測試工具

  如果沒有測試工具,會遇到許多技術難題,並且很難在測試結果上進行分析,難以發現統計學上的優勝者。

  1、免費的基本測試工具:Google Website Optimizer

  2、中級測試工具:OptimizelyVisual Website OptimizerUnbounce

  3、企業測試工具:Adobe AnalyticsAutonomy OptimostSiteSpectMonetate

  獲得的測試預算越多,可以使用的測試工具就越好。為了向高層申請預算,需要制作一個簡短的演示文稿。在文稿中強調測試工具在第一年中的預期投資回報率、潛在的高轉化率以及對高管來說最重要的——與轉化率提升相關的收入增長。即使最基本的2%提升,通常也會給收入帶來很大的增長。

  演示文稿還應該強調網站上可能進行的測試頁面,特別是與關鍵轉化流程相關的頁面,如購物車或注冊頁面。包括頁面問題的屏幕截圖和顯示頁面高跳出率的報告也有幫助。

9)測試工具的術語

  1、A/B測試是最簡單的網站測試類型,通常也最容易設置。

  優點:對於測試專業知識較少的人,或者只需要一次測試頁面上的一個元素,以比較兩個不同頁面變量的性能時很理想。

  缺點:如果測試一個包含不同元素(例如不同的標題、圖片和行動號召)的全新頁面,將其與當前版本比較,就無法確定新頁面的哪些元素對轉化的影響最大。這是因為這種測試只能測量整個頁面的性能,而不是頁面某個部分。

  下圖是兩個不同風格的頁面在A/B測試中進行比較,它們的模塊布局、橫幅和圖片都不同。

  2、多變量測試(MultiVariate Test,MVT)設計用於以更快的速度和更好的易用性同時測試多個頁面元素。為了幫助你更快地測試多變量測試中元素的數百種不同組合,大部分測試工具使用田口統計方法(也叫因子測試)來提出代表性的測試內容組合樣本,而不是測試所有組合。

  優點:非常適用於在一個頁面或一系列頁面上同時測試許多元素。另一個主要優點是能夠確定哪些元素對提升轉化有最大的貢獻,從而幫助你了解未來需要測試的頁面元素。

  缺點:因為需要許多不同的測試組合,所以多變量測試通常基於測試版本組合(稱為配方——recipe)的采樣(部分因子),這可能導致你遺漏某些最佳的元素組合。

  下圖展示了在多變量測試中同時測試的兩個頁面元素組合,每個模塊用不同的字母標注,測試可以找出表現最佳的元素組合。

  3、在網站上測試的所有內容都需要有一個目前在網站上顯示的對應版本。例如假設測試網站上的注冊按鈕,目前在網站上的版本是控制版本,將要進行測試的新版本是挑戰者版本

  4、好的測試元素命名約定應該是“PageName_ElementName”,在同時測試多個網站的時候應該是“SiteName_PageName_ElementName”。

  5、每個配方(recipe)或經驗(experience)包含測試的每個元素的不同變種,多變量測試將包含多個配方/經驗(根據正在測試的元素和變種數量)。

10)測試結果報告術語

  1、轉化提升或者觀測到的改進

  轉化提升(conversion lift)這一術語是測試版本(或配方)在對比測試的原始版本基礎上獲得提升的指標。在Google網站優化器中,稱作觀測到的改進(observed improvement)。

  2、置信度

  當每個測試版本(配方)在網站上收集訪問和轉化時,工具就開始確定是否已經收集了足夠的統計顯著性數據;換句話說,了解結果的有效性是否有足夠的置信度(confidence)。理想狀況下,應該選擇具有高置信度(至少為80%)的勝者。

  3、元素貢獻或相關性評級報告

  元素貢獻或者相關性評級報告有助於單獨分解所有的測試元素,從而讓你看到哪個測試元素對轉化率有最大的影響。它還說明了每個元素影響的置信度。這個報告的主要用處是理解多變量測試中哪一個頁面元素是為進一步改進所做的測試(基於迭代的測試)中的最佳候選。

二、基礎知識

1)公司當前的網站優化情況

  為了開始評估當前網站優化工作,首先需要確定公司目前的表現。

問題
1、你的公司每個月是否運行超過一個測試?    
2、你的公司是否使用比Google網站優化器更好的網站測試工具?    
3、你的公司是否有兩名以上的專職測試人員?    
4、是否有一位網站優化執行發起人幫助你獲得預算和關鍵利益相關方的支持?    
5、優先安排一個測試在你的公司是否能在2周內辦結?    
6、你的公司是否能在2周內實施一個測試?    
7、你的公司是否對測試結果做出反應,並進行后續測試(迭代測試)以改進轉化提升?    
8、你的公司是否使用你的Web分析工具了解測試情況?    
9、你的公司是否使用可視化Web分析工具了解訪問者,特別是將其用於測試思路?    
10、你的公司是否使用可用性和反饋工具了解訪問者,特別是將其用於任務完成率分析?    
11、你的公司是否為網站創建關鍵用例?    
12、你的網站是否使用多種社會化證據元素,如評論和推薦?    
13、你的公司是否在測試中定位用戶,改進訪問者的體驗和轉化率?    
14、你的公司是否有至少下6個月的測試計划和策略?    
15、你的公司是否嘗試過關鍵轉化流程(如結賬頁面)的測試?    
16、你的公司是否測試過關鍵入口頁面?    
17、你的公司是否測試過你的行動號召按鈕?    
18、你的公司是否測試過你的標題和其他文本?    
19、你的公司是否測試過你的電子郵件營銷活動?    
20、你的公司是否建立和測試過網站的移動版本?    

  如果你的回答中少於5個“是”,在優化工作中就有很大的改進空間。如果有5~10個“是”,你的優化工作就有一個很好的開始,但你仍然需要學習很多知識。如果有超過15個“是”,你的公司已經處於很好的狀況,可能成為世界級的網站優化機構。

  注意,第17條中的行動號召(CTA)是一種旨在讓讀者或聽眾立即回應的聲明。它通常用於最后或有時貫穿銷售點(如銷售信函),以便讓潛在客戶/客戶知道您所提供的產品或服務時感興趣的下一步該做什么。行動號召最明顯的用途是銷售,例如“立即購買!”。典型的行動呼吁短語如注冊、訂閱、購買、分享、下載、點擊這里等。

2)測試計划

  為每個測試創建一個計划,形式應該是PPT、Word或PDF,並且要確保測試計划包含必不可少的元素、指標和細節。下面是最重要的內容。

  1、測試的前提和內部情況:有助於其他人理解每個測試的理由和邏輯。

  2、測試的網頁位置:列出測試在哪些頁面上運行。

  3、測試受眾:也就是測試流量比例和來源,如果測試不會被所有訪問者所見,那就列出看到測試的訪問者分組。

  4、如何確定測試成功:始終指出用於度量測試成功的衡量指標,並將指標限制在2~3項。

  5、可能的實施難度:使用1~10評分,1表示最容易,10表示最難。

  6、可能的測試正面影響程度:包含每個測試對成功衡量指標的預計影響,使用1~10評分,1表示最少,10表示最多的正面影響。

  7、測試所需的訪問者分組和針對性內容:列出結果中分析的訪問者分組,以及要為其提供不同針對性內容的分組。

  8、測試的頁面元素列表:理想情況下,這應該以屏幕截圖形式出現,加上列出測試元素的注釋。

  9、每個元素的測試變種列表:應該至少包含一個文字描述,理想狀況下應該有可視化的模型。

  10、測試結果:包含測試結束之后填寫的轉化率提升以及關鍵的經驗教訓。

  使用線框工具(例如MockFlow)在測試計划中創建更好的模型,包含測試頁面、元素和變種等,從而更加形象的傳達測試思路。

3)測試策略

  根據網站、訪問者類型和價值主張,在某些情況下其中一些策略要好於其他策略。下面列出常用的測試策略。

  1、首先尋找更重大的頁面更改(創新測試)。測試計划的一個好的初始方法是運行有影響力的轉化頁面及其全新設計和風格的變種之間的A/B測試。

  2、使用多變量測試找到頁面元素對轉化的影響(轉化影響MVT)。建立頁面元素的一個MVT,為每個元素創建一個替代版本,可以是變種,也可以關閉該元素。

  3、測試頁面上關鍵元素的移動,檢查轉化影響因素(實業測試)。頁面上可能有些元素表現不佳,唯一的原因是它們的位置並非最佳。

  4、關閉頁面元素,檢查轉化影響(包含/排除測試)。在有許多元素的頁面上特別有效,例如首頁或分類頁面。

  5、分組(segmenting)和定位(targeting)測試,最大限度地獲得成功和轉化提升。這能讓網站更動態,滿足不同類型訪問者的需求,而不是用一個版本應付所有人。

  6、使用競爭性情報提出測試思路。分析競爭對手的網站,找出好的測試思路。

  7、根據測試結果進行迭代。測試應該盡可能始終基於經驗教訓或測試與原始測試相關的附加元素。例如先測試了解更多按鈕的文案,再測試其顏色。

  如果無法找到測試方向,那么可以嘗試訪問者的視角去了解當前頁面可能存在的問題或創建頁面的一個徹底不同的版本進行對比測試。

4)定位和個性化

  使用能夠以更能滿足需求的相關內容定位不同訪問者分組的工具,從而獲得更高的參與度和轉化率。

  1、為新訪問者顯示特別的內容,以增進參與和轉化。在首次訪問者到達網站時識別他們,並且向他們顯示有助於更好地說明網站價值主張的針對性內容是非常重要的。

  2、用最常訪問的內容或者產品定位重復訪問者。展示他們喜歡的內容,更好地吸引他們的這一過程稱作內容親和力定位(Content Affinity Targeting)。

  3、創建已購買訪問者分組,向他們展示推薦和優惠券。展示針對性的內容能夠鼓勵他們再次購買。

  4、地區性的訪問者分組和定位。例如可以向首頁的訪問者展示最近的本地商店或展示國際相關內容,向來自夏天特別濕熱的地區的訪問者推銷風扇。

  5、根據同輩的行為個性化網站提供的內容。使用社交證據理論,該理論推測人們的行為受到同輩的影響,利用它可以根據類似特性的人購買或者關注的商品,向訪問者提供針對性的內容。亞馬遜多年來一直這么做,已經將其完善為一門精確的科學,並取得了令人震驚的成果。

  6、分組和定位移動訪問者。移動訪問者的需求往往因為較小的屏幕尺寸和較慢的連接速度而有很大的不同,他們通常更想看到易用的不同網站版本。

5)測試優勝者

  解讀測試結果和確定測試優化者的幾個最佳實踐。

  1、在宣布優勝者之前收集大量的轉化。經驗法則是,只需要在測試的每個元素或組合上有至少100個轉化。得到的結果越多越好,因為這能夠提高找到有效優勝版本的概率。

  2、在宣布優勝者之前總是檢查置信度水平。理想的情況下,置信度水平的目標應該是至少90%。然而,有時候達到這個水平需要花很長的時間,所以也許應該考慮較低的置信度,例如80%。

  3、學習如何解讀轉化率提升。顯示1%或2%轉化提升的測試挑戰者結果盡管是正面的,但是實際上不被看作是很好的版本;10%~20%的轉化率提升被認為是相當不錯的結果,可能值得投放到網站上使用,但最好的轉化率提升通常應該超過25%;能夠得到50%以上的提升,這就是非常好的情況;低於0的轉化率提升明顯是負面的,應該從沒有優勝版本的測試中吸取教訓,以它們為基礎進一步進行迭代測試。

  4、總是對測試結果進行分組,找到轉化率更高的版本。

  5、不要急於從初期測試結果中做出決策。急於做出決策可能導致在無意之中得到並非最優的轉化率改進,甚至得到負面的結果。必須獲得至少7天的波動數據,才能做出有關優勝者版本的決定。根據受測試頁面的流量水平,通常需要等待兩周收集足夠數量的數據。如果頁面流量特別低,可能需要等待一個月才能獲得結果;如果等待更長的時間,就應該質疑該頁面優化的價值。

  6、了解何時結束無法戰勝原始版本的測試。測試通常需要至少幾周才能提供大量數據,特別是多變量測試和每天流量較低的頁面上的A/B測試。如果結果仍然有很大的波動,等待的時間可以略微超過2周;但是如果結果曲線平滑,而且再過一周仍然無法找出優勝的版本,就應該考慮結束測試。

  7、對於MVT測試,進行后續測試增加找到最佳版本的可能性。考慮到田口多變量測試確定采樣集方法的特性,多變量測試並不總是能夠完全預測出測試優勝版本。確保測試結果有效性以及投產最佳優勝版本的最佳手段是進行后續測試:

    a)對優勝版本進行和控制版本對比的A/B測試。

    b)使用元素貢獻報告創建后續的A/B測試。

三、訪問者

  記住,網站訪問者(而不是網站本身)為在線業務帶來收入,若不能取悅他們,生意就不會長久。

1)價值主張

  要確保訪問者理解使用網站的好處,最好的手段之一是擁有一個獨特的價值主張並明確地加以推廣。

  創建好的價值主張的第一步是從訪問者的角度理解它。假裝自己是首次訪問的用戶,並回答下面3個問題。

  1、我在哪個網站上?在網站的哪個部分?

  2、我在這個網站上能做什么?

  3、為什么要在這個網站上做這件事情?

  獲得創建和改進獨特價值主張進一步思路的一種好辦法是調查訪問者,得到他們目前想法的反饋。可以簡單地使用免費的調查工具如Survey Monkey完成,詢問訪問者有關他們最喜歡的在線業務和網站的哪些方面等簡單問題。

  在某個領域的網站中居於統治地位的公司往往不是最先啟動網站的公司,而是向其他公司學習相關經驗的公司,看看Google的例子就能明白。首先,必須提出主要在線競爭對手的列表,並尋找相關內容,包括新工具、市場宣傳、原創內容、新產品和個性化頁面元素;其次,不要只關注直接競爭對手的網站,還應該拓展思路,例如如果網站是用於客戶挖掘的,那么可以尋找其他以客戶挖掘為中心的網站,不管他們挖掘的什么樣的客戶。

  為了得到有效的獨特價值主張,它必須符合如下三個條件:

  1、吸引力:獨特價值主張是否有吸引力,是否足夠迷人?

  2、可信度:獨特價值主張的可信度如何?

  3、獨特性:價值主張是否獨特,能找到其他網站也提供相同的服務或價值嗎?

2)理解訪問者的意圖

  Web分析工具沒有告訴你訪問者為什么這么做,你扔在猜測這些行為的原因。

  彌補這種分析缺陷的重要手段之一是為網站增加傳統的跟蹤工具,直觀地記錄訪問者所做的事情。例如可以使用這些工具確定哪些鏈接經常被點擊,哪些頁面元素受到的關注最少。直觀分析工具有許多形式,如下所列。

  1、點擊熱圖是最簡單的類型,如下圖所示,它顯示訪問者在網站所有頁面上點擊的區域。

  它有幾個好處,首先能告訴你訪問者是否點擊你希望他們點擊的區域,例如重要的行動號召;另一個好處是分析訪問者如何使用主要的導航鏈接,例如標題和左側導航菜單或相關的鏈接區域;最終能幫助理解頁面上需要測試和改進的地方,例如訪問者似乎不點擊你的重要鏈接,可以將它們放到更容易看到的位置進行測試,並且測試鏈接的用詞,以免訪問者不能理解它們的概念或含義。

  注意,Google Analytics移除了點擊熱圖的功能,國內的百度統計也有該功能。

  2、使用視線跟蹤工具理解訪問者的視線流,如下圖所示。

  這往往不同於它們點擊的內容,知道他們首先關注的內容,可能對你吸引和轉化他們的能力有很大的影響。理想的情況下,應該設計訪問者首先看到最重要內容的頁面。遺憾的是,網站上太多的內容干擾了訪問者的視線,使他們離開更重要的元素(營銷標語和廣告是罪魁禍首)。

  用於理解訪問者視線流的第一個工具來自Gazehawk,另一個較為簡單的視線流工具來自Attention Wizard(上面的示例圖就取自該工具)。

  有幾個網站工具可以記錄訪問者的鼠標獲得和點擊,你既不需要在現場,也不需要昂貴的網絡攝像頭。提供這張訪問者記錄能力的開創性工具是ClickTale,另一個更便宜、更簡單的工具是Userfly,此外TeaLeaf還提供了一個更昂貴、更健全的軟件。

  通過這些工具可以得到Web分析工具或點擊熱圖無法得到的深刻見解,例如:

  1、知道訪問者的鼠標最常懸停卻沒有點擊的元素。

  2、了解訪問者在頁面上平均向下滾動多遠。

  3、幫助你理解訪問者的交互方式以及網頁表單的完成方式。

3)反饋

  不要臆測自己知道訪問者喜歡什么,或者總是聽從HiPPO(Highest Paid Person's Opinion,高管意見)的要求,重要的是聽取訪問者的意見和反饋,聽聽他們說什么,然后測試和優化與反饋相關的頁面。

  建立這種簡單調查時,重要的是始終包含3個特殊的問題:

  1、你今天訪問這個網站的主要原因是什么?

  2、進入這個網站能完成你想要做的事情嗎?如果不能,為什么?

  3、你會將這個網站推薦給朋友嗎?請提供理由。

  為了得到足夠的樣本,應該至少得到1萬個反饋結果才能開始分析數據。然后將調查回復導出到一個文本文件,並將它們導入Wordle之類的文字雲工具以供分析。

  當開展深入調查時,可能會相當冗長,但為了確保獲得合理的完成率(大約20%),應該努力使問題少於20個。

  訪問者調查工具包含免費的4Q,低預算調查工具Survey Monkey,高級的Opinion LabForesee Results,深入調查的工具有Qualaroo

  為了獲得更多的調查回復,從他們那里了解更多情況,應該嘗試激勵訪問者完成調查,例如完成調查就提供優惠券或特殊的促銷。

4)可用性工具

  由於最近對增強網站可用性的轉移和關注,現在可以使用多種可用性反饋工具,從更大和更有代表性的網站訪問者群體中獲得反饋,而不需要運營昂貴的焦點組或實驗室。

  1、第一個可用性工具是UserTesting,只需選擇審核網站所需的測試者數量以及人口統計特征(例如年齡、性別、收入和Web專業能力)就可以了,並提交希望測試者嘗試並完成的反饋任務列表。

  測試者研究你的網站並回答你提出的問題之后,可以得到他們與網站交互的可視化記錄和問題的答案,加上他們在網站上交談的錄音。為了最大限度的利用該工具,至少找到20位測試者。

  2、Loop11可以比UserTesting便宜得多價格獲得許多任務完成反饋。訪問者也沒有必要安裝任何程序,就可以回答你的任務完成問題;他們只是看到一個彈出窗口詢問他們是否願意參與網站頂部的一個橫欄顯示需要他們回復的任務。

  3、VWO是一種工具可以從專家而非網站訪問者那里得到可用性反饋,能夠來自專家的意見和反饋平衡訪問者的某些反饋(訪問者的反饋不一定能夠對修復或改進的最佳方式提出建議)。

四、Web設計和易用性基礎知識

1)折頁之上

  折頁之上區域是訪問者的瀏覽器不需要垂直滾動就能看到的區域。訪問者在折頁之上區域看到的內容對轉化率有重大的影響,因為訪問者可能沒有看到在此區域之下的最重要轉化相關內容和行動號召。Jakob Nielsen在一項研究中發現,Web用戶80%的時間花在查看折頁之上的內容。可見的折頁區域的安全高度為500px。

  確保訪問者在折頁之上顯示最重要的內容。第一次訪問網站的用戶通常在3秒之內就會對網站做出評判,如果找不到所需要的內容就會離開,這是很糟糕的事情。檢查關鍵頁是否遵循這一最佳實踐的快速手段是使用Google的Browser Size免費工具。

2)對視線流的影響

  如果你不理解訪問者通常如何閱讀和瀏覽網站,以及影響其視線流的因素,你可能就會不恰當地與其視線流發生沖突,或者分散他們對行動號召等關鍵內容的注意力。接下來會分析影響和干擾視線流的因素。

  1、理解網站的F形閱讀模式

  研究顯示,他們通常先查看頁面的左上角,然后以水平方向瀏覽,接着向下看,再次向右水平瀏覽。之后,他們一般向下瀏覽頁面的其余部分,主要關注頁面的左側,這被稱為F形閱讀模式

  這種閱讀和瀏覽模式最終意味着,需要在網站的左上角傳達最重要的措辭和形象。

  2、理解使用圖片、視頻和其他圖形內容對視線流的影響。

  謹慎而有規划地布置圖片和圖形內容能夠真正地幫助你將訪問者的視線流導向頁面的最重要部分,最終增加他們點擊主要行動號召的機會。

  3、在頁面中有效地使用空白。

  因為有效利用空白能夠幫助你將訪問者的視線吸引到最重要的頁面元素,如行動號召。

3)瀏覽器和分辨率

  瀏覽器和分辨率的微小變化可能對網站外觀和功能起到顯著的作用,可能潛在地減少你的轉化率。

  有幾個出色的工具能夠自動化測試不同的瀏覽器和分辨率,例如CrossBrowserTestingBrowserShots

  至少,應該檢查關鍵頁面在最常見的瀏覽器和屏幕分辨率中的外觀,特別是首頁、結賬、注冊、產品或服務頁面。

4)頁面加載速度

  在Forrester Research的一項研究中發現40%的客戶在頁面加載時間超過3秒時就會放棄。訪問者通常很快地對這種令人煩惱的慢速加載網站做出評判,在未來不會給這樣的網站第二次機會。

  今天你將用更常見的互聯網連接速度檢查網頁加載速度,然后使用工具診斷任何問題。可以使用WebPageTest工具的高級設置檢查不同連接速度的頁面加載時間。有幾種免費的工具能夠幫助診斷網站上常見的頁面加載問題,例如Google Analytics Site Speed ReportGoogle Page SpeedOctaGate SiteTimerYslow

  為了減小因為慢速加載元素而令訪問者離開網站的風險,應該考慮重新構造慢速加載的元素,例如使用不同的技術活更高效的代碼。另一個常見的解決方案是提供兩個版本:高帶寬和低帶寬。

  慢速加載頁面的其他重要根源是包含不必要的大型圖片和視頻,或者用臃腫、超長的代碼構建頁面以及低效地調用其他網站服務的頁面。使用Web設計工具可以輕松的將文件尺寸壓縮50%,另一種減小尺寸的方法是裁剪原圖。

5)導航菜單

  訪問者瀏覽網站的關鍵手段之一是使用網站所有頁面上都有的導航菜單。接下來將學習一些改進導航菜單的最佳實踐和測試思路。

  1、將主導航菜單放在網站頂部。

  2、為層次更多的網站使用附加的左側導航。

  3、確保導航內容容易閱讀和理解。

  提供包含所有子類別和其他重要鏈接的高級下拉式或飛出式菜單對訪問者來說是更好的體驗。為了讓這些菜單更易訪問者使用,有必要做些優化。

  1、檢查導航菜單是否容易交互、是否有任何潛在問題。有時候這些菜單很難交互、難以上下滾動甚至在某些瀏覽器中完全被破壞。

  2、測試高級導航菜單功能。在這些高級菜單中,應該測試顯示與當前顯示的導航選項卡相關的搜索框、個性內容、宣傳項目或模塊以及相關的圖片或圖標。

  3、測試長下拉菜單鏈接的順序。將最重要的首先顯示,特別是,將與轉化目標更為相關的頁面鏈接移到更高的位置。

  接下來,需要優化訪問者瀏覽網站以及導航菜單的其他重要方式,從基本的鏈接到相關鏈接。

  1、關鍵的一條原則是絕不要讓訪問者進入死胡同,而沒有提供下一步去哪里的建議。例如博客網站,在文章的底部可以顯示相關內容的鏈接,進一步吸引他們。

  2、不要讓訪問者猜測哪些鏈接可以點擊。例如為文本鏈接加下划線或與常規文本不同的顏色。

  除了導航的最佳實踐之外,還可以測試幾種其他次要的最佳實踐。

  1、始終在網站右上角放置一個小導航鏈接區域,包含實用的鏈接。

  2、創建可點擊的網站標志,將訪問者帶到首頁。

  3、放置一組面包屑跟蹤鏈接,顯示訪問者與網站其他部分的相對位置。

  4、優化頁腳導航鏈接,可包含網站的重要區域以及主要行動號召(如注冊、登陸等),提供更多的導航輔助。

  5、為不同類型的網站訪問者提供不同的導航鏈接,而不是千篇一律的導航菜單。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM