UX設(shè)計(jì)師在實(shí)際工作中需要交付什么呢？根據(jù)NN/g研究數(shù)據(jù)表明在常用的16種“UX 交付物（UX Deliverables）”中，至少有一半的UX從業(yè)人員使用了11種不同的“交付物形式”。實(shí)際工作中UX設(shè)計(jì)師所提供的交付物會依據(jù)他們在不同的設(shè)計(jì)團(tuán)隊(duì)中角色以及這個(gè)角色使用的方法和工具而有所不同。

本文將重點(diǎn)介紹“Usrer Flow”定義以及相關(guān)制作工具。

User Flow 是什么？

丹麥的“交互設(shè)計(jì)基金組織（IDF）對User Flow的定義：

“設(shè)計(jì)人員在設(shè)計(jì)網(wǎng)站和應(yīng)用程序的頁面時(shí)，并不總能產(chǎn)生最佳結(jié)果。 設(shè)計(jì)過程中往往會將外觀（look），感覺（feel）和流程（process）與用戶試圖實(shí)現(xiàn)的目標(biāo)分離開來。

另一種方法是設(shè)計(jì)用戶流程（User Flow），著重關(guān)注用戶需要完成哪些工作，以及如何以最有效的方式交付這些工作。 這將帶來更好的用戶體驗(yàn)，因?yàn)樗鼘⒂脩糁糜谠O(shè)計(jì)過程的中心。”

用戶流程圖（User Flow）是一個(gè)簡單的圖表，概述了用戶為了實(shí)現(xiàn)特定目標(biāo)而必須對你的產(chǎn)品或服務(wù)采取的步驟。

與客戶旅程地圖（Customer Journey Map）相反，用戶流程圖僅考慮你的產(chǎn)品會發(fā)生什么（也就是說，忽略所有外部因素）。

這些圖表可以幫助設(shè)計(jì)人員快速評估實(shí)現(xiàn)用戶目標(biāo)所需的過程效率，并幫助決策通過頭腦風(fēng)暴（Brainstorming）確定的偉大創(chuàng)意如何實(shí)現(xiàn)。

示例：用戶注冊流程?UXFlow

User Flow 在網(wǎng)頁與應(yīng)用設(shè)計(jì)中的作用

用戶流程是“Web和App”頁面上內(nèi)容設(shè)計(jì)的基礎(chǔ)。從了解用戶需求開始，有助于產(chǎn)品團(tuán)隊(duì)構(gòu)建旨在滿足這些需求的流程與體驗(yàn)。

我們在設(shè)計(jì)每一個(gè)“用戶流程”時(shí)，都需要考慮這些問題：

• 用戶試圖完成什么？
• 對用戶什么才是最重要的以及能讓用戶繼續(xù)下去是什么？
• 用戶需要哪些其他信息才能完成任務(wù)？
• 用戶對完成任務(wù)的猶豫和障礙是什么？

這些問題的答案將告訴我們?nèi)绾卧O(shè)計(jì)頁面，并確定要包含的內(nèi)容和導(dǎo)航鏈接。如果用的主要目標(biāo)是瀏覽各種商品，那么我們在設(shè)計(jì)頁面應(yīng)該為用戶提供其購買產(chǎn)品以及后續(xù)的設(shè)計(jì)與功能。

User Flow 常用工具

用戶流程工具幫助我們理解用戶通過網(wǎng)站或應(yīng)用實(shí)現(xiàn)特定目標(biāo)的路徑。這里有3個(gè)新工具/插件可以幫助我們做到這一點(diǎn):

1. Userflows?—?Made with the Marvel API

Userflows可以將Marvel原型轉(zhuǎn)化為交互式用戶流程，讓我們能夠全局的看到用戶如何從一個(gè)屏幕移動到另一個(gè)屏幕，幫助我們向開發(fā)人員、合作伙伴和客戶講述更好的故事。

Userflows演示?UXFlow

2. FlowMapp?—?UX planning tool

FlowMapp是一個(gè)在線規(guī)劃工具，用于創(chuàng)建用戶流程和可視化站點(diǎn)地圖，幫助你有效地為網(wǎng)站設(shè)計(jì)和規(guī)劃更好的用戶體驗(yàn)。

與您的團(tuán)隊(duì)和客戶協(xié)作，以便每個(gè)人都參與開發(fā)過程。 留下評論，進(jìn)行編輯，并使用直觀的拖放界面來創(chuàng)建易于遵循的計(jì)劃。

（FlowMApp有兩個(gè)在線工具：Sitemap，可視化站點(diǎn)地圖和User Flow，用戶流程。推薦大家使用）

FlowMapp/User Flow Tool演示?FlowMapp

3. Overflow: Figma Integration

Overflow是專門為設(shè)計(jì)師定制的用戶流圖工具，現(xiàn)在您可以開始將Figma，Sketch、Adobe XD與之同步，以創(chuàng)建用戶流程。

?overflow

作為一名UX設(shè)計(jì)師，總是需要在設(shè)計(jì)思考的每一個(gè)階段提供可交付的成果（Deliverables）。

無論我們是將這些內(nèi)容保留給自己還是與他人共享，都必須在盡可能多的工具和方法中練習(xí)技能，并熟悉所有類型的UX交付物。

注：

1.IDF：Interaction Design Foundation 交互設(shè)計(jì)基金組織是一家擁有17年歷史的非營利社區(qū)，2002年成立于丹麥。致力于將全球設(shè)計(jì)教育水平提高到常春藤標(biāo)準(zhǔn)，同時(shí)將成本降低到最低水平。通過提供一流的課程材料使學(xué)習(xí)民主化，目標(biāo)是在學(xué)術(shù)嚴(yán)謹(jǐn)性和實(shí)際相關(guān)性之間取得完美平衡。和斯坦福大學(xué)，劍橋大學(xué)和SAP實(shí)驗(yàn)室等頂尖大學(xué)和公司以及 Clayton Christensen 和 Don Norman等著名作家合作。自2002年以來，IDF建立了一個(gè)可持續(xù)的合作和教育平臺，并在全球92個(gè)國家發(fā)展了455個(gè)當(dāng)?shù)卦O(shè)計(jì)團(tuán)體。

2.NN/g：Nielsen Norman Group 尼爾森諾曼集團(tuán)是一家UX研究與咨詢公司。其創(chuàng)始人Jakob Nielsen 和 Don Norman 因其在定義UX領(lǐng)域的領(lǐng)導(dǎo)地位而在全球享有盛譽(yù)。

作者：永和，產(chǎn)品經(jīng)理/體驗(yàn)設(shè)計(jì)師。微信公眾號：UXFlow

本文由 @永和 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議