視覺設計師要如何使用用戶體驗地圖?

2 評論 12289 瀏覽 99 收藏 18 分鐘

用戶體驗地圖能在做產品設計時,更好的幫助參與的每一位成員更好的了解產品,更好的掌握產品的大局觀,共同創造出好的產品。

用戶體驗地圖(Customer Journey Map)是什么?

用戶體驗地圖是從用戶的視角出發,去理解用戶、產品或者服務交互的一個重要的設計工具。

也可以說是以可視化的形式,來表現一個用戶使用產品或者接受服務的體驗情況,從體驗的過程中來發現用戶在整個體驗過程中的問題點與情緒點,以此來從中提取出產品的優化點,方便對產品進行迭代,從而保證良好的用戶體驗。

經典案例

Chris Risdon繪制的歐洲鐵路購票的體驗地圖。

圖片來源于:網絡

上圖中是歐洲鐵路公司整個體驗地圖的一部分。歐洲鐵路公司是一家美國經銷商,為北美旅客提供一個獨立預訂火車票去歐洲各地的平臺,而無需用戶去網站預定。他們已經擁有了一個良好體驗的網站和一個屢獲殊榮的咨詢中心,但他們希望通過所有接觸點來優化用戶使用過程,這樣可以讓他們更全面地了解,他們應該專注的投資,設計和技術資源。

整體的“診斷”評價系統,包含一系列的重點舉措,體驗地圖只是其中派生的一部分。體驗地圖幫助建立同理心圖,來理解隨著時間和空間的推移,用戶與歐洲鐵路公司服務系統交互時接觸點的變化。

在這張體驗地圖中采用了五個關鍵組成一個體驗地圖,一個體驗地圖可以直觀的表示用戶操作流、期望、特定的目標、用戶情緒狀態和整體的體驗點,做到整體把控和評估產品體驗。

作用?

用戶體驗地圖包含的內容?

其中包括,人群(產品的用戶是哪一類人)、 用戶的需求(用戶想得到什么)、 路徑(在某特定的場景下體驗的整體過程) 、接觸點 ?(產品與人或人與服務接觸的關鍵點)、行為(用戶的行為是什么樣的?)、情緒 ?(體驗過程中的感受心情) 、機會點 ?(過程中可以突破的點,可以成為特色的地方)、 解決方案 ?(解決用戶在體驗過程的痛點)、 問題 ?(解決用戶在體驗過程的痛點)。

用戶畫像?

在準備開始繪制用戶體驗地圖的時候,我們應該要確立用戶群體 / 確定產品目標 / 了解用戶目標,并作出用戶畫像。

視覺設計師怎么使用

舉例1:

上圖為使用OFO進行騎行的用戶體驗地圖,那我們看看作為一名視覺設計師應該關注哪部分的流程。

視覺設計師的用戶體驗地圖?

我們的聚焦點應在上圖的這幾個部分:

所以當繪制完用戶體驗地圖后,應該再繪制一份視覺設計師看的版本,我們設計師主要關注的視覺的觸點。

(1)定量方法(產品方向)

我們在行為和情緒上一般會使用問卷法、后臺數據分析法,而在需求和問題上一般會使用焦點小組、訪談法、觀察法、日志法和田野調查,下面就為大家來解釋下這些方法。

  • 焦點小組:是指從研究產品中所確定的全部用戶群(總體)中抽取一定數量的用戶來組成樣本,根據樣本信息推斷用戶群總體特征的一種調查方法。
  • 訪談法:訪談,就是以口頭形式向用戶進行詢問,根據被詢用戶的答復搜集客觀的、不帶偏見的事實信息,以準確地說明樣本所要代表的總體的一種方式。
  • 觀察法:觀察法是指研究者根據一定的研究目的、研究提綱或觀察表,用自己的感官和輔助工具去直接觀察用戶,從而獲得資料的一種方法。
  • 日志法:是由用研人員按時間順序,詳細記錄自己在一段時間內使用產品的過程,經過歸納、分析,達到分析產品目的的一種工作分析方法。
  • 田野調查:在日常生活中,在一個有一個嚴格定義的空間和時間的范圍內,體驗特定用戶群的日常生活與思想境界,通過記錄自己的生活的方方面面,來展示不同階段用戶群的基本需求。

(2)注意事項(5要點)

  1. 在制作地圖前,應理清楚產品的前期規劃和需求,并且與同事達成共識。
  2. 避免以自己的經驗或者認知來確定用戶體驗地圖中的接觸點,應當真正的從用戶的行為中去提取。
  3. 不要將一些落后的信息加入到用戶體驗地圖中。
  4. 最好先在Team內部腦暴一份地圖,再去與所制作的地圖進行對比。
  5. 用戶體驗地圖不會涉及到實現方案和現實機制,只涉及用戶的體驗。

(3)團隊人員的合理搭配?

將公司或者團隊的PM、RD、運營、Leader等過來,詳細的描述這一份用戶體驗地圖,聆聽他們的反饋。

(4)在分析用戶問題上?

分為四個等級:ABCD,在對優先級進行排列的同時應該,考慮到產品在每個階段的側重點,根據不同的進度和情況,來對優先級進行排列,幫助我們整理問題和提煉最核心的一些體驗問題,區分問題還能幫助我們更好的把握產品的優化方向。

視覺設計師應該關注的點?

視覺設計師的任務是什么?

是有效的傳達出產品的信息、簡潔并且優雅的傳達、通過視覺設計制造出愉悅的用戶體驗。用戶在很多的場景下都可能接觸到企業的產品或者是服務,這個服務接觸帶給用戶的感受更多是偏向于視覺感知方面的。

