2021-2-7 資深UI設(shè)計者
編者按：這篇文章來自資深設(shè)計師 Taras Bakusevych ，他對于產(chǎn)品和體驗有著非常深入的理解，這篇文章深入梳理了如何制作用戶歷程圖才是合理和便捷的，是一篇相當給力的用戶歷程圖終極設(shè)計指南：
用戶歷程圖（Journey Mapping）可能看起來是一個復(fù)雜的東西，尤其是當你嘗試在小組討論的時候把這個東西說清楚，會發(fā)現(xiàn)相當不容易。這篇文章將會為你闡明這一強大工具的使用方法，并且提供一個簡單的模板，并且?guī)湍銊?chuàng)建擁有足夠洞察力的用戶歷程圖，讓你像真正專業(yè)的 UX 設(shè)計師一樣，創(chuàng)建便利、深入、有效的用戶歷程圖。
在數(shù)字產(chǎn)品當中，用戶歷程圖可能是用來呈現(xiàn)用戶如何達成目標的最佳、最常用的工具了。當我們故事以可視化的方式呈現(xiàn)出來，就可以沉浸在用戶的體驗當中。這也是為什么說用戶歷程的價值是巨大的。
理解用戶歷程圖，會迫使我們以更加結(jié)構(gòu)化的方式來思考整個用戶體驗，去梳理和定義事件的順序、關(guān)鍵階段以及事件之間的過渡。
同時，用戶歷程圖還能建立起用戶和設(shè)計師之間的同理心，當你隨著用戶歷程圖推進的時候，能夠更加深入理解用戶的痛苦和無奈，從而幫設(shè)計師理解用戶的動機。
用戶歷程圖還能幫你真正定義痛點，這是至關(guān)重要的。每種產(chǎn)品都應(yīng)該在某種程度上幫助用戶，讓用戶生活更加輕松，如果你對痛點有所了解，自然就可以改善體驗。
根據(jù)實際的使用場景，用戶歷程圖會有很多不同的呈現(xiàn)形式，里面通常會包括一些圖形化的元素將整個歷程或者流程呈現(xiàn)出來，而余下的元素則采用解釋性的文本來作為支撐。
絕大多數(shù)的模板會顯得過度裝飾，且過于復(fù)雜，在很多時候，它們會作為項目中的展示性成果展現(xiàn)在PPT當中，而不是作為一種有效的工具，來幫助團隊來洞察需求。
如果你上網(wǎng)搜索用戶歷程圖，你會發(fā)現(xiàn)一大堆各式各樣的圖，這些圖和實際的理解是脫節(jié)的。
用戶現(xiàn)狀歷程圖反映的是用戶當前的狀態(tài)，這反映的是用戶歷程在優(yōu)化之前、當下的狀態(tài)。而用戶未來歷程圖則反映的是用戶歷程在優(yōu)化過之后，未來理想的狀態(tài)是什么樣的。
這兩者在結(jié)構(gòu)和目標上是不一樣的，主要差別在于用戶角色的定義上。有的時候，你的用戶確實是消費者，而在很多情況下，用戶又不一定是消費者，這就是差別所在。
用戶歷程圖側(cè)重于呈現(xiàn)客戶的前端體驗，而服務(wù)藍圖則重在呈現(xiàn)后端的構(gòu)成，以及交付方式背后的業(yè)務(wù)邏輯以及同產(chǎn)品核心之間的關(guān)系。
你可以在 Megan Erin Miller 和 Erik Flowers 的這篇文章當中找到更多的信息。
從來就不存在什么完美的用戶歷程圖，不過你可以基于某個版本的用戶歷程圖來著手。而這里準備的這套模板是經(jīng)過長期測試和實驗之后總結(jié)出來的一款，它非常容易上手，復(fù)雜度也控制得恰到好處，并且它包含你所關(guān)注的絕大多數(shù)的指標，甚至更多。下面，我將教你如何逐步完成這個用戶歷程圖。
你可以在這里下載 PDF 文檔
在研討會或者工作坊模式下，開始用戶歷程的研究和搭建，是一個不錯的練習(xí)方式。在這種情況下，即使的團隊有較多的人，也最好按照小組來進行（每個小組3-5人）。根據(jù)用戶歷程的復(fù)雜度和涉及的內(nèi)容的不同，通常你應(yīng)該可以在 1.5 小時候完成整個用戶歷程圖的搭建。至于你能用到的文具，僅僅 需要多種不同顏色的便簽紙，筆和紅點貼紙即可。在開始之前，你需要和各個小組先聲明和解釋整個過程，并且確保所有人對于這個過程的流程、原理和方法的認知保持一致。
在這里，我們需要定義地圖的內(nèi)容，用戶的整個行為歷程，以及他們試圖要達成的目標，都有哪些。這很關(guān)鍵，不僅要確保所有的參與者都很清楚用戶場景，而且要借此構(gòu)建出對于后續(xù)設(shè)計有幫助的內(nèi)容輸出。
演員——這個歷程與誰有關(guān)？整個歷程圖應(yīng)該只和一個角色有關(guān)，也就是要經(jīng)歷整個歷程的用戶角色。
場景和目標——描述參與的用戶的行動的情況和狀態(tài)，從而增加上下文環(huán)境的清晰度。描述用戶的目標，期望以及動機都有什么。
當前/未來狀態(tài)——闡明用戶歷程所在的階段。
Ps：即使此刻你要做的是某個未來的產(chǎn)品，也最好不要跳過當前狀態(tài)，洞察當前的用戶和產(chǎn)品狀態(tài)、痛點、習(xí)慣，有助于你去驗證想法。
接下來，你需要定義整個用戶歷程的大的階段。先把各個階段定義好能夠最大程度節(jié)省你的時間和精力。最簡單的方法，是先定義第一個和最后一個階段，然后再來填補中間的各個階段，不要創(chuàng)建太多的階段，而是將整個用戶歷程切分成為有意義的部分。
按照用戶操作流程，來逐個執(zhí)行梳理各個階段用戶的行為、狀態(tài)。千萬不要試圖梳理得過于詳盡和細致，盡量專注于關(guān)鍵因素，確定用戶需要哪些要素，才能推進到下一個階段。
在這個階段，要開始描述和用戶執(zhí)行操作緊密關(guān)聯(lián)的的想法，涉及到的問題，還有感受。在很多其他的用戶歷程圖模板當中，這個部分通常是和整個用戶歷程圖是分開的，但是實際上，只有合并到一起才是合理的。
在這個部分，我不建議將時間花費在用戶情感曲線的繪制上，這樣做的實際目標更多是為了更加具有視覺吸引力，并不具備實際的價值。
在這個步驟當中，我們會高亮標注出用戶在各個階段會接觸到的物理和數(shù)字交互點，以及涉及到的工具、人和服務(wù)。我相信各個階段所覆蓋的這些觸點，能夠幫助我們更好地梳理和構(gòu)建出整個心智模型，并且能夠幫助產(chǎn)品和服務(wù)，讓它們能夠更加切合用戶的需求，更好地集成到一起。
如果你已經(jīng)和你的團隊創(chuàng)建了類似移情圖、價值主張畫布，那么你無需在這個事情上重新創(chuàng)建相同的內(nèi)容，因為用戶歷程圖和以上內(nèi)容中有大量重復(fù)的部分，你只需要遷移過來即可。隨后，你可以將進度合并到當前的用戶歷程圖當中。
這個步驟，需要將各個不同階段的內(nèi)容填寫進來。
給每個參與者一些紅點貼紙，方便他們在整個用戶歷程圖上，對他們認為是痛點的部分進行標記并投票。痛點可能和情緒有關(guān)（比如害怕提供個人詳細信息），也可能與行為有關(guān)（比如手動輸入快遞地址等）。這就是為什么最好不要為痛點創(chuàng)建單獨的行列，因為可能涉及到的點非常多也非常分散。如果需要對痛點進行深入的描述，使用紅色便簽紙來進行詳細闡述。
到了最后的階段。在確定痛點之后，我們就可以開始思考如何緩解或者消除痛點。通常，我們需要通過改進整體策略，完善功能，集成服務(wù)，來解決痛點，當然，更多的時候，可能還需要我們擁抱一些更加狂放的構(gòu)思，通過創(chuàng)新來搞定痛點。
在小而無關(guān)緊要的細節(jié)上進行爭論，很容易迷失方向。我經(jīng)常會看到某些小組會停留在第一階段，陷入爭論，無法推進。從來都沒有任何一個用戶歷程圖是完美的，因為用戶總會有不同的習(xí)慣，并且需要產(chǎn)品設(shè)計師從不同的角度來解決問題。
因此，這需要你和你的團隊專注于 80%最關(guān)鍵的用例，而不是在所有可能的事情上做復(fù)雜的取舍，并且踟躕不前。
文章來源：優(yōu)設(shè) 作者：Taras Bakusevych
藍藍設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://www.wnxcall.com