如何解釋數據以改善您的網站設計和性能

有效的設計對於網站的業務目標至關重要。 與有吸引力的人往往會獲得更多關註一樣，精心設計的網站更有機會傳達其信息並將其用戶引向其期望的結果。 在很多情況下，網站所有者會選擇他們認為讓觀眾滿意的東西。 然而，這並不一定意味著觀眾同意。

為了使網頁設計被認為是真正有效的，分析數據必須講述一個支持該主張的故事。 互聯網是可以用硬數字衡量藝術感的稀有空間之一。 可以對設計元素進行測試、量化和改進，以真正捕捉用戶群的集體品味。

如果你想知道為什麼蘋果和谷歌在設計方面處於領先地位，這不僅僅是因為他們可以僱傭最有才華的人。 他們成功的很大一部分是他們在測試他們使用的每個設計變量方面的堅韌不拔。 幸運的是，您不必成為一家大型公司就可以做這兩家標誌性企業所做的事情。 使用簡單的工具、無需預算和一點點努力，您就可以開始改進您網站的外觀，以提高可用性和轉化率。

衡量網頁設計的元素

有效的設計應該遵循使網站變得更好的核心原則。 將站點放在一起時，需要始終考慮四個要素：它們是：

1. 明確的目標

每個站點都需要向用戶發送一個強烈但隱含的信息，說明它想要完成什麼。 無論是推銷、選擇加入、消費內容的邀請，還是參與討論，每個頁面都必須反映對訪問者和網站管理員都有利的動機。

網站設計應該作為網站目標的指導力量——它應該有助於將觀眾沿著轉化漏斗移動得更遠。

要考慮的指標：

以下指標可以幫助您確定您的網站是否表現出明確的目標，或者它是否正在以模糊的動機趕走用戶：

• 跳出率——在傳統營銷中，他們說頭腦混亂的人總是說不。 將其應用於網頁設計和可用性，困惑的訪問者總是會點擊瀏覽器上的“返回”按鈕。 根據分析大師 Avinash Kaushik 的說法，跳出率是所有數字營銷中最性感的指標。 它很簡單，但一眼就能告訴你很多。

當用戶登陸您的一個頁面並返回引薦頁面而不點擊任何內容時，就會發生反彈。 這表明用戶的意圖很可能沒有得到滿足，並且用戶體驗在很大程度上沒有得到滿足。 如果您的網站的跳出率為 60% 或更高，則可能會引起關注。 這表明您的設計、您的消息傳遞或兩者都可能令人困惑。

跳出率是從網站頁面跳出的訪問次數與總訪問次數的百分比。 幾乎每個分析平台都提供整個網站和每頁的跳出率數據。 在 Google Analytics（分析）中，您的跳出率是您在儀表板中首先看到的內容之一。

• 轉化率– 完成網站目標時發生轉化。 這可能是對頁面的訪問、交易、選擇加入郵件列表、電話等。因此，您的轉化率是繼續轉化的訪問與網站訪問總數的百分比.

不明確的目標會使網站的轉化率受到影響。 在您的消息傳遞中清晰並擁有一個限制分心的設計方案可以幫助您保持健康的轉化率。 如果您網站的轉化率低於 2%，您需要檢查您的設計，看看它是否有助於或損害您網站目標的明確性。

2. 引人入勝的內容

內容是網站中每個用戶體驗的核心。 無論是文本、視頻、音頻還是圖像，都必須正確佈局和格式化，以吸引觀眾的最大參與度。 當良好的網站設計得到適當的支持時，內容變得更容易訪問和共享。 相反，糟糕的設計會限制內容影響用戶和擴大網站覆蓋面的能力。

要考慮的指標：

大多數分析平台都會為您提供大量數據，讓您了解內容的執行情況。 如上一節所述，頁面級跳出率對於縮小可能存在設計問題的頁面很有價值。 在嘗試尋找有關設計內容性能的線索時，還有其他指標可供參考：

• 頁面上的平均時間- 用戶停留在頁面上的持續時間表明他們的參與度。 非參與的流量會匆忙離開您的頁面，而糟糕的設計可能會導致他們渴望離開。 如果普通用戶在訪問您的網頁時平均花費不到兩分鐘，您將需要立即調查此事。

谷歌分析和大多數其他平台提供網站/頁面統計數據的平均時間。 事實上，您可以在 GA 的基本儀表板上找到該指標。 對於頁面級平均時間，您可以轉到 GA 的“網站內容”部分並為您的所有頁面生成報告，以查看哪些頁面表現不佳。 從那裡，您可能能夠發現可以幫助您識別設計問題的共性和模式。

• 退出率——您網站中的哪些頁面在不應該成為轉化漏斗的最後一站時，卻將最多的訪問者送走？ 這個指標會讓你知道。 在 Google Analytics 的“網站內容”報告下，您可以根據哪些頁面最常引導用戶離開您的網站，對網站頁面進行排序。 應調查退出率異常高的頁面，以尋找可能阻止訪問者流失的設計改進。

