User Flow,UX設(shè)計師日常輸出的16種交付物之一

4 評論 22363 瀏覽 63 收藏 7 分鐘

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

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

User Flow 是什么?

丹麥的“交互設(shè)計基金組織(IDF)對User Flow的定義:

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

另一種方法是設(shè)計用戶流程(User Flow),著重關(guān)注用戶需要完成哪些工作,以及如何以最有效的方式交付這些工作。 這將帶來更好的用戶體驗,因為它將用戶置于設(shè)計過程的中心?!?/p>

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

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

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

示例:用戶注冊流程?UXFlow

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

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

我們在設(shè)計每一個“用戶流程”時,都需要考慮這些問題:

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

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

User Flow 常用工具

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

1. Userflows?—?Made with the Marvel API

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

Userflows演示?UXFlow

2. FlowMapp?—?UX planning tool

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

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

(FlowMApp有兩個在線工具:Sitemap,可視化站點地圖和User Flow,用戶流程。推薦大家使用)

FlowMapp/User Flow Tool演示?FlowMapp

3. Overflow: Figma Integration

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

?overflow

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

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

注:

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

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

 

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

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝文章,請你喝杯快樂水~

    來自加拿大 回復(fù)
  2. 請問 這個User Flow,和流程圖 有什么區(qū)別呢?感覺差不多

    來自北京 回復(fù)
  3. 第一個流程圖通過什么APP呈現(xiàn)的?

    回復(fù)
    1. Sketch

      回復(fù)