所以我們需要盡可能的列舉出企業的產品或者服務與用戶可能產生接觸的場景、服務觸點,再根據服務觸點延伸出相關的“視覺觸點”,用來梳理出我們需要輸出的視覺產物,做出相對應的查漏補缺和優化,輸出指導企業的品牌建設工作。而用戶體驗地圖就很適合作為這樣的工具。

“體驗地圖”對于優化視覺體驗的意義?

整體性:系統性地規劃品牌的視覺統一化工作,提升品牌建設工作的全面性和完整度。也可以避免未來工作中不同的品牌 / UI / 運營設計師對于品牌概念的理解不同而帶來的設計出入。

  • 品牌設計:是用戶對于公司產品的直接印象,所以在品牌設計的要求就是:建立特征、保持特征、推廣特征、美化特征、對于以上的要求,來提供完整且匹配的設計方案。
  • 運營設計:運營設計的目標就是讓用戶盡可能的感知到產品的好,把產品的特點通過設計包裝傳遞給用戶,一個好的運營設計,應該是在用戶看到你的設計作品后,會產生足夠好的興趣和好感,并愿意去關注你的產品。
  • UI設計:這是產品與用戶接觸過程中,頻率最高、最直觀的部分,目的是為了讓用戶認識到產品的相貌和氣質,UI設計需要注意界面視覺層次的強弱、信息劃分、用戶的視線軌跡、色彩的表達、質感、舒適度等,來讓用戶覺得這個產品設計真好。

實例分析

OFO

OFO,以年輕人為主的共享騎行產品,無論是在品牌/運營/UI的設計上,都能讓人感覺時尚、年輕、陽光、且有親和力。

(1)品牌設計

作者:JAN Creation 減藝設計

(2)UI設計

(3)運營設計

圖片來源于:網絡

網易考拉

網易考拉,以高品質商品為主的電商購物產品,無論是在品牌/運營/UI的設計上,都能讓人感覺明快、高品質、精彩、智慧。

(1)品牌設計

作者:Plus_X

(2)UI設計

(3)運營設計

設計師的進階?

在一開始的初級設計師階段(也就是1.0階段),我們需要從交互設計師手中接過交互設計稿,來對它進行氣質進行改造,做出獨特的視覺設計,也就是將其翻譯為高保真稿。然后再與開發同學進行對接,也要保持視覺走查,以防實際效果與預期效果的不符。

在這個1.0階段我們的表現力和創造力,是最為主要的,如何去做出差異化?

這是這個階段的設計師需要考慮的,在這個APP設計趨同的大浪潮下,你如果能夠做出不一樣的設計,那么你則可以一鳴驚人,從眾多水平相當的設計師中脫穎而出,這時你便可以考慮進入下一個階段,也就是2.0。

在高級設計階段(即2.0階段),這時候你就需要擁有更好的產品思維和邏輯能力,不僅僅只是從交互設計師拿到交互設計稿,直接上手開做。

在這之前,你需要開始了解產品的業務定位、用戶人群、產品目標、當前的問題、未來的迭代等,需求方這時候就成你的主要對接對象,需要你具備拆解需求、采集用戶的需求、擴展業務、能進行設計驗證的能力,能將產品的氣質和品牌貫穿于整個產品(UI/運營/品牌),設計是怎么推導的,現在就不是僅僅只在停留在好看的層面上了,畢竟設計師不是畫師,而是解決問題的。

我們在做了某個設計后,就要去關注它的變化了,看看用戶的反饋、商業轉化率等等,這都是為你的下一次設計迭代做的參考。

總結

相信一開始,大家作為一名視覺設計師很容易出現兩種情況:

  1. 第一種是不了解產品、不了解用戶,自己靠著自己的感覺進入一種自我欣賞的情況做設計,從而設計出過于形式化或者不符合產品特征的一些設計。
  2. 第二種則是在產品中找不到需要視覺設計地方或者價值以至于悶悶不樂,找不到提升的空間。

這時就需要設計師轉變自己的思維,更深層次的理解自己設計的產品,擁有全面的用戶體驗思維。從功能設計與視覺設計中尋找到一個平衡點,不做過于形式化或者功能化的設計,并和不同的人群交流,從中改善設計方法,不斷的提升自我。

一個完整的用戶體驗地圖不是設計師一個人能完成的,需要團隊成員、客戶、利益者共同來參與,用戶體驗地圖能讓大家參與其中,并思考用戶的問題和需求,從而能幫助設計師實現平衡用戶、技術、商業三者之間的關系,幫助產品的設計目標提供最為有效的解決方案,使得產品的商業價值最大化,并且設計出一個更貼近用戶需求的產品。

產品設計的目標是設計出有用、可用、滿意、高效的產品;而“用戶體驗地圖”是一種在用戶體驗設計領域常用的工具方法,其產出的形式可以根據項目情況和設計目標靈活變化。提高產品頁面的轉化率和品牌影響力,有利于打造產品的品牌形象。

對于產品經理、交互設計師來說,則可以更加全局直觀地看到產品的服務過程,從中找到設計機會點。對于項目中的其他成員來說,便可以快速進入項目并掌握全局,清晰地看到每個服務環節相對應的設計點。體驗地圖像是一種神奇的整理術,幫助設計師們在無序繁多的需求任務中化繁為簡,理清頭緒。運用好“體驗地圖”,抓住一切的設計機會點。

請記住,視覺設計永遠不止好看這么簡單,設計應該是理性+感性的結合。

參考文章

《讓一切可見–視覺設計師如何運用“體驗地圖”工具》:cdc.tencent.com

《SCARP-視覺設計師應該擁有的體驗思維——收藏夾升級階段性思考心得》:www.aliued.cn

 

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

題圖來自 Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 來自廣東 回復
  2. ofo都涼了。。。

    來自江蘇 回復