1. 程式人生 > >網站優化的藝術與科學之工具和基礎知識

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

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

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

一、工具

1)Web分析工具

  1、免費和便宜的分析工具:Google Analytics,KISSmetrics,Clicky。

  2、企業級Web分析工具:Adobe Analytics,CoreMetrics,WebTrends。

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、中級測試工具:Optimizely,Visual Website Optimizer,Unbounce。

  3、企業測試工具:Adobe Analytics,Autonomy Optimost,SiteSpect,Monetate。

  獲得的測試預算越多,可以使用的測試工具就越好。為了向高層申請預算,需要製作一個簡短的簡報。在文稿中強調測試工具在第一年中的預期投資回報率、潛在的高轉化率以及對高管來說最重要的——與轉化率提升相關的收入增長。即使最基本的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 Lab,Foresee 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)瀏覽器和解析度

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

  有幾個出色的工具能夠自動化測試不同的瀏覽器和解析度,例如CrossBrowserTesting,BrowserShots。

  至少,應該檢查關鍵頁面在最常見的瀏覽器和螢幕解析度中的外觀,特別是首頁、結賬、註冊、產品或服務頁面。

4)頁面載入速度

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

  今天你將用更常見的網際網路連線速度檢查網頁載入速度,然後使用工具診斷任何問題。可以使用WebPageTest工具的高階設定檢查不同連線速度的頁面載入時間。有幾種免費的工具能夠幫助診斷網站上常見的頁面載入問題,例如Google Analytics Site Speed Report,Google Page Speed,OctaGate SiteTimer,Yslow。

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

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

5)導航選單

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

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

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

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

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

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

  2、測試高階導航選單功能。在這些高階選單中,應該測試顯示與當前顯示的導航選項卡相關的搜尋框、個性內容、宣傳專案或模組以及相關的圖片或圖示。

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

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

  1、關鍵的一條原則是絕不要讓訪問者進入死衚衕,而沒有提供下一步去哪裡的建議。例如部落格網站,在文章的底部可以顯示相關內容的連結,進一步吸引他們。

  2、不要讓訪問者猜測哪些連結可以點選。例如為文字連結加下劃線或與常規文字不同的顏色。

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

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

  2、建立可點選的網站標誌,將訪問者帶到首頁。

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

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

  5、為不同型別的網站訪問者提供不同的導航連結,而不是千篇一律的導航選單。

&n