用戶體驗地圖如何落地?

13 評論 54217 瀏覽 508 收藏 13 分鐘

用戶體驗地圖是從用戶的角度出發,以敘述故事的方式描述用戶與產品之間的互動??梢园延脩趔w驗地圖作為一個參照物,去啟動一些適當的用戶研究,以找出假設是否符合現實。

首先,用戶體驗地圖(Customer Journey Map / User experience Map)不是由某個角色來完成的,而是團隊共同協作完成。這個團隊可以包括PM、UED、UID、DE、Customer等。

UI進階產品設計之用戶體驗地圖

圖片來源:Google

什么是用戶體驗地圖?

UI進階產品設計之用戶體驗地圖

圖片來源:Google

用戶體驗地圖,是一種可視化工具。它從用戶的角度出發,以敘述故事的方式描述用戶與產品之間的互動。

  1. 對于0-1的產品,它將為我們展示一個假設,并以此作為參照,一步步完善產品功能、用戶體驗;
  2. 對于1-∞的產品,用戶體驗地圖是用戶增長策略的一部分,是產品優化的重要工具。

為什么要做用戶體驗地圖?

產品設計的目標,是設計出可用性強、效率高、滿意度好的產品。而用戶體驗地圖在其中的重要性可見一斑:

  1. 用戶體驗地圖可以很快的幫設計、開發理清思路,清晰地看到每個環節對應的設計點,從而可以更高效的產出;
  2. 通過識別和解決負面用戶體驗來優化用戶體驗;
  3. 幫助公司從用戶的角度思考產品,以建立一種相互尊重、依賴、信任的長期關
  4. 通過痛點分析,發掘產品戰略上新的機會和挑戰。

怎么做用戶體驗地圖?

UI進階產品設計之用戶體驗地圖

繪制用戶體驗地圖,分以下幾個步驟:

1. 了解用戶

a. 常見的方式是用戶訪談:直接與用戶交流,可以采取面對面、電話溝通的方式。盡可能獲取到最直接、最準確的資料。用戶訪談過程需要注意用戶的選擇、問題的擬定、言語的溝通(不要有引導性話語)、時間的控制等。這類一般由專業用研人員進行,但有些公司并沒有用研部門,則需要設計師去承擔這部分工作;

b. 詢問客服;

c. 用戶投訴記錄、用戶在社交媒體/應用商店的評價;

d. 調研相關競品。

2. 創建用戶角色

根據用戶研究等相關數據,確定產品/服務的用戶角色。它是整個產品和服務的服務對象。應包括以下內容:

a. 人物的人口統計表現(年齡,性別等);

b. 一般特征(職業,興趣、習慣等);

c. 人物描述(目的、行為、思考等);

d. 心理特征(需求,期望,痛點等)。

UI進階產品設計之用戶體驗地圖

圖片來源:破繭成蝶2

UI進階產品設計之用戶體驗地圖

圖片來源:Xtensio

如果用戶群比較復雜,應該對用戶進行分類,并為每類用戶創建角色模型,包括用戶的基本信息,需求、期望、痛點。

比如微信用戶群年齡層跨度很大,每個年齡段的用戶需求是不一樣的,這個時候我們就可以按照年齡段劃分用戶角色。

下圖是攜程全球購根據大量用戶數據,按照用戶的購物特性劃分的3類人群:

用戶畫像一定要通過用戶訪談獲取真實的用戶信息,切忌憑空YY用戶畫像,那樣是沒有意義的。因為用戶畫像在業內的使用量并不是很廣,或者說做了用戶分析但是并未系統性整理成可視化的用戶畫像。

很多設計師為了包裝作品,強行倒推用戶畫像,很容易被專業性強的leader識破。用戶畫像一定是團隊結合用戶數據+適當腦暴得出的。

3. 確定體驗場景/方向

體驗場景切忌填鴨式的過早定義(根據自己的認知/經驗確定的體驗場景)。因為產品的用戶場景可能有很多,你需要根據用戶研究調查/用戶訪談數據,將信息適當歸類整理,而后得出體驗場景/方向。體驗場景是用戶體驗地圖的奠基石。

4. 開始繪制

用戶旅程地圖實際上就是一個大表,橫軸表示時間步長,縱軸表示分析要點。

找到一個干凈的墻壁或獲得大泡沫板,并使用遮蔽膠帶來創建一個大網格是最落地的方式了。

橫軸的步驟將根據你的體驗場景而有所不同,但縱軸通常保持不變。

下面是一個簡單的用戶體驗地圖框架:

UI進階產品設計之用戶體驗地圖

圖片來源: Harry Brignull? 漢化: 宛蘇

  • 行為:用戶進入下一步需要做的事情;
  • 問題:用戶在愿意進入下一步之前需要回答的事情;
  • 爽點:改善體驗的、積極、愉快的事情;
  • 痛點:挫折、破壞體驗的煩惱;
  • 機會:設計可以在新產品中實現的增強功能,以解決所發現的任何問題。

以團隊的形式,共同努力填補網格。最好從上到下從左到右開始,定期引用同理心地圖作為靈感來源。

