視覺設(shè)計師與用戶體驗地圖

2020-3-25    前端達(dá)人

點擊查看原圖


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

用戶體驗地圖是從用戶的視角出發(fā),去理解用戶、產(chǎn)品或者服務(wù)交互的一個重要的設(shè)計工具。

也可以說是以可視化的形式,來表現(xiàn)一個用戶使用產(chǎn)品或者接受服務(wù)的體驗情況,從體驗的過程中來發(fā)現(xiàn)用戶在整個體驗過程中的問題點與情緒點,以此來從中提取出產(chǎn)品的優(yōu)化點,方便對產(chǎn)品進(jìn)行迭代,從而保證良好的用戶體驗。

經(jīng)典案例

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

點擊查看原圖



上圖中是歐洲鐵路公司整個體驗地圖的一部分。歐洲鐵路公司是一家美國經(jīng)銷商,為北美旅客提供一個獨立預(yù)訂火車票去歐洲各地的平臺,而無需用戶去網(wǎng)站預(yù)定。他們已經(jīng)擁有了一個良好體驗的網(wǎng)站和一個屢獲殊榮的咨詢中心,但他們希望通過所有接觸點來優(yōu)化用戶使用過程,這樣可以讓他們更全面地了解,他們應(yīng)該專注的投資,設(shè)計和技術(shù)資源。整體的“診斷”評價系統(tǒng),包含一系列的重點舉措,體驗地圖只是其中派生的一部分。體驗地圖幫助建立同理心圖,來理解隨著時間和空間的推移,用戶與歐洲鐵路公司服務(wù)系統(tǒng)交互時接觸點的變化。

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

作用 :

點擊查看原圖



用戶體驗地圖能幫助我們創(chuàng)造出一個有大局觀的用戶體驗,更好的幫助我們理解用戶的痛點和需求,幫助Team達(dá)成共識,非常有利于跨團(tuán)隊合作。

用戶體驗地圖包含的內(nèi)容 :

01b5465c17ca39a8012092526f5b27.jpg



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

用戶畫像 :

01c6935c17ca72a80121ab5d78d1c9.jpg


015b475c17ca8aa80120925274b13f.jpg


在準(zhǔn)備開始繪制用戶體驗地圖的時候,我們應(yīng)該要確立用戶群體 / 確定產(chǎn)品目標(biāo) / 了解用戶目標(biāo),并作出用戶畫像。

視覺設(shè)計師怎么使用

舉例(一):

01e1835c17cabfa80121ab5d29eade.jpg



那我們看看作為一名視覺設(shè)計師應(yīng)該關(guān)注哪部分的流程。

視覺設(shè)計師的用戶體驗地圖 :

01e7375c17cae4a801209252612bf2.jpg


我們的聚焦點應(yīng)在上圖的這幾個部分。

0147a05c17caf9a80121ab5d287c70.jpg


所以當(dāng)繪制完用戶體驗地圖后,應(yīng)該再繪制一份視覺設(shè)計師看的版本,我們設(shè)計師主要關(guān)注的視覺的觸點。

定量方法(產(chǎn)品方向):

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

焦點小組:是指從研究產(chǎn)品中所確定的全部用戶群(總體)中抽取一定數(shù)量的用戶來組成樣本,根據(jù)樣本信息推斷用戶群總體特征的一種調(diào)查方法。

訪談法:訪談,就是以口頭形式向用戶進(jìn)行詢問,根據(jù)被詢用戶的答復(fù)搜集客觀的、不帶偏見的事實信息,以準(zhǔn)確地說明樣本所要代表的總體的一種方式。

觀察法:觀察法是指研究者根據(jù)一定的研究目的、研究提綱或觀察表,用自己的感官和輔助工具去直接觀察用戶,從而獲得資料的一種方法。

日志法:是由用研人員按時間順序,詳細(xì)記錄自己在一段時間內(nèi)使用產(chǎn)品的過程,經(jīng)過歸納、分析,達(dá)到分析產(chǎn)品目的的一種工作分析方法。

田野調(diào)查:在日常生活中,在一個有一個嚴(yán)格定義的空間和時間的范圍內(nèi),體驗特定用戶群的日常生活與思想境界,通過記錄自己的生活的方方面面,來展示不同階段用戶群的基本需求。

注意事項(5要點)

1. 在制作地圖前,應(yīng)理清楚產(chǎn)品的前期規(guī)劃和需求,并且與同事達(dá)成共識。

2. 避免以自己的經(jīng)驗或者認(rèn)知來確定用戶體驗地圖中的接觸點,應(yīng)當(dāng)真正的從用戶的行為中去提取。

3. 不要將一些落后的信息加入到用戶體驗地圖中。

4. 最好先在Team內(nèi)部腦暴一份地圖,再去與所制作的地圖進(jìn)行對比。

5. 用戶體驗地圖不會涉及到實現(xiàn)方案和現(xiàn)實機(jī)制,只涉及用戶的體驗。

團(tuán)隊人員的合理搭配 :

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

在分析用戶問題上 :

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

視覺設(shè)計師應(yīng)該關(guān)注的點 :

01c9015c17cbf7a801209252f6af88.jpg



