網頁設計對於順利航行的客戶旅程的價值

已發表: 2015-12-18

映射客戶旅程是一種對營銷策略至關重要的營銷實踐。 品牌和公司現在正在調整這一點，以便獲得一個整體的活動方法。 為網站創建客戶旅程應該是一個起點，因為這是大多數營銷團隊未能跟進的地方。

客戶路徑將識別客戶訪問網站時的接觸點，通過識別這些接觸點並修復它們，如果有需要解決的問題，改進它們將使您的活動更接近實現目標。

與所有其他營銷工作一樣，創建客戶地圖始於研究。 在創建任何活動時，應將研究放在任務層次結構中的最高優先級。 由於關注的主要是網站的客戶旅程，因此這裡涉及的研究將圍繞目標受眾展開。

客戶角色

創建客戶角色是關於提供網站訪問者的視覺或圖形表示。 您將識別的客戶角色數量將根據您的網站收到的平均流量而有所不同。 然後用營銷研究的基礎知識進​​行細分很重要：人口統計和位置。 為了增強您的客戶角色檔案，您還應該包括您的受眾的心理特徵，並且客戶真正了解您將為您的網站採用的設計的細節細節，以吸引他們。 對數據進行排序可能會讓人不知所措，為了幫助您選擇對站點數據進行排序所需的工具，Peter Wayner 整理了一份工具列表，可以幫助您完成該任務。

識別觀眾的角色檔案是一項艱鉅的任務，幸運的是，邁克爾金寫了一篇關於它的優秀文章。 基本上，它談到了進行營銷細分以代表網站的訪問者，這將有助於改善客戶的旅程。

重要的是要注意，在創建客戶角色時，您還應該知道您的受眾來自哪裡。 了解這一點將使您在訪問您的網站之前更具體地了解訪問者的興趣。 谷歌分析是在這方面使用的明顯工具。 要查看它，請轉到您網站的 Google Analytic 配置文件。 點擊受眾 > 興趣 > 有購買意向的細分市場：

where your audience comes from

然後，這將帶您進入此數據圖表。

where your audience comes from

這些數據代表您的訪問者之前訪問過的網站類別。 由於這是關於創建客戶角色，因此請尋找接收優質流量的類別。 確定質量流量取決於網站的目標。 這意味著，使用符合目標所適用標準的指標或指標組合。 通常這些指標包括跳出率、新訪問和平均網站持續時間。 需要考慮的重要一點是過濾數據。 在創建客戶角色時使用來自推薦流量的未過濾數據會使事情複雜化，因此在這樣做時要小心。 請參閱本文在 Google Analytics 中過濾虛假推薦。

一旦您已經確定了引薦流量的正確來源，那些將大量流量引導到您的網站的人就會運行一些在線可用的流行網站檢查器的 URL。 常用的是 Similarweb 和 Alexa，但也有其他的也做同樣的事情。 他們可以為您提供您想要查看其免費版本的網站的概覽，但要了解更多詳細信息，您可以選擇升級到他們的高級帳戶。

這是 Similarweb 的人口統計概覽。

Demographic overview

亞歷克薩：

Alexa

比較和補充來自這 3 個工具的數據將更具體地估計您的訪問者數據。

目標對齊

一旦確定了客戶角色，下一步就是在旅程的各個階段將它們與網站的目標保持一致。 可以在 Google Analytics 中的行為流中看到站點內旅程的各個階段。 行為 > 行為流程：

Goal alignment

可視化圖表將顯示站點內的訪問者路徑。 從首頁（和其他類別頁面）開始，在完成網站目標之前，流程將有多個接觸點。

*請注意，必須在 Analytics 配置文件中設置網站目標，才能全面了解訪問者轉化路徑。

記下大多數下車發生的頁面。 訪客離開的原因有多種。 一些常見的原因是：

  1. 內容消息
  2. 用戶體驗
  3. 設計
  4. 技術問題

我們現在只關注設計問題，但由於所有這些因素都密切相關，我們將在與設計相關的情況下觸及這些因素。

