如何製作用戶流程圖

用戶流程圖對於掌握用戶體驗是必不可少的。 它們使您可以了解用戶如何與您的應用程序或網站進行交互，以及他們為完成任務或在您的網站上實現目標所採取的步驟。 這將幫助您為用戶創造卓越的用戶體驗並更有效地滿足他們的需求。

在本指南中，我們將了解用戶流程圖在 UX 設計中扮演的重要角色、如何製作用戶流程圖以及您應該牢記的最佳實踐。 我們還為您提供了一些方便的模板，您可以在整個設計用戶流程的過程中使用這些模板。

什麼是用戶流程圖

用戶流可以用多種方式解釋。 它可以被視為描述用戶可以在您的產品中導航的位置的概述。 它也可能意味著用戶完成任務所採用的路徑的實際質量和體驗。

或者它可以表示用戶完成任務所採取的實際步驟順序。 流程圖可用於可視化用戶在使用您的解決方案（即網站或應用程序）時採取的這些路線。

這種有助於直觀地跟踪用戶操作和程序界面之間交互步驟的工具稱為用戶流程圖或用戶流程圖。

它們有助於製定用戶在與系統交互時應採用的邏輯路徑，並描述系統功能、潛在用戶操作和相關後果之間的關係。

根據您所處的設計過程的階段，用戶流程圖可以具有不同的外觀。如果您已經為您的應用程序或網站製作了線框，您可以使用它們來創建您的流程圖。 這樣的線框圖流程圖稱為 Wireflows。

用戶流程圖也稱為交互流、活動流、用戶界面流、導航流或任務流圖。

用戶流程圖符號如下

請參閱此資源以了解更多在創建用戶流程圖時可能有用的流程圖符號。

用戶流程圖的重要性

• 當您想根據用戶的目標了解您的設計時，用戶流程圖會派上用場。
• 它們可用於在用戶瀏覽您網站的頁面或通過您的應用程序中的操作時傳達預期的用戶流
• 工程師、設計師和架構師可以使用它們來了解系統設計的複雜性、範圍和路徑，並識別其中的差距、依賴關係和缺陷。

如何製作用戶流程圖

廢話不多說，讓我們討論如何製作用戶流程圖。

第 1 步：了解客戶旅程

用戶流程基於用戶所做的事情——因此了解他們是誰、他們的動機、需求和行為對於製作有效的用戶流程圖至關重要。

這似乎是一個額外的步驟，但進行適當的用戶研究和設計用戶角色將幫助您創建更順暢的用戶流程。

我們已經在之前的文章中介紹瞭如何創建用戶角色，請參考它以了解如何通過幾個簡單的步驟創建買家角色。 或者，如果您已經熟悉該過程，請從這裡開始使用模板。

創建客戶檔案後，您離了解用戶旅程更近了一步。

您可以在此處使用客戶旅程地圖來正確分析客戶在與您的業務互動（即訪問您的網站）時的行為、感受和期望、各種接觸點和痛點。

我們還介紹了通過 6 個簡單步驟創建客戶旅程地圖的過程。 一定要檢查一下。

一旦您了解了用戶的旅程，創建用戶流程的其餘步驟將變得更加容易。

第 2 步：確定您的目標和用戶的目標

下一步是了解您的業務目標以及用戶的目標。

您可能已經知道您的業務目標； 例如，增加您網站的轉化率，促進產品銷售等。這通常是您希望用戶採取的行動的最終結果。

另一方面，用戶的目標包括他們想要滿足的願望和需求。 不同的用戶也可能有不同的目標。 這就是您之前創建的用戶角色和客戶旅程圖將幫助您弄清楚它們是什麼的地方。

第 3 步：確定您的用戶來自哪裡

如果您正在設計一個網站，您可能想知道您的客戶來自哪裡，或者換句話說，入口點是什麼。 這些通常包括，

• 直接流量
• 自然搜索
• 社交媒體
• 付費廣告
• 電子郵件
• 推薦網站
• 新聞或新聞項目

您可以使用 Google 分析來獲取這些入口點的百分比。 它們還可以指示不同的用戶行為。

例如，直接訪問者會搜索您的品牌名稱，而自然搜索訪問者會先用 Google 搜索他們想要的產品，然後再發現您是合適的賣家。

重要的是要根據不同的入口點來繪製這些不同的用戶流。 這是為用戶開發更好體驗的關鍵。

第 4 步：確定訪客需要的信息

為了設計最佳的用戶流程，您需要站在客戶的立場上。

這意味著要深入了解他們的需求和動機。 所以你需要知道他們有什麼問題，他們的疑慮、猶豫，他們對產品有什麼疑問，以及他們尋求什麼答案。

由於您已經創建了買家角色和旅程圖，因此此步驟更容易完成。

第 5 步：可視化您的用戶流

到目前為止，您已經了解了您正在為其創建用戶流的用戶、他們的目標是什麼以及他們來自哪裡。 下一步是創建用戶流。

想想您的用戶在訪問您網站上的特定頁面之前和之後做了什麼。 他們看到了什麼，他們採取了什麼行動來實現他們的目標。 這將幫助您確定需要創建的頁面、需要提供的信息/內容以及它們應該如何相互連接。

注意每個任務的開始和結束。 這可能會根據不同用戶的目標而改變。

過濾掉必要的信息後，使用用戶流程圖將其可視化。

第 6 步：製作流程原型

您可以使用低保真原型（線框或 UI 模型）來測試上一步中概述的用戶流程。 原型有助於為流程添加更多細節，並幫助您了解用戶操作和內容之間的流程。

它還將幫助您驗證您的產品是根據您和您的用戶的目標設計的。

第 7 步：審查、改進和測試

您可以與利益相關者共享您的用戶流程圖，並討論需要在哪裡進行調整。

一旦高保真原型準備就緒，您還可以與實際用戶一起進行測試。

通過這種方式，您可以收集用戶流程每個步驟的數據，並了解您的用戶如何瀏覽您的產品。 然後，您可以在最終產品發布之前確定需要改進的領域並應用解決方案。

要牢記的最佳實踐

堅持以下最佳實踐，以確保您創建的用戶流程圖實際上可以有效地幫助您。

• 始終給您的用戶流程圖起一個描述其用途的名稱。 這將有助於任何引用它的人理解它的基礎。
• 畫流程圖時要堅持一個方向。 由於圖表描繪了一個故事，因此當地圖朝一個方向流動時，它有助於更好地閱讀和理解它。
• 限制決策點的數量以使其整潔/不那麼複雜。
• 確保用戶流程圖的範圍涵蓋用戶的單個任務或單個目標。 如果用戶流程只涵蓋了一半的任務，或者制定了涵蓋多個用戶目標的步驟，那麼它將無法達到其目的。
• 確保只添加必要的信息，並避免任何其他無助於描述用戶流程和操作的細節。
• 使用像 Creately 這樣的數字流程圖工具來加快流程。 此外，它還允許您獲取其他人的意見，並將您的工作保存在一個地方和雲中，這將使您能夠在任何地方參考和處理它。 此外，它的無限畫佈區域將幫助您節省空間； 否則，它可能會佔據您會議室的幾面牆！

用戶流程圖模板

準備好製作自己的用戶流程圖了嗎？

用戶流是設計師工具包中的一個強大工具。 它們使設計師更容易看到全局——他們需要創建哪些頁面以及應該如何連接它們。 我們幾乎涵蓋了製作用戶流程圖所需的所有知識——包括您可以立即開始使用的模板。

現在我們想知道您對用戶流程圖的看法？ 在下面的評論部分輸入。