為您的電子商務商店創建用戶旅程

構建任何類型的網站都有其自身的挑戰。 但是電子商務網站是完全不同的球類游戲。 它與任何其他網站具有相同的目標：發展和維護品牌個性、與受眾交流和互動、獲得和留住潛在客戶，並最終與消費者建立牢固而持久的關係。

但與此同時，它也作為一家實體店，旨在通過增加銷售額和提高客戶滿意度來增加收入並提高業務績效。 那是很多責任！ 如果您想確保您的電子商務商店能夠實現這一切，請遵循這些提示，這些提示將幫助您在您的網站上創建功能齊全的用戶旅程。

收集用戶體驗數據

UX 數據的目的是讓自己對現有的用戶體驗觀察擁有所有可用的洞察力。 您需要這個，以便您可以解決問題並開始構思解決方案，從一開始就改善您的網站結構。 有一些優秀的 UX 工具可用，例如 Hindsight，可以幫助您收集準確的數據並確定您網站上的改進領域：從記錄訪問者在您的網站中移動時，到生成網頁的熱圖以查看人們在哪裡（或現在't）點擊。

當然，這只有在您有一個現有的網站可供測試時才適用。 如果您正在構建一個全新的網站，則此步驟只會在稍後階段進行。 但請記住這些提示。

您將收集的數據將確定重要信息，例如：

• 活動或互動高峰
• 參與細分
• 破碎或死胡同的旅程
• 挫折點

您還可以使用從 SEO 洞察、Google Ads、Google Analytics 和社交媒體平台上的內置分析收集的數據來支持您的發現。 數據收集還提供了信息基線，可用作未來在線審計和研究目標的基準。

開始構建案例研究

這將成為您未來電子商務成功的基礎，特別是如果您正在處理一個包含數十個頁面和多個可能的用戶旅程的網站。

一旦完成任何必要的研究並收集到正確的數據，就必須簡明扼要地記錄調查結果。 您的案例研究將用於總結和解釋數據，以及創建或檢驗假設。 當您完成從創建線框到構建網站的步驟時，您將擴展您記錄的數據，並最終將其用作衡量正在進行的用戶測試的工具，或幫助團隊成員做出明智的決定。

規劃您的網站結構

您接下來的兩個步驟將是設置信息架構並以線框的形式規劃您的完整網站佈局。

這聽起來很簡單，您可能已經對此進行了一些思考，但請稍等片刻並考慮一下：您真的對這個線框階段給予了必要的關注嗎？

在執行這兩個步驟時，您可以開始集思廣益，沒問題。 只要您將最終的用戶界面決策放在次要位置，直到您確定您的電子商務商店的結構和導航已完美協調和集成。 就重要性而言，我們並沒有將用戶界面放在第二位。 用戶界面顯然非常重要。 它為您的網站結構注入了活力，並在使您的商店直觀地為用戶提供功能方面發揮著主導作用。 但是您的界面無法保存損壞的站點結構或複雜的用戶旅程。

像用戶一樣思考

當你開始完成你的線框圖時，你必須把自己放在消費者的腦海中。 這可能是一個棘手的練習，因為您已經非常了解您的品牌及其所有產品，這對您來說似乎很簡單。 但不要讓那個愚弄你！ 您必須圍繞高效和有效的在線用戶旅程開發導航，這將推動首次訪問者和回訪者訪問購物車而不會大驚小怪。

首先將您的網站導航與用戶角色保持一致，以幫助理解和處理用戶的需求、體驗、行為和目標。 這將構成您的用戶旅程和用戶流的基礎。 用戶旅程解釋了用戶日常與產品交互的場景，而用戶流程則側重於從開始到結束與產品交互的獨立階段。

考慮對目標受眾進行定向訪談，以更好地了解您的用戶。 在這裡，您可以提出具體和開放式的問題，這些問題將有助於確定用戶對產品的理解，形成用戶旅程圖的基礎，並幫助完善現有/新用戶角色。

確保在像用戶一樣思考時考慮到錯誤預防。 無論您的網站設計得多麼仔細，您的網站導航多麼出色，用戶都會犯錯誤。 您有責任從一開始就加倍努力防止問題發生； 但是當他們這樣做時，請確保您已經為您的用戶提供了快速修復。