在一篇 UXMag 文章中，制定了導致網頁設計已死的聲明。 幾乎所有這些觀點都與網頁設計中新技術和創新的出現有關，而這些新技術和創新對於吸引觀眾並不是必需的。 最後，這篇文章並沒有將網頁設計作為一種職業埋葬，而是呼籲網頁設計師適應當前的環境。 雖然所陳述的大部分內容都是正確的，但所提出的論點有一個前提可能是錯誤的，即網頁設計服務的自動化和人工智能。 雖然自動化對於網頁設計師來說是一個受歡迎的喘息機會，但在實現網站目標方面，它在整體情況下並沒有太大幫助。 以實現站點目標為目標的計劃設計概念仍在人類的決定範圍內。

可用性和設計齊頭並進。 雖然兩者都是獨立的學科，但其中一個以無數種方式補充另一個，有時很難將其與另一個區分開來。 為了重申使用設計來最大程度地減少頁面流失和改善客戶旅程的要點，以下是網頁設計中一些常見的可用性錯誤：

  • 內容未能傳達信息：

    內容是網頁設計的一部分。 這通常稱為網絡副本。 圖形和視覺效果會給訪客留下好印象，但他們也喜歡閱讀文字。 當訪問者被頁面的其他元素分心時，就會出現設計錯誤。

    • 有一個注意點，專注於網絡文案
    • 提供簡潔的信息
    • 提供易於理解的信息的簡短段落

    排版也是網頁設計的一個因素。 它並不總是與文本的標題和字體有關。 可用性應該始終優先於美學，使內容易於閱讀。

  • 訪客無法與您聯繫：

    客戶旅程應該是互動的和引人入勝的。 如果您網站的內容吸引了您的讀者，他們會希望與您聯繫。 聯繫表格應該是功能性的。 漂亮的設計也是一種獎勵，但不應優先於可用性。

  • 缺少搜索功能：

    訪問網站的人有一個特定的任務。 大多數時候，他們想獲取信息。 內容繁重的網站需要搜索功能，以便訪問者節省導航時間。 對於電子商務網站，人們希望了解產品的描述。 缺少搜索功能的站點會降低站點的可導航性。

  • 註冊流程長：

    沒有什麼比想在一個網站上註冊卻看到一個長長的聯繫表格詢問許多不必要的細節更令人沮喪的了。 看看 Reddit 的註冊表單。

    Reddit’s sign–up form

    註冊表單的簡單性使得新用戶加入網站變得更加容易。 最棒的是，提供您的電子郵件是可選的。 這並不是說每個網站都不應該要求提供電子郵件，而是應該停止向用戶詢問不必要的信息。

  • 設計不一致：

    設計原則之一（不僅適用於網站）是一致的。 首頁的設計應與其他頁面相同。 如果主頁的顏色主題是白色，例如關於頁面不應該翻轉腳本並使用另一種顏色，例如黑色。 這不僅僅是顏色，還有佈局。 一致性是關鍵。

接觸點

接觸點是網站的重要頁面。 對於博客等內容繁重的網站，這些是類別頁面、聯繫方式和關於我們的頁面。 這些頁面充當內容訪問者的門戶。 電子商務網站有不同的接觸點。 它們主要是目錄頁和產品描述。 要了解有關接觸點的更多信息，請返回 Google Analytics 中的行為流。

網站的接觸點應該與網站的目標訪問者交談。 設計階段必須與目標受眾產生共鳴。 這是創建的客戶角色將作為設計（或重新設計）頁面的指南的地方。

為了改善接觸點的用戶體驗，設計人員必須識別信息差距。 調查頁面中缺少的內容並填寫基本信息以最大程度地減少流失。 差距是訪問者對頁面的期望與頁面中可用的信息之間缺乏信息。

