相信大家一定都聽過用戶流(User Flow)這個詞,它在創(chuàng)建出色的用戶體驗設(shè)計中起著至關(guān)重要的作用。用戶流可以幫助我們梳理用戶的行為路徑、他們可能遇到的問題及如何解決、他們的用戶需求、我們?nèi)绾伍_始及如何設(shè)計。 今天,小編就將全方位地介紹用戶流,來幫助大家更好地了解并設(shè)計。
01 用戶流介紹▼ ▍什么是用戶流 UX設(shè)計中的用戶流程是用戶完成特定目的的路徑,它包括從起點到終點的每一步驟。用戶體驗設(shè)計中的用戶流在應(yīng)用程序和網(wǎng)站設(shè)計中可以良好運行。作為UX設(shè)計師,我們需要了解如何優(yōu)化和生成具有更好用戶體驗的設(shè)計作品。 以下是一個關(guān)于用戶流程的示例。在這一示例中,用戶可能已經(jīng)在我們的網(wǎng)站上擁有了一個賬戶,但現(xiàn)在,他們想要登錄來停用或刪除這一賬戶。在這種情況之下,我們可以創(chuàng)建一個用戶流來檢查他們的操作步驟,并嘗試找到一種解決方案來為用戶提供體驗。 ▍在UX設(shè)計中為什么需要用戶流? 增加銷量 (Increase Sales): 一個用戶體驗設(shè)計項目的最終目的是從應(yīng)用程序或網(wǎng)站獲得更多報酬。在使用用戶流程的過程中,我們可以了解用戶的想法,按照他們的步驟創(chuàng)建具有良好用戶體驗的設(shè)計。當我們提供了用戶滿意的體驗、清理操作障礙、縮短實現(xiàn)最終目的的路徑時,他們就會更愿意付費。 找到優(yōu)化點 (Find optimization point): 從用戶那里獲得反饋是找到需要優(yōu)化現(xiàn)有產(chǎn)品和網(wǎng)站的最佳方式。但是,在一個網(wǎng)站或大家的品牌不知名時,要從用戶那里獲得建議并不容易。因此,找出現(xiàn)有頁面、應(yīng)用程序或界面問題的另一種方法就是使用用戶流。 幫助團隊更好了解用戶 (Help your colleagues understand users better): 當我們決定創(chuàng)建用戶友好的產(chǎn)品或網(wǎng)站或改善用戶對現(xiàn)有產(chǎn)品的體驗時,應(yīng)該考慮的不是一個成員,而是一個團隊。在UX設(shè)計中使用用戶流是展示用戶如何使用產(chǎn)品或網(wǎng)站的有效方式。然后,每個成員都可以了解用戶并提供可行的創(chuàng)意點。 流利交流 (Communicate fluently): 當我們對如何設(shè)計或更新產(chǎn)品或頁面有想法時,就需要解釋為什么會有這個想法。而用戶流程則將有助于大家的演示。 ▍何時可以應(yīng)用用戶流? 我們可以從用戶體驗設(shè)計的用戶流程中獲得許多好處,那么我們應(yīng)該在什么時候應(yīng)用它呢? Stage 1: 開始設(shè)計之前 要成為UX設(shè)計師,我們需要做的第一件事就是了解自己的用戶。在決定創(chuàng)建設(shè)計作品之前,需要分析客戶并進行研究。隨后,大家將了解用戶在網(wǎng)站或產(chǎn)品上的表現(xiàn)、需要設(shè)計多少頁面或屏幕,以及他們將如何在您的腦海中排序。 Stage 2: 完成設(shè)計之后 當完成設(shè)計工作時,我們需要將其呈現(xiàn)給自己的導師、隊友或其他人。更好的方法是使用用戶流程并顯示用戶將如何對我們的設(shè)計工作采取行動,他們將如何滿足要求以及相關(guān)的體驗是如何的。 Stage 3: 尋找可以改進的目標點 無論是什么產(chǎn)品,都需要不斷更新以提高其質(zhì)量和用戶體驗。然而,我們有時候并不總是能夠定位流程的實際問題并檢測出需要優(yōu)化的創(chuàng)意點。 ▍用戶流的類型有哪些? 在設(shè)計過程中,我們可以選擇以下四種類型的用戶流設(shè)計,來適用于各種場景。 任務(wù)流 (Task flow): 任務(wù)流是一個特定任務(wù)的單路徑流程圖。它不會顯示其他分支和路徑。它經(jīng)常用于所有用戶只會遵循一種方式的項目中。 流程圖 (Flowchart): 流程圖包含幾個任務(wù)流。用戶會針對不同的情況采取不同的步驟。 線流 (Wireflow): 與任務(wù)流和流程圖相比,線形流更加復雜。只有在我們已經(jīng)準備好一個低保真原型或線框后才可以使用。它由線框圖和流程圖組成。在知道用戶的表現(xiàn)以及需要設(shè)計多少頁面或屏幕之后,線流的繪制就成為了一種更好的使用方式。 屏幕流 (Screen-flow): 屏幕流將與線流相同。它們唯一的區(qū)別是屏幕流由高保真原型和流程圖組成。如果我們需要向隊友或他人展示最終設(shè)計是如何工作的,那么屏幕流將是一種合適的方法。 02 創(chuàng)建用戶流▼ 用戶流的創(chuàng)建并不是一項復雜的任務(wù),但它也并不如我們想象中的那樣容易。在創(chuàng)建用戶流程的時候,我們需要經(jīng)過以下六個步驟: Step 1: 對用戶進行研究 作為設(shè)計師,我們應(yīng)該首先了解自己的用戶,否則就無法創(chuàng)建有效的用戶流。我們可以使用不同的工具來分析問題:用戶來自哪里、他們的目的是什么、他們將做什么、他們想要什么服務(wù)等等。 隨后在進行研究時,我們就會清楚地了解自己的客戶,并且可能會對用戶在嘗試使用產(chǎn)品或訪問網(wǎng)站時會采取的行動有一些看法。 Step 2: 列出想要達到的目的和目標 創(chuàng)建UX設(shè)計用戶流的目的應(yīng)該很明確,因為它可以確定我們需要使用的用戶流類型。同時我們也可以知曉創(chuàng)建用戶流所要實現(xiàn)的最終目標。 Step 3: 列出可能的步驟 在設(shè)計用戶流程之前,強烈建議提前在紙上或其他工具上列出所有步驟,尤其是對于那些復雜的用戶流程。它可以幫助我們在創(chuàng)建時使事情變得清晰并節(jié)省時間。 Step 4: 選取用戶流類型 用戶流有四種類型。它們中的每一個都適用于不同的場景。例如,我們可以在了解所需的頁數(shù)或屏幕數(shù)以及如何設(shè)計它們后選擇使用線流。此外,也可以根據(jù)自己的要求選擇所需要的那一款。 Step 5: 創(chuàng)建用戶流 完成所有準備工作后,就可以開始設(shè)計用戶流程了。如果我們在第四步中選擇任務(wù)流和流程圖,那么就需要定義這些用戶流所代表的內(nèi)容。在此之后,選擇一個像XMind這樣的思維導圖工具或像Mockplus這樣的原型軟件,這些設(shè)計工具所具備的功能幫助我們創(chuàng)建想要的用戶流程。 Step 6: 審查和更新 在完成用戶流后,大家應(yīng)該檢查它是否合理。我們可以將其發(fā)送給隊友或他人以獲取一些建議并更新以獲得所需的建議。 03 設(shè)計工具▼ 在創(chuàng)建用戶流時,我們需要選擇正確的設(shè)計工具。現(xiàn)在,小編將為大家分享幾款好用且高效的設(shè)計工具。 ▍Axure 作為原型設(shè)計領(lǐng)域最大的品牌,如果我們需要創(chuàng)建用戶流程,那么Axure將是一個不錯的選擇。它具有圖標創(chuàng)建、連接模式和形狀繪制等設(shè)計功能,可用于為UX設(shè)計創(chuàng)建用戶流程。 官網(wǎng)鏈接:https://www./ 兼容系統(tǒng):Windows、Mac 價格:免費試用一個月;USD25 per user/month 支持的用戶流類型:任務(wù)流、流程圖、線流、屏幕流 ▍Figma Figma在設(shè)計行業(yè)享有盛譽,也可以成為用戶流的專業(yè)工具。我們可以添加默認形狀或使用鋼筆和鉛筆繪制所需的形狀并添加箭頭以連接它們。此外,F(xiàn)igma也可以在創(chuàng)建低保真和高保真原型或從計算機上傳圖片后創(chuàng)建線性流和屏幕流。 官網(wǎng)鏈接:https://www./ 兼容系統(tǒng):在線工具,幾乎可以應(yīng)用于所有設(shè)備 價格:有限功能免費;USD12 per editor/month 支持的用戶流類型:任務(wù)流、流程圖、線流、屏幕流 ▍Mockplus Mockplus是一個可以創(chuàng)建我們之前談到的所有類型的用戶流的工具。它提供了思維導圖模式和各種形狀,可幫助大家單擊幾下即可創(chuàng)建任務(wù)流和流程圖。此外,我們還可以使用其標記組件添加一些注釋。 Mockplus作為原型制作工具,我們可以使用免費模板、UI組件、完備的圖標、形狀、組件等,并輕松創(chuàng)建低保真原型和高保真原型。一旦我們準備好原型文件,就可以將它們截屏并保存于計算機。 官網(wǎng)鏈接:https://www./ 兼容系統(tǒng):在線工具,可在Windows、Mac、Linux、iPadOs、iOS 和Android等所有平臺上運行。 價格:大多數(shù)功能免費;USD5.95 per user/month 支持的用戶流類型:任務(wù)流、流程圖、線流、屏幕流 Mockplus是一款免費工具,可以創(chuàng)建我們所需要的用戶流程。它還提供了一個協(xié)作工具,可幫助大家將設(shè)計移交給開發(fā)人員,從團隊那里獲得有關(guān)設(shè)計工作的評論和反饋,并將任務(wù)分配給目標成員等。 UX 設(shè)計中的用戶流程是為我們的產(chǎn)品獲得更好用戶體驗的實用方法。無論是初級設(shè)計師還是高級設(shè)計師,大家都可以在充分了解用戶流的前提下,按照步驟,挑選一款出色的工具,開始直接嘗試創(chuàng)建。 編輯:YAN 原文鏈接: https:///ux-planet/the-beginners-guide-to-user-flow-in-ux-design-2022-7a0ab8c7d0bd |
|
來自: 小雨又來襲TSG > 《交互設(shè)計》