3. 易於導航

易於導航與用戶瀏覽網站以找到他或她想看到的內容的速度有關。 菜單、搜索框和類別的戰略性使用將有助於促進更好的導航體驗。 理想情況下，用戶從主頁轉到滿足其意圖的子頁面的點擊次數不應超過四次。 除此之外的任何事情通常都意味著您的導航設計令人困惑或模棱兩可。

MeasurementU 的 Jeff Sauro 寫了一篇出色的文章，介紹了在嘗試評估導航方案的性能時應該注意什麼。 這些包括：

• 可查找率/完成率
• 尋找時間
• 尋找時間的可變性
• 初始點擊
• 成功之路
• 信心
• 困難：
• 最難找到的物品
• 第一條路徑成功與第二條路徑成功
• 困難的原因

您可以閱讀上面鏈接的帖子中的每個定義以及如何為它們收集數據的提示。

如果您正在尋找更容易獲得但不夠深入的導航分析報告，您需要查看 Google Analytics 的導航摘要。 這個隱藏的寶石可以在行為>網站內容>GA中的所有頁面下找到。 它顯示了訪問者如何從一個頁面流向另一個頁面，因此您可以深入了解哪些頁面正在促進良好的導航，哪些頁面正在充當流量攔截器。

最終目標是確保您的設計促進訪問者移動和發現滿足用戶意圖的頁面。 導航路徑為您的受眾提供的東西越快越容易，您的大轉換數字就越大。

4.視覺吸引力

視覺吸引力是指網站如何從整體上對訪問者產生影響。 大多數人都同意，視覺吸引力是網站佈局、配色方案、紋理、字體和富媒體使用的函數。 這也是構成優質網站的四個原則中最主觀的部分。 這意味著它是應該進行最多測試和分析的區域，以了解哪種方案取悅大多數觀眾。

在大多數情況下，有兩種類型的測試來查看哪些視覺元素最適合網站的整體設計。 這些是：

• A/B 拆分測試——在網頁設計和營銷中，A/B 測試是一項實驗，旨在查看兩種變體中的哪一種能從一小部分受眾中獲得更好的響應。 例如，如果您要在兩種號召性用語按鈕顏色之間進行選擇，您將需要執行這種測試以查看哪一種獲得更多點擊。

這同樣適用於字體等元素。 如果您想知道兩種字體中的哪一種可以促進更好的閱讀，您可以運行拆分測試以查看哪種設置產生更好的參與信號。 頁面上的平均時間和向下滾動率是您要檢查的一些統計數據。

Google 網站優化器是一款出色的 A/B 測試工具。 它是免費使用的，即使對新手網站管理員也相對友好。

• 多變量測試——如果 A/B 測試告訴您單個元素中哪一個效果更好，那麼多變量測試會告訴您哪種元素組合可以促進理想的用戶行為。 該按鈕顏色是否適合您的背景和字體樣式？ 讓用戶行為給你最誠實的答案。

與 A/B 測試一樣，Google 網站優化器是此類測試的絕佳工具。 VWO 和 Optimizely 也是不錯的選擇。

幫助改進網頁設計和性能的工具

計劃和執行對您的網站的修改可能是一項艱鉅的任務，但這並不意味著您必須從頭開始。 下面列出了可以幫助您入門的工具。

目標設定和跟踪：
設定目標是增強網頁設計以及跟踪它們以了解您的表現的一個組成部分。 Google Analytics 提供了一個全面的設置來為您希望應用的更改創建目標。 借助 GA，您可以創建自定義目標、設置值、記錄您的狀態並分享它們。 您還可以使用Goals on Track，這是一個用於目標設定和監控的替代分析平台。

網站和頁面速度：
您將在您的網站和網頁中實施的更改可能會影響加載速度。 您可以使用 Pingdom（一種告訴您網站加載速度的工具）和 PageSpeed（一種 Google 創建的工具，可幫助分析優化的網頁出現的速度）來監督這兩項活動。

熱圖：
您網站上的熱圖可讓您確定訪問者在您的網站上進行的活動，例如點擊和滾動。 它會告訴您他們去哪些地方最多，哪些區域受到的關注最少。 識別您網站的熱圖將提示您了解人們最常使用的網頁設計方面。 Crazy Egg 和 Inspectlet 可以幫助您監控這一點。

編碼備忘單
在實施網頁設計更改時，編碼可能是最繁瑣的任務之一。 幸運的是，jQuery、CSS、HTML5 和 Javascript 等編碼人員可以使用大量指南來幫助他們。

結束語

歸根結底，網頁設計是一個不斷發展的問題。 在初始階段採用藝術和最佳實踐是很好的，但分析和測試必須推動優化過程。 感覺什麼看起來好，什麼好用； 用不會說謊的數字來確定會更好。