視覺設(shè)計師的任務(wù)是什么?是有效的傳達(dá)出產(chǎn)品的信息、簡潔并且優(yōu)雅的傳達(dá)、通過視覺設(shè)計制造出愉悅的用戶體驗。用戶在很多的場景下都可能接觸到企業(yè)的產(chǎn)品或者是服務(wù),這個服務(wù)接觸帶給用戶的感受更多是偏向于視覺感知方面的。所以我們需要盡可能的列舉出企業(yè)的產(chǎn)品或者服務(wù)與用戶可能產(chǎn)生接觸的場景、服務(wù)觸點,再根據(jù)服務(wù)觸點延伸出相關(guān)的“視覺觸點”,用來梳理出我們需要輸出的視覺產(chǎn)物,做出相對應(yīng)的查漏補(bǔ)缺和優(yōu)化,輸出指導(dǎo)企業(yè)的品牌建設(shè)工作。而用戶體驗地圖就很適合作為這樣的工具。

“體驗地圖”對于優(yōu)化視覺體驗的意義 :

01fea65c17cc21a80121ab5d431aa7.jpg


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

01d6455c17cc3ba80121ab5d399fc3.jpg


品牌設(shè)計,是用戶對于公司產(chǎn)品的直接印象,所以在品牌設(shè)計的要求就是:建立特征、保持特征、推廣特征、美化特征、對于以上的要求,來提供完整且匹配的設(shè)計方案。

運營設(shè)計,運營設(shè)計的目標(biāo)就是讓用戶盡可能的感知到產(chǎn)品的好,把產(chǎn)品的特點通過設(shè)計包裝傳遞給用戶,一個好的運營設(shè)計,應(yīng)該是在用戶看到你的設(shè)計作品后,會產(chǎn)生足夠好的興趣和好感,并愿意去關(guān)注你的產(chǎn)品。

UI設(shè)計,這是產(chǎn)品與用戶接觸過程中,頻率最高、最直觀的部分,目的是為了讓用戶認(rèn)識到產(chǎn)品的相貌和氣質(zhì),UI設(shè)計需要注意界面視覺層次的強(qiáng)弱、信息劃分、用戶的視線軌跡、色彩的表達(dá)、質(zhì)感、舒適度等,來讓用戶覺得這個產(chǎn)品設(shè)計真好。

例如 :

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

品牌設(shè)計 :


0151145c17cc66a80121ab5ddb966a.jpg

UI設(shè)計 :

01386c5c17cc9da80121ab5dd27af4.jpg


運營設(shè)計 :

01c5c35c17ccbea8012092520ea55d.jpg

UI設(shè)計 :

0105375c17cd2aa801209252066123.jpg


運營設(shè)計 :

0105375c17cd2aa801209252066123.jpg

設(shè)計師的進(jìn)階 :

01ff0e5c17cd5aa801209252db7ebb.jpg

在一開始的初級設(shè)計師階段(也就是1.0階段),我們需要從交互設(shè)計師手中接過交互設(shè)計稿,來對它進(jìn)行氣質(zhì)進(jìn)行改造,做出獨特的視覺設(shè)計,也就是將其翻譯為高保真稿,然后再與開發(fā)同學(xué)進(jìn)行對接,也要保持視覺走查,以防實際效果與預(yù)期效果的不符;在這個1.0階段我們的表現(xiàn)力和創(chuàng)造力,是最為主要的,如何去做出差異化?這是這個階段的設(shè)計師需要考慮的,在這個APP設(shè)計趨同的大浪潮下,你如果能夠做出不一樣的設(shè)計,那么你則可以一鳴驚人,從眾多水平相當(dāng)?shù)脑O(shè)計師中脫穎而出,這時你便可以考慮進(jìn)入下一個階段,也就是2.0。

0172935c17cd76a80121ab5d42695b.jpg

在高級設(shè)計階段(即2.0階段),這時候你就需要擁有更好的產(chǎn)品思維和邏輯能力,不僅僅只是從交互設(shè)計師拿到交互設(shè)計稿,直接上手開做,在這之前,你需要開始了解產(chǎn)品的業(yè)務(wù)定位、用戶人群、產(chǎn)品目標(biāo)、當(dāng)前的問題、未來的迭代等,需求方這時候就成你的主要對接對象,需要你具備拆解需求、采集用戶的需求、擴(kuò)展業(yè)務(wù)、能進(jìn)行設(shè)計驗證的能力,能將產(chǎn)品的氣質(zhì)和品牌貫穿于整個產(chǎn)品(UI/運營/品牌),設(shè)計是怎么推導(dǎo)的,現(xiàn)在就不是僅僅只在停留在好看的層面上了,畢竟設(shè)計師不是畫師,而是解決問題的,我們在做了某個設(shè)計后,就要去關(guān)注它的變化了,看看用戶的反饋、商業(yè)轉(zhuǎn)化率等等,這都是為你的下一次設(shè)計迭代做的參考。



站酷

分享到脈脈


轉(zhuǎn)自:脈脈

原文鏈接:https://maimai.cn/article/detail?fid=988630001&efid=N-uHKNnf7vXGBmaFd3lZHA&use_rn=1

日歷

鏈接

個人資料

存檔