UX設計師在實際工作中需要交付什么呢?根據NN/g研究數據表明在常用的16種“UX 交付物(UX Deliverables)”中,至少有一半的UX從業人員使用了11種不同的“交付物形式”。實際工作中UX設計師所提供的交付物會依據他們在不同的設計團隊中角色以及這個角色使用的方法和工具而有所不同。
本文將重點介紹“Usrer Flow”定義以及相關制作工具。
User Flow 是什么?
丹麥的“交互設計基金組織(IDF)對User Flow的定義:
“設計人員在設計網站和應用程序的頁面時,并不總能產生最佳結果。 設計過程中往往會將外觀(look),感覺(feel)和流程(process)與用戶試圖實現的目標分離開來。
另一種方法是設計用戶流程(User Flow),著重關注用戶需要完成哪些工作,以及如何以最有效的方式交付這些工作。 這將帶來更好的用戶體驗,因為它將用戶置于設計過程的中心。”
用戶流程圖(User Flow)是一個簡單的圖表,概述了用戶為了實現特定目標而必須對你的產品或服務采取的步驟。
與客戶旅程地圖(Customer Journey Map)相反,用戶流程圖僅考慮你的產品會發生什么(也就是說,忽略所有外部因素)。
這些圖表可以幫助設計人員快速評估實現用戶目標所需的過程效率,并幫助決策通過頭腦風暴(Brainstorming)確定的偉大創意如何實現。
示例:用戶注冊流程©UXFlow
User Flow 在網頁與應用設計中的作用
用戶流程是“Web和App”頁面上內容設計的基礎。從了解用戶需求開始,有助于產品團隊構建旨在滿足這些需求的流程與體驗。
我們在設計每一個“用戶流程”時,都需要考慮這些問題:
- 用戶試圖完成什么?
- 對用戶什么才是最重要的以及能讓用戶繼續下去是什么?
- 用戶需要哪些其他信息才能完成任務?
- 用戶對完成任務的猶豫和障礙是什么?
這些問題的答案將告訴我們如何設計頁面,并確定要包含的內容和導航鏈接。如果用的主要目標是瀏覽各種商品,那么我們在設計頁面應該為用戶提供其購買產品以及后續的設計與功能。
User Flow 常用工具
用戶流程工具幫助我們理解用戶通過網站或應用實現特定目標的路徑。這里有3個新工具/插件可以幫助我們做到這一點:
1. Userflows — Made with the Marvel API
Userflows可以將Marvel原型轉化為交互式用戶流程,讓我們能夠全局的看到用戶如何從一個屏幕移動到另一個屏幕,幫助我們向開發人員、合作伙伴和客戶講述更好的故事。
Userflows演示©UXFlow
2. FlowMapp — UX planning tool
FlowMapp是一個在線規劃工具,用于創建用戶流程和可視化站點地圖,幫助你有效地為網站設計和規劃更好的用戶體驗。
與您的團隊和客戶協作,以便每個人都參與開發過程。 留下評論,進行編輯,并使用直觀的拖放界面來創建易于遵循的計劃。
(FlowMApp有兩個在線工具:Sitemap,可視化站點地圖和User Flow,用戶流程。推薦大家使用)
FlowMapp/User Flow Tool演示©FlowMapp
3. Overflow: Figma Integration
Overflow是專門為設計師定制的用戶流圖工具,現在您可以開始將Figma,Sketch、Adobe XD與之同步,以創建用戶流程。
©overflow
作為一名UX設計師,總是需要在設計思考的每一個階段提供可交付的成果(Deliverables)。
無論我們是將這些內容保留給自己還是與他人共享,都必須在盡可能多的工具和方法中練習技能,并熟悉所有類型的UX交付物。
注:
1.IDF:Interaction Design Foundation 交互設計基金組織是一家擁有17年歷史的非營利社區,2002年成立于丹麥。致力于將全球設計教育水平提高到常春藤標準,同時將成本降低到最低水平。通過提供一流的課程材料使學習民主化,目標是在學術嚴謹性和實際相關性之間取得完美平衡。和斯坦福大學,劍橋大學和SAP實驗室等頂尖大學和公司以及 Clayton Christensen 和 Don Norman等著名作家合作。自2002年以來,IDF建立了一個可持續的合作和教育平臺,并在全球92個國家發展了455個當地設計團體。
2.NN/g:Nielsen Norman Group 尼爾森諾曼集團是一家UX研究與咨詢公司。其創始人Jakob Nielsen 和 Don Norman 因其在定義UX領域的領導地位而在全球享有盛譽。
作者:永和,產品經理/體驗設計師。微信公眾號:UXFlow
本文由 @永和 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議