作為使用者體驗設計師,將抽象的願景轉化為具體的產品設計可能很困難。在開始建立高保真模擬之前,從繪圖板開始會很有幫助,您可以在其中視覺化使用者旅程並嘗試不同的設計理念。
當開始新的使用者體驗設計時,Lucidchart 是一個很好的參考。憑藉其靈活的工作空間、強大的形狀選項和先進的協作功能,它將幫助您將團隊的產品願景變為現實。
在無限白板上建立使用者旅程流程
在設計過程開始時建立使用者旅程 流程圖有助於清楚了解設計目標及其對使用者的預期影響。
使用者流程圖遵循標準流程圖的結構:它們由箭頭串在一起的形狀組成,並包含明確的開始和結束。然而,使用者流程圖中使用的形狀在風格上差異很大,範圍可以從簡單的框到 UI 元件的圖像。 Lucidchart 提供各種形狀庫以及匯入圖像的功能,可讓您嘗試樣式以確定哪些形狀最適合您的圖表需求。
使用者旅程流程模板
使用者旅程流程範本(點擊圖片線上修改)
Lucidchart 靈活的工作空間可以作為使用者體驗設計師的沙箱,讓他們在開始新 柬埔寨怎么查询本机号码 專案時探索設計的可能性。當您啟用自動平鋪時,畫布將隨著您新增的任何超出現有頁面邊界的內容一起展開。如果您的廣闊畫布變得太混亂,您可以將設計分解為多個頁面或堆疊層,您可以隨意隱藏或顯示這些頁面或堆疊層。
高效創建互動式、低保真模型
讓你的創意源源不絕的另一個好方法是在開始設計細節之前製作低保真模型。您可以使用 Lucidchart 建立這些模擬,既可以作為獨立圖表,也可以作為使用者流程圖的元件。只需開啟範本或空白文檔,新增線框形狀庫,然後拖出形狀即可開始。
低保真模型範例
Wireflow範例(點擊圖片線上修改)
若要為模型添加深度和互動性,您可以跨多個層建立設計,並使用形狀操作在頁面之間連結以切換層可見性。
匯入徽標、字體和螢幕截圖
當您使用 Lucidchart 時,您可以透過匯入與您現有產品和品牌相符的徽標和自訂字體,使您的低保真模擬看起來就像您的產品介面。如果您不相信我們,請查看 Mozilla Firefox 如何透過匯入其徽標和字體來建立密碼流的 低保真模擬!
Mozilla Firefox 模型設計範例
如果使用者旅程的元素與產品的現有 UI 元件相匹配,您可能會想要將產品的螢幕截圖新增到您的設計中,而不是從頭開始複製元件。您可以輕鬆地將螢幕截圖匯入 Lucidchart — 只需將它們從桌面拖放到畫布上,或使用鍵盤快捷鍵將它們從一個位置複製/貼上到另一個位置。然後,您可以使用箭頭、圓圈或文字來註釋這些螢幕截圖。
建立自訂形狀並將其儲存到可共享庫中
除了允許您匯入螢幕截圖、SVG 和其他圖像檔案之外,Lucidchart 還允許您建立自己的形狀並將其保存到自訂形狀庫。例如,您可能想要使用表情符號或圖示來顯示使用者旅程中的客戶情緒。根據您的喜好建立和自訂形狀後,只需將其拖曳到工具箱中的自訂庫中即可。該形狀將添加到該庫中,您將能夠從任何文件存取它。
與您的團隊輕鬆協作
當您在 Lucidchart 中建立低保真模擬時,您會獲得其協作功能的額外好處。由於 Lucidchart 是基於雲端的,因此您可以在流程的早期輕鬆地與產品經理或其他利害關係人分享您的設計草圖。這些利害關係人可以透過向圖表的特定形狀或部分添加評論,直接從 Lucidchart 編輯器提供有關您的設計的回饋。
針對 UX 設計師的 Lucidchart:建立強大的使用者旅程和低保真模型
-
- Posts: 16
- Joined: Sun Dec 15, 2024 4:56 am