所以基本上，當你構建你的線框時，確保每個可能的訪問者場景都有一個易於導航的旅程。 在此過程中，優化您的信息架構，以盡量減少步驟，並在您的網站佈局上找到適合追加銷售和交叉銷售旅程的最佳時機。

測試你的線框

此時，您的線框仍然可以是某種形式的藍圖，幾乎沒有實現設計元素。 不過，此時您確實需要將內容添加到線框中！ 如果您要測試線框的效率和可用性，則必須包括其所有通信。

您不一定需要依靠公眾來進行這種線框測試。 讓來自不同部門的團隊成員查看完整的網站結構、導航和設計，目前將揭示足夠的洞察力。 只要確保你沒有將你的測試組限制在迄今為止已經與該過程進行過大量互動的人身上——你需要新的眼光和新的意見。

構建高保真線框

高保真線框也稱為原型，是一種功能齊全的線框，可以模仿您的最終網站及其所有頁面和旅程。 在開始 Web 開發之前，您將使用它對組織外部的人員進行用戶測試。 這個過程永遠不應該匆忙，因為它構成了在線商店完善的最後幾個步驟。

您可以執行有節制和無節制的測試。 這兩種方法都旨在觀察用戶如何與線框交互，並識別阻礙用戶完成目標的問題、可查找性問題、低效率、瓶頸和死胡同。

這也是您引入用戶界面以確保設計支持和補充您的網站骨架的部分。

對用戶界面進行啟發式評估

啟發式評估是由一名或多名 UX 或 UI 專家進行的審查。 它專門從用戶體驗的角度來看待網站的用戶界面。 它基於一組原則，有助於在每個可能的用戶旅程中測試網站的整體“直觀”可用性。 在測試高保真原型時，您可以分析以下五個以用戶旅程為中心的原則：

系統狀態的可見性

在用戶旅程的每一次交互中，用戶必須在合理的時間內通過適當的反饋（視覺提示）了解正在發生的事情。 這方面的一個示例可能是確保在將鼠標懸停在鏈接和可點擊項目上時光標如何變化的一致性，或者顯示項目何時加載的清晰指示。

系統與現實世界的匹配

佈局上的每個可操作點和內容鏈都必須有目的，並且必須使用用戶的語言。 信息層次結構應該通過設計來實現，並且應該遵循自然和邏輯的順序。 在您的網站內容和導航中使用簡單的英語，並包含傳達真實示例的高質量圖像。

用戶控制和自由

無論您的信息架構設置得多麼好，或者您的導航設計得多麼好，用戶都會犯錯誤。 當他們這樣做時，重要的是他們可以找到一個明確標記的緊急出口，並在沒有煩惱的情況下返回他們的旅程。 通過實施可見提示、輔助導航或麵包屑策略來支持重做和撤消操作。

一致性和標準

沒有必要用固定的設計來限制自己，但你仍然必須確保用戶能夠理解各個界面元素。 用戶不必懷疑不同的詞語、情況或行為是否意味著相同的事情。 確保不同的佈局遵循可識別的結構，並且顏色和可操作元素（例如主要和次要號召性用語設計）保持一致。

幫助和文檔

儘管網站佈局最好不要包含過於復雜的信息，但在某些情況下仍可能需要提供幫助和文檔。 任何此類信息都應該易於搜索、以任務為中心且易於解釋。 這尤其適用於銷售更高級或更複雜產品的電子商務商店。 例如，在線塗料商店需要包含技術數據表和有用的應用信息。

它並沒有就此結束

您永遠無法完成在您的網站上的工作或增強您的用戶旅程。 您不必將線框視為一個全新網站的龐大項目。 可以對線框進行頭腦風暴和測試，以改善即使是最小的問題。 但是，最小的問題有時會導致最大的轉化損失——因此，讓您的網站在旅程的每一步都為您的用戶提供支持！ 如果您不確定從這裡做什麼，請給我們打個電話。 作為 Shopify 專家，我們和您一樣對您的在線商店的成功充滿熱情。