還有一些技術方面可以改善和減輕頁面的痛點。 頁面 SEO（搜索引擎優化）可以識別並修復這些問題，以獲得更好的用戶體驗。

  1. 網站/頁面速度：

    這應該是 Web 開發和設計中的優先事項。 請記住，不應為了不必要的修飾而將功能擱置一旁。 需要時間加載的大文件應壓縮並按加載順序放置以縮短加載時間。 有關提高站點速度的更詳細指南，請查看有關站點速度的這篇文章。

  2. 301 和 302 重定向：

    頁面重定向是必要的。 網站管理員重定向頁面的原因有很多。 最常見的情況是舊頁面被重定向到新頁面並更新了內容。 兩者的區別在於 301 是永久重定向，而 302 只是暫時的。

  3. HTTP 標頭代碼：

    301和302是標題代碼的示例。 有很多，但我們將它們限制為最常見的。

    200 Success – 頁面已成功加載。

    404 Page not found – 頁面無法加載。

    500 內部服務器錯誤——一般錯誤頁面。 沒有詳細說明為什麼會發生這種情況。

    除了 301 和 302 狀態代碼之外，盡量減少 404 頁面的出現也很重要，因為這對用戶來說是不利的。 一個簡單的解決方案是創建一個自定義 404 頁面，將它們拉回正確的頁面。

視覺層次

視覺層次結構是網頁設計最重要的原則之一。 視覺層次結構正在向觀眾傳達您網站的信息和內容。 必須考慮 Web 層次結構中的支柱。

  1. SIZE ：需要看到網頁的元素。 讀者應該看到文本、圖像和圖形。
  2. 顏色：顏色的選擇將取決於您在創建角色配置文件期間所做的研究。 如果該網站迎合 60 歲及以上的年齡範圍，那麼華麗的色彩可能不會轉化為他們的情感，而年輕的讀者會響應這種配色方案。
    • 對比度：對比度是文本大小和顏色的顯著變化。 網頁的有效對比將有助於吸引訪問者的注意力。
  3. 佈局：在決定網站設計的佈局時，專家們敦促在網頁設計中遵循希克定律，即一個人必須做出的決定越多，決策過程就越長。 然後，設計佈局應僅提供訪問者所需的基本選項。
    • 對齊：這是設計元素之間的順序。 它是側欄列中上下文和類別中文本的組織。 個人資料、帳戶登錄和搜索按鈕等元素位於頁面的右上角。 訪問者通常會在頁面的那個區域尋找那些。
  4. 間距：與佈局相關時，間距傳達您希望讀者了解的信息。 格式塔原則指出，人們傾向於感知具有相似功能的靠近在一起的元素。
    • PROXIMITY ：頁面元素的接近程度很重要，因為它會將相似的子類別組織在一起。 為訪問者設置了層次結構，以便輕鬆地將它們關聯在一起。
    • 密度和空白：沒有人願意查看“雜亂無章”的頁面。 有太多元素會引起讀者的注意，會讓他們離開頁面。 適當的設計將使頁面易於查看。 密度和空間的良好平衡會讓讀者在瀏覽時感到輕鬆自在。 以下是一些醜陋網站的示例，這些示例說明了在單個頁面中包含太多內容的意義。
  5. 風格：這是最重要的原則，也是最明顯的原則。 您選擇的風格將決定網站的信息和品牌。 只要確保無論您選擇什麼風格，它都必須在整個網站上保持一致。
    • 重複：這適用於網絡副本的文本。 雖然與段落的顏色和設計保持一致是一個重要原則，但在段落中改變顏色和強調設計的信息可以引起注意。 打破重複的樣式可以為頁面的文本提供對比度和深度。
把它們放在一起

掌握了網站目標受眾的知識並掌握了改善用戶導航體驗所需的填補空白的信息，現在是時候構建一個滿足您的受眾需求的網站了。 您的網站將是您將使用的最重要的視覺效果。 無論您確定了多少角色，網站訪問者總是有訪問您網站的目的。 他們會想要；

  • 獲取信息。
  • 想了解貴公司。
  • 想了解您的產品。
  • 比較價格（電子商務）。
  • 與團隊或其他人互動。

原因可能會有所不同，但網站的目的是成為您、您的業務和您的公司的延伸，無論情況如何。 清晰、簡潔並與信息保持一致，並不斷更新內容，為他們提供新鮮的信息。