如果有一些空白單元格,也不要擔心,這是正常的。因為用戶體驗地圖并不是一錘定音的,而是發掘問題、解決問題,反復迭代更新的。

下面是 Charlie 在2000年代中期創建共享數字視頻過程中的完整的用戶體驗地圖:

UI進階產品設計之用戶體驗地圖

圖片來源: Harry Brignull? 漢化: 宛蘇

將“機會”這點留到最后一行是很重要的。因為它基本上是已經確定的問題(即未解答的問題和痛點)的總結。

后期我們可以把他們單獨拎出來,根據這些“痛點“”機會“重新構思為新的產品功能/設計優化。

UI進階產品設計之用戶體驗地圖

圖片來源: Harry Brignull? 漢化: 宛蘇

用戶體驗地圖為我們提供了一個很好的起點。在發現和探索階段花費幾個星期,通過研究了解目標用戶,探索設計概念,在開發之前迭代并扔掉許多不適合的想法也是常有的。

5. 可視化輸出

其實像上圖的便利貼+白板的形式,很落地,非常適合團隊之間配合做用戶體驗地圖的。不過對于非項目成員來說卻比較難一眼就看明白。比如遠在西洋的大boss想瞅瞅用戶體驗地圖,你是把請他飛過來看呢,還是拍一張需要不斷放大縮小才看清的大圖?誠然,都不合適。所以,我們可以將白板上的內容整理出來并進行可視化文檔輸出。給大家找了幾個很棒的案例:

NO.1 歐洲鐵路體驗地圖

它的時間比較早,但因為非常全面和標準,包含體驗地圖相關的所有要素,至今仍然被各大公司當作參照的模板。

UI進階產品設計之用戶體驗地圖

圖片來源: 白鷺漫談

NO.2 途家用戶體驗地圖

途家用戶體驗地圖,是由白鷺原創繪制(詳見公眾號:白鷺漫談)。它基本是沿用歐洲用戶體驗地圖的模版,以途家為例,按照用戶體驗地圖的繪制步驟,輸出此地圖的。

UI進階產品設計之用戶體驗地圖

圖片來源:白鷺漫談

NO.3 出境購物用戶體驗地圖

這幾乎是我網上所能搜到的,信息最全、最為細致的用戶體驗地圖了。內容很飽滿,分析也很準確。尤其是加上一些意符圖標,使得整個地圖可視化很強。

UI進階產品設計之用戶體驗地圖

圖片來源于知乎網友:戴戴

NO.4 Airtable用戶體驗地圖

當項目排期比較緊張,我們就可以選擇簡單的Excel表格,提煉主要的步驟和要點,進行大致的整理。

UI進階產品設計之用戶體驗地圖

圖片來源:白鷺漫談

很重要的一點是:除非你確定這份可視化用戶體驗地圖可以給你的團隊/公司帶來很大的價值,否則不用去花太多的時間去整理/包裝美化用戶體驗地圖,那是沒有多大意義的。

用戶體驗地圖制作的過程中注重的是成員的思考、總結和洞察能力。有時間去美化用戶地圖,還不如好好思考痛點和機會點,輸出有效可用的設計原型。

我們應該把用戶體驗地圖作為一個參照物,去啟動一些適當的用戶研究,以找出假設是否符合現實(例如定性用戶訪談,可用性測試,實地研究、調查等)。

總結

  1. 注重產品的前期思考,用戶分析;
  2. 體驗場景/階段不要根據自己的認知/經驗去定義;
  3. 團隊協作很重要,頭腦風暴;
  4. 切忌填鴨式輸出可視化用戶體驗地圖。

參考文獻

  1. How to Run an Empathy & User Journey Mapping Workshop –作者:Harry Brignull
  2. Personas: Why is it important to understand your users? –來源:Keepitusable
  3. Journey Mapping in Real Life: A Survey of UX Practitioners –作者: Kate Kaplan
  4. 用研方法:用戶體驗地圖實踐? — 知乎:戴戴
  5. 如何一步步去做用戶體驗地圖?– 作者:白鷺
  6. 破繭成蝶-以產品為中心的設計革命 –作者:劉津、孫睿
  7. 用戶體驗地圖:最直觀的呈現用戶痛點與產品機會點? –作者:青溪Joanna

 

作者:宛蘇,公眾號:wansugogo

本文由 @宛蘇 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 時間線上展示情緒高低那個圖純屬胡扯

    來自浙江 回復
  2. 難道不是Empathy Mapping: The First Step in Design Thinking這篇文章的翻譯?這是原創???

    來自廣東 回復
  3. 攜程全球購的這個用戶畫像做的太離譜了吧。
    南京文員,月薪5000,要租房,還要存錢給父母,每年出境旅游1~2次。。。

    來自浙江 回復
  4. 謝謝分享,學到很多

    回復
  5. 數據埋點

    回復
  6. 2b的平臺類產品,很難用這種方式來做整個產品的用戶體驗地圖呀

    回復
    1. 也可以做,分角色來做。

      回復
  7. 蘋果手機交互設計

    回復
  8. 真的很具體

    回復
    1. 看了不下二十篇文章??

      回復
  9. 很實用

    回復