首頁

優(yōu)秀的設計就是帶給用戶驚喜!

藍藍設計的小編

優(yōu)秀的產(chǎn)品設計是能帶給用戶驚喜的,在不經(jīng)意間讓用戶感受到溫度,也是提升用戶體驗的關鍵。
 
隨著行業(yè)的進步,產(chǎn)品設計師也在不斷優(yōu)化體驗,輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設計,來和大家一起欣賞一下吧!
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
體驗目錄
一、降落傘帶來的營銷廣告
二、動效反饋商家備餐過程
三、這個廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機狀態(tài)下的實時動態(tài)
六、小圖標里的細節(jié)反思
七、輪播式的懸浮設計
八、氛圍熱烈的底部標簽欄
九、收縮式交互設計
十、形象化的進度設計
 
 
一、降落傘帶來的營銷廣告
在這個廣告滿天飛的年代,用戶已經(jīng)逐步開啟廣告免疫模式,如何提高用戶對廣告的關注度至關重要。
 
近期在體驗餓了么時,等待送餐界面中空降一個降落傘,從左上角飄到右側懸浮,彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關注度,進而提高了營銷廣告的點擊率,雖然廣告大家都比較反感,但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
二、動效反饋商家備餐過程
提升等待過程對于用戶體驗來說尤為重要,降低用戶等待過程中的焦慮感,才能讓用戶愿意為此停留。
 
通過餓了么點餐之后,商家需要一定的時間完成餐飲的制作,必然需要用戶等待一些時間。在這個備餐過程中,當前界面以一個翻炒動效表達,情感化的動效不僅提示用戶當前狀態(tài),也提升了設計表達的感官體驗。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
三、這個廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗騰訊視頻 App 時,從閃屏廣告過度到 Banner 圖的過程中,經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式,再演變到放大版的多個廣告切片(占 Banner 位呈現(xiàn)),最后再恢復到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了,讓你對廣告的記憶形成硬性要求。
 
無論這個廣告設計方案是否讓用戶反感,但是這個呈現(xiàn)的互動方式還是比較新穎的,相信廣告的點擊率必然有所提升。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的,各類形式的演變也層出不窮,產(chǎn)品設計師都在探索更多可能性。
 
在騰訊視頻 App 動漫欄目中,發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效,提升了整體的氛圍感,動效與 Banner 畫面完美貼合,視覺沉浸感十足。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
五、待機狀態(tài)下的實時動態(tài)
隨時讓用戶感受到你的存在,才能讓人感到安心,服務過程中狀態(tài)實時可見至關重要。
 
通過餓了么點餐之后,就算處于待機狀態(tài)時,只要點亮屏幕即可看到當前出餐狀態(tài)。可視化的圖形結合時間提醒,讓狀態(tài)一目了然,使得點餐到用餐之間的過程更有用戶可控性。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
六、小圖標里的細節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達的圖標,既要能準確表達主題,也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標案例,在掃一掃的圖標中結合了汽車外形輪廓,不僅不會影響掃描的功能表達,也進一步表達了該功能的差異。和別的產(chǎn)品掃描功能不同,這個是對準汽車進行掃描,體現(xiàn)出了業(yè)務的差異化。一枚小小的圖標體現(xiàn)出了設計師的能力,用最簡單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
七、輪播式的懸浮設計
懸浮設計非常普及,因為占比小和滑動頁面會隱藏,對用戶的干擾比較小。
 
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達,芒果卡和活動中心會自動輪播顯示(也能手動切換)。讓我們對懸浮窗口的設計又多了一種設計理解,可以呈現(xiàn)更多不同內(nèi)容的表達,提升了窗口的利用率。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
八、氛圍熱烈的底部標簽欄
底部標簽欄的設計在圖標創(chuàng)意層面發(fā)揮較多,各類風格的圖標讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。
 
近期恰逢芒果 TV 十周年之際,在底部標簽欄背景層也加強了氛圍感。豐富多彩的元素和配色,結合主題化的圖標設計,使得整體氛圍感拉滿。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
九、收縮式交互設計
通過交互方式應對用戶操作過程,特別是在滑動界面時,交互方式的優(yōu)化可以降低干擾,提高當前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面,默認以 3D 動態(tài)圖標展示“開始創(chuàng)作”按鈕,當滑動界面時按鈕會收縮展示。通過收縮式的交互設計,讓界面可以展示更多內(nèi)容,也不會影響用戶點擊按鈕進行創(chuàng)作。即通過 3D 動效加強了功能的曝光度,又通過收縮式交互提高了內(nèi)容的展示空間,可謂是一舉多得的設計解決方案。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
十、形象化的進度設計
進度設計是反饋狀態(tài)變化的關鍵,通過可視化的表達讓用戶一目了然,提高用戶對服務過程的把控。
 
當用戶通過攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進度提示。通過可視化的列車形象的表達了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達站點示意。不僅信息傳遞高效,形象的表達也使得感官體驗更佳。
優(yōu)秀的設計就是帶給用戶驚喜!
 
 
 
 
小結
優(yōu)秀的產(chǎn)品總能在細微之處帶給你驚喜,讓你感受到產(chǎn)品服務的情感化和溫度。本文觀點僅代表個人體會,希望可以和大家一起共勉。
 
作者:黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉載。


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxODE4MA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。

信息架構優(yōu)化 | 如何設計產(chǎn)品中的列表項?

資深UI設計者

本次關于“列表項”的規(guī)范化設計是在整個產(chǎn)品 信息架構優(yōu)化 (Information Architecture Optimization) 背景下進行的。把列表項做得更具通用性,從開發(fā)的角度,能更好地完成項目落地,以及降低后期維護的成本。從用戶的角度,產(chǎn)品交互的一致性能讓用戶快速熟悉產(chǎn)品,從而提升產(chǎn)品的 易用性。

如何設計讓人一看就明白的說明書?

資深UI設計者

你有一些東西需要向別人說明或解釋?不要說出來,而是展現(xiàn)出來!

從用戶體驗角度出發(fā),原來可視化設計如此簡單

藍藍設計的小編

在大數(shù)據(jù)可視化設計中,以用戶為中心的視覺敘事策略能夠將數(shù)據(jù)轉化為有價值、有情感、有互動性的信息呈現(xiàn),幫助用戶更好地理解數(shù)據(jù)、發(fā)現(xiàn)數(shù)據(jù)中的規(guī)律和價值,從而為決策提供有力支持。通過深入了解用戶需求、構建清晰的敘事框架、運用可視化元素打造敘事場景以及提供豐富的交互功能,UI 設計師能夠創(chuàng)造出具有強大吸引力和實用性的大數(shù)據(jù)可視化作品,讓數(shù)據(jù)在用戶面前生動地講述自己的故事,引領用戶在數(shù)據(jù)的海洋中暢游,探索無盡的知識與智慧寶藏。

UI設計案例解析:蘭亭妙微如何為客戶打造極致用戶體驗

藍藍設計的小編

通過本次案例的解析,我們可以看到蘭亭妙微設計團隊在UI設計方面的專業(yè)能力和創(chuàng)新精神。團隊始終將用戶需求放在首位,注重設計的簡潔性、情感性和交互性,通過不斷優(yōu)化和改進設計策略,實現(xiàn)了用戶體驗的全面提升。相信在未來的設計中,蘭亭妙微設計團隊將繼續(xù)保持這種精神,為客戶帶來更多優(yōu)質的設計作品。

設計視角下的用戶習慣培育與行為遷移策略優(yōu)化

藍藍小助手

就算我們營造了良好的體驗,受限于技術限制或者工具的穩(wěn)定性限制,功能執(zhí)行的結果可能也不是非常如意,會出現(xiàn)一些異常/失敗的結果。如何告知用戶當前遇到了那些問題,以及如何解決這些問題,提供即時的反饋機制也非常的重要。不然用戶習慣難以養(yǎng)成,用戶也較易流失。

用戶體驗一致性思考

藍藍小助手

一致性的真正價值在于其能夠顯著提升用戶體驗。通過遵循用戶的認知和習慣,設計師能夠創(chuàng)造出更加自然、流暢的操作流程,使用戶在享受產(chǎn)品功能的同時,也能感受到品牌所傳遞的舒適與和諧。因此,在追求設計一致性的過程中,我們始終應以人為本,將用戶的體驗和感受放在首位。建設有兼容性和長期價值的的一致性框架,在一致性中做到有用戶價值的設計,是設計師應該不斷探索的命題。

好的UI規(guī)范讓系統(tǒng)視覺更加統(tǒng)一,交互更加高效~

資深UI設計者

好的UI規(guī)范讓系統(tǒng)視覺更加統(tǒng)一,交互更加高效~

用戶體驗設計必備知識之支持可用性的交互設計原則

資深UI設計者

本文主要結合常見的移動端產(chǎn)品分享支持可用性的交互設計基本原則。文章圖片較多請耐心等待加載清晰后查看。

打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略

ui設計分享達人

目錄
一、  什么是用戶體驗地圖?
二、  為什么使用用戶體驗地圖?
三、  什么情況使用用戶體驗地圖?
四、  用戶體驗地圖的組成?
五、  用戶體驗地圖的制作流程
六、  用戶體驗地圖案例展示
七、  用戶體驗地圖總結
一、  什么是用戶體驗地圖?
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
用戶體驗地圖(User Experience Map)是一種用于可視化展示用戶在與產(chǎn)品或服務互動過程中所經(jīng)歷的各個接觸點和體驗的工具。它幫助團隊深入了解用戶的行為、情感和痛點,從而優(yōu)化用戶體驗。
用戶體驗地圖(User Experience Map)是產(chǎn)品設計前期——用戶研究中很重要的一部分,視角化和圖表的方式,從用戶的角度來表現(xiàn)其和產(chǎn)品/組織/服務交互的過程,是連續(xù)的視覺時間和完整故事的多個互動點。
簡單來說,在用戶定義角色,搭配行為研究、表格調查和競品分析等數(shù)據(jù)下,構思出這個角色在某個角色故事下要完成特定目標,以反應用戶使用某個特定產(chǎn)品的真實特性,有助于我們評估現(xiàn)狀、找出用戶真正的痛點,與優(yōu)化整體的體驗流程(創(chuàng)造和諧的互動)。
二、  為什么使用用戶體驗地圖?
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
使用用戶體驗地圖(User Experience Map)在項目中有很多重要的原因,能夠給團隊帶來顯著的價值,例如:
1、全面理解用戶旅程
可視化用戶體驗:用戶體驗地圖通過圖形化的方式展示用戶在使用產(chǎn)品或服務過程中的所有步驟和接觸點,使團隊能夠直觀地看到用戶的整個旅程。
識別關鍵時刻:幫助團隊識別用戶旅程中的關鍵觸點和情感波動,理解用戶在不同階段的需求和行為。
2、發(fā)現(xiàn)用戶痛點和改進機會
識別痛點:用戶體驗地圖能夠揭示用戶在使用過程中的痛點和挑戰(zhàn),使團隊可以針對這些問題制定解決方案。
挖掘改進機會:通過分析用戶行為和情感波動,團隊可以找到提升用戶體驗的機會,從而優(yōu)化產(chǎn)品或服務。
3. 增強團隊協(xié)作和溝通
統(tǒng)一理解:用戶體驗地圖作為一種直觀的溝通工具,使跨職能團隊(如產(chǎn)品經(jīng)理、設計師、開發(fā)人員和市場團隊)能夠共享對用戶體驗的統(tǒng)一理解。
促進協(xié)作:通過共同創(chuàng)建和討論用戶體驗地圖,團隊成員可以更好地協(xié)作,提出建設性的意見和建議。
4. 驅動以用戶為中心的設計
以用戶為中心:用戶體驗地圖強調從用戶的角度出發(fā),關注用戶的需求、情感和行為,推動以用戶為中心的設計和開發(fā)。
提升用戶滿意度:通過優(yōu)化用戶旅程中的各個觸點和體驗,團隊可以提升用戶滿意度和忠誠度。
5. 支持決策制定
數(shù)據(jù)驅動決策:用戶體驗地圖基于用戶研究和數(shù)據(jù)分析,為決策提供可靠的依據(jù),減少主觀判斷和猜測。
優(yōu)先級管理:通過識別用戶體驗中的關鍵問題和機會,團隊可以更好地確定優(yōu)先級,集中資源解決最重要的問題。
6. 提高用戶體驗設計的效率和效果
明確目標和方向:用戶體驗地圖幫助團隊明確設計目標和方向,減少反復修改和溝通成本,提高設計效率。
驗證設計假設:通過用戶體驗地圖,團隊可以驗證設計假設和概念,確保設計方案符合用戶需求和期望。
三、什么情況使用用戶體驗地圖?
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
用戶體驗地圖(User Experience Map)在多種情況下都可以使用,能夠幫助團隊更好地理解和優(yōu)化用戶體驗。例如:
1.產(chǎn)品或服務的初期開發(fā)階段
定義產(chǎn)品概念:在開發(fā)新產(chǎn)品或服務時,用戶體驗地圖幫助團隊理解用戶需求和期望,確保產(chǎn)品設計符合用戶需求。
設計用戶旅程:通過用戶體驗地圖,團隊可以詳細規(guī)劃用戶與產(chǎn)品互動的每個步驟和觸點,確保用戶旅程流暢且無障礙。
示例:
一家創(chuàng)業(yè)公司在開發(fā)一款新的移動應用時,通過用戶體驗地圖了解目標用戶的需求和使用習慣,從而設計出更符合用戶期望的產(chǎn)品。
2.現(xiàn)有產(chǎn)品或服務的優(yōu)化
識別和解決問題:當現(xiàn)有產(chǎn)品或服務存在用戶體驗問題時,用戶體驗地圖幫助團隊識別痛點并制定改進措施。
提升用戶滿意度:通過分析用戶在不同接觸點的情感和行為,團隊可以找到提升用戶滿意度和忠誠度的機會。
示例:
一家電商平臺通過用戶體驗地圖發(fā)現(xiàn)用戶在結賬環(huán)節(jié)遇到的困難,優(yōu)化了結賬流程,顯著提高了用戶滿意度和轉化率。
3.跨職能團隊的協(xié)作和溝通
建立共同理解:在涉及多個部門的項目中,用戶體驗地圖幫助不同團隊(如產(chǎn)品、設計、開發(fā)、市場)建立對用戶體驗的共同理解。
促進協(xié)作:通過可視化的用戶旅程,團隊成員可以更有效地討論和協(xié)作,提出有建設性的改進建議。
示例:
一家大型企業(yè)在推出一項新服務時,通過用戶體驗地圖讓產(chǎn)品經(jīng)理、設計師和市場團隊共同參與,確保各團隊對用戶體驗的理解一致,從而提高協(xié)作效率。
4.用戶研究和測試階段
記錄用戶反饋:在用戶研究和測試階段,用戶體驗地圖幫助記錄和分析用戶反饋,發(fā)現(xiàn)用戶在使用產(chǎn)品過程中的實際體驗。
驗證設計假設:通過用戶體驗地圖,團隊可以驗證設計假設,確保設計方案符合用戶需求和期望。
示例:
一家金融科技公司在測試新功能時,通過用戶體驗地圖記錄用戶的使用體驗和反饋,優(yōu)化了功能設計。
5.制定產(chǎn)品戰(zhàn)略和路線圖
戰(zhàn)略規(guī)劃:用戶體驗地圖幫助團隊從用戶角度出發(fā),制定產(chǎn)品戰(zhàn)略和發(fā)展路線圖,確保產(chǎn)品的發(fā)展方向符合用戶需求。
優(yōu)先級管理:通過識別用戶體驗中的關鍵問題和機會,團隊可以更好地確定改進措施的優(yōu)先級。
示例:
一家健康科技公司在制定未來兩年的產(chǎn)品發(fā)展計劃時,通過用戶體驗地圖分析用戶需求和市場趨勢,確定了重點開發(fā)的功能和服務。
6.營銷和客戶支持
提升客戶支持效率:用戶體驗地圖幫助識別用戶在尋求支持時的痛點,優(yōu)化客戶支持流程,提高用戶滿意度。
優(yōu)化營銷策略:通過了解用戶在不同階段的情感和行為,團隊可以制定更有針對性的營銷策略,提升用戶轉化率。
示例:
一家SaaS公司通過用戶體驗地圖發(fā)現(xiàn)用戶在使用過程中遇到的常見問題,優(yōu)化了客戶支持流程,并根據(jù)用戶行為調整了營銷策略,提高了客戶留存率。
四、  用戶體驗地圖的組成?
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
組成用戶體驗地圖(User Experience Map)可以分為八個部分,分別是:用戶角色(Persona)、場景(Scenario)、階段(Stages)、觸點(Touchpoints)、用戶行為(Actions)、用戶情感(Emotions)、痛點(Pain Points)、機會(Opportunities);組成部分整合到一張用戶體驗地圖上,團隊可以直觀地看到用戶旅程中的所有關鍵要素。幫助團隊全面理解用戶在整個體驗過程中的行為、情感和痛點,從而制定更有效的優(yōu)化策略,提升用戶滿意度。下面我們詳細說明這八個部分:
1. 用戶角色(Persona)
定義:用戶角色是目標用戶的詳細描述,包括人口統(tǒng)計信息、行為模式、需求和痛點。
目的:幫助團隊聚焦特定用戶群體的需求和體驗,使設計和決策更有針對性。
示例:
年齡:25-35歲
職業(yè):城市白領
興趣愛好:網(wǎng)上購物
需求和痛點:需要便捷快速的購物體驗,不喜歡復雜的結賬流程
2. 場景(Scenario)
定義:場景是用戶在某一特定情境下與產(chǎn)品或服務互動的全過程描述。
目的:幫助團隊了解用戶的具體使用情境和目標,確保設計滿足實際使用需求。
示例:用戶在下班回家的路上,通過移動應用購買晚餐所需的食材。
3. 階段(Stages)
定義:用戶旅程的不同階段,從開始到結束,包括用戶在每個階段的主要活動和目標。
目的:展示用戶旅程的整體結構,幫助團隊識別每個階段的關鍵活動和目標。
示例:
發(fā)現(xiàn)(Discovery)、考慮(Consideration)、決策(Decision)、使用(Usage)、回訪(Return)
4. 觸點(Touchpoints)
定義:用戶在每個階段與產(chǎn)品或服務的具體接觸點,如網(wǎng)站、客服、實體店等。
目的:識別用戶與品牌互動的關鍵時刻,確保每個接觸點的體驗都得到優(yōu)化。
示例:網(wǎng)站首頁、產(chǎn)品頁面、購物車、結賬頁面、客服
5. 用戶行為(Actions)
定義:用戶在每個觸點上的具體行為,如瀏覽網(wǎng)頁、咨詢客服、購買產(chǎn)品等。
目的:展示用戶的具體操作過程,幫助團隊理解用戶的實際使用方式。
示例:瀏覽產(chǎn)品、加入購物車、填寫訂單信息、支付、聯(lián)系客服
6. 用戶情感(Emotions)
定義:用戶在每個觸點上的情感體驗,包括積極和消極的情感波動。
目的:幫助團隊理解用戶的滿意度和痛點,確保在關鍵時刻提供積極的體驗。
示例:
興奮(瀏覽產(chǎn)品時)、猶豫(選擇支付方式時)、沮喪(遇到支付問題時)、滿意(收到產(chǎn)品時)
7. 痛點(Pain Points)
定義:用戶在整個體驗過程中遇到的困難和挑戰(zhàn)。
目的:識別和解決用戶體驗中的問題,提升用戶滿意度。
示例:
結賬頁面加載慢、支付方式選擇不便、客服響應慢
8. 機會(Opportunities)
定義:基于用戶行為、情感和痛點,識別出改善用戶體驗的潛在機會。
目的:為團隊提供改進用戶體驗的方向和具體措施,推動持續(xù)優(yōu)化。
示例:
優(yōu)化結賬頁面性能、增加支付方式、提升客服響應速度
五、  用戶體驗地圖的制作流程
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
制作一份完整的用戶體驗地圖(User Experience Map)需要多個步驟,使用的方法也有很多,不用擔心,下面我們進行詳細步驟拆解:
1.定義目標
目的:明確制作用戶體驗地圖的目標和用途,比如改善特定功能的用戶體驗、優(yōu)化整體用戶旅程等。
示例:
一家電商平臺希望通過用戶體驗地圖識別用戶在結賬過程中的痛點,并制定改進措施。
2.收集用戶數(shù)據(jù)
方法:
用戶訪談:直接與用戶對話,了解他們的需求、行為和情感。
問卷調查:通過問卷收集大規(guī)模用戶數(shù)據(jù)。
用戶觀察:觀察用戶在實際使用產(chǎn)品或服務時的行為和反應。
可用性測試:測試用戶在特定任務中的表現(xiàn),發(fā)現(xiàn)使用障礙和痛點。
數(shù)據(jù)分析:分析網(wǎng)站或應用的使用數(shù)據(jù),了解用戶行為模式。
示例:
電商平臺通過用戶訪談和問卷調查收集用戶在結賬過程中的體驗和反饋。
3.定義用戶角色(Persona)
步驟:
基于收集的數(shù)據(jù),定義主要的用戶角色,描述其特征、需求和痛點。
示例:
用戶角色A:25-35歲,城市白領,喜歡網(wǎng)上購物,重視便捷和快速的購物體驗。
4.描繪用戶旅程
步驟:
劃分用戶旅程的不同階段,從開始到結束,包括用戶在每個階段的主要活動和目標。
示例:
發(fā)現(xiàn)階段:用戶在網(wǎng)上搜索和瀏覽商品。
考慮階段:用戶比較不同商品的特點和價格。
決策階段:用戶決定購買某件商品。
使用階段:用戶完成購買并等待商品送達。
回訪階段:用戶收到商品后可能會再次訪問網(wǎng)站。
5.識別觸點和用戶行為
步驟:列出用戶在每個階段的具體觸點和行為,展示用戶的操作過程。
示例:
觸點:網(wǎng)站首頁、產(chǎn)品頁面、購物車、結賬頁面、客服。
用戶行為:瀏覽產(chǎn)品、加入購物車、填寫訂單信息、支付、聯(lián)系客服。
6.記錄用戶情感
步驟:描述用戶在每個觸點上的情感體驗,包括積極和消極的情感波動。
示例:
用戶在瀏覽產(chǎn)品時感到興奮,但在結賬時因頁面加載慢而感到沮喪。
7.識別痛點和機會
步驟:基于用戶行為和情感,識別用戶在每個階段的痛點,并找出改善用戶體驗的機會。
示例:
痛點:結賬頁面加載慢、支付方式選擇不便、客服響應慢。
機會:優(yōu)化結賬頁面性能、增加支付方式、提升客服響應速度。
8.創(chuàng)建可視化地圖
步驟:將所有信息整合到一張可視化的用戶體驗地圖上,使團隊能夠直觀地了解用戶的完整體驗過程。
工具:
手繪草圖:用紙和筆繪制用戶體驗地圖。
數(shù)字工具:使用工具如Miro、Lucidchart、UXPressia等創(chuàng)建數(shù)字用戶體驗地圖。
9.討論和驗證
步驟:
與團隊成員共同討論用戶體驗地圖,驗證其準確性和全面性。
基于討論結果進行必要的修改和調整。
示例:
團隊成員共同審查用戶體驗地圖,確認所有觸點和用戶行為是否準確,討論發(fā)現(xiàn)的痛點和改進機會。
10.制定改進措施
步驟:根據(jù)用戶體驗地圖識別的痛點和機會,制定具體的改進措施和實施計劃。
示例:
優(yōu)化結賬頁面加載速度,增加多種支付方式,提升客服響應效率。
11.實施和跟蹤改進
步驟:實施制定的改進措施,并持續(xù)跟蹤用戶反饋和數(shù)據(jù),評估改進效果。
示例:
電商平臺實施優(yōu)化結賬頁面的改進措施,并通過用戶反饋和數(shù)據(jù)分析評估效果,確保用戶體驗得到提升。
六、  用戶體驗地圖案例展示
通過上面的介紹,相信你已經(jīng)對用戶體驗地圖(User Experience Map)有了一定了解,是不是已經(jīng)想自己動手開始制作了,下面我們看幾個案例:
案例 1:電商平臺優(yōu)化
背景:一家電商平臺希望通過用戶體驗地圖識別用戶在結賬過程中的痛點,并制定改進措施,以提升用戶滿意度和轉化率。
 
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
用戶角色(Persona)
姓名:張女士
年齡:30歲
職業(yè):城市白領
興趣:喜歡網(wǎng)上購物
需求:需要便捷快速的購物體驗
痛點:不喜歡復雜的結賬流程
觸點和用戶行為
 
1.  發(fā)現(xiàn)(Discovery):通過搜索引擎和社交媒體廣告發(fā)現(xiàn)平臺
2.  考慮(Consideration):瀏覽產(chǎn)品詳情,查看用戶評論
3.  決策(Decision):將商品加入購物車
4.  購買(Purchase):填寫訂單信息并支付
5.  回訪(Return):查看訂單狀態(tài),聯(lián)系客戶服務
用戶情感
發(fā)現(xiàn):興奮和好奇
考慮:謹慎和比較
決策:確定和期待
購買:焦慮和滿足
回訪:滿意和信任
痛點和機會
痛點:結賬頁面加載慢,支付方式選擇不便,客服響應慢
機會:優(yōu)化結賬頁面性能,增加支付方式,提升客服響應速度
案例 2:健身App優(yōu)化
背景:一家健身App希望提高用戶的使用頻率和忠誠度。
 
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
用戶角色(Persona)
姓名:李先生
年齡:25歲
職業(yè):程序員
興趣:健身
需求:需要個性化的健身計劃
痛點:課程選擇不夠個性化,計劃制定過程復雜
觸點和用戶行為
 
1.  發(fā)現(xiàn)(Discovery):通過朋友推薦和廣告發(fā)現(xiàn)App下載并安裝App
2.  考慮(Consideration):瀏覽課程詳情,查看評價
3.  決策(Decision):選擇并購買課程
4.  使用(Usage):開始使用課程進行鍛煉
5.  回訪(Return):查看鍛煉記錄,調整計劃
用戶情感
發(fā)現(xiàn):好奇和期待
考慮:審慎和比較
決策:確定和信心
使用:滿足和成就
回訪:滿意和忠誠
痛點和機會
痛點:課程選擇不夠個性化,計劃制定復雜
機會:增加個性化推薦功能,簡化計劃制定過程
案例 3:銀行在線服務優(yōu)化
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
背景:一家銀行希望優(yōu)化其在線服務平臺,以提高用戶的操作體驗和滿意度。
用戶角色(Persona)
姓名:王女士
年齡:45歲
職業(yè):教師
興趣:理財
需求:需要簡單易用的在線銀行服務
痛點:在線服務平臺操作復雜,轉賬流程繁瑣
觸點和用戶行為
 
1.  發(fā)現(xiàn)(Discovery):訪問銀行官網(wǎng),注冊賬戶
2.  考慮(Consideration):瀏覽平臺功能和用戶評價
3.  決策(Decision):決定使用在線服務
4.  使用(Usage):進行賬戶管理和轉賬操作
5.  回訪(Return):查看交易記錄,繼續(xù)使用服務
用戶情感
發(fā)現(xiàn):好奇和懷疑
考慮:審慎和信任
決策:確定和信心
使用:滿足和便捷
回訪:滿意和忠誠
痛點和機會
痛點:操作復雜,轉賬流程繁瑣
機會:簡化操作流程,優(yōu)化用戶界面設計
 
七、  用戶體驗地圖的總結
用戶體驗地圖(User Experience Map)作為一種強大的工具,在理解和優(yōu)化用戶體驗方面具有顯著優(yōu)勢。然而,制作和維護用戶體驗地圖也存在資源密集、復雜性和動態(tài)變化等挑戰(zhàn)。團隊在使用用戶體驗地圖時,需要平衡其優(yōu)劣勢,合理分配資源,確保地圖的準確性和實用性,從而真正提升用戶體驗和產(chǎn)品成功率。
優(yōu)勢
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
 
1.  全景視角
優(yōu)點:用戶體驗地圖提供了用戶體驗的全景視角,涵蓋了用戶與產(chǎn)品或服務互動的各個階段。這種全景視角有助于團隊全面了解用戶旅程中的各個觸點和行為。
案例:電商平臺可以通過用戶體驗地圖了解用戶從瀏覽商品到完成購買的全過程,識別出所有關鍵的用戶觸點。
2.  用戶共情
優(yōu)點:通過記錄用戶在每個階段的情感體驗,團隊可以更好地理解用戶的需求和痛點,增強用戶共情。
案例:健身App可以通過用戶體驗地圖了解用戶在制定和執(zhí)行健身計劃時的情感變化,從而設計出更具吸引力的個性化健身計劃。
3.  識別痛點
優(yōu)點:用戶體驗地圖有助于識別用戶在使用產(chǎn)品或服務過程中的痛點和障礙,幫助團隊找到改進的機會。
案例:銀行在線服務平臺可以通過用戶體驗地圖識別出用戶在進行轉賬操作時遇到的困難,進而優(yōu)化轉賬流程。
4.  跨團隊協(xié)作
優(yōu)點:用戶體驗地圖作為一個可視化工具,可以促進跨團隊協(xié)作,使不同部門(如產(chǎn)品、設計、開發(fā)和市場)能夠共同參與討論和改進用戶體驗。
案例:電商平臺可以通過用戶體驗地圖匯集市場、設計和技術團隊的意見,共同制定優(yōu)化措施。
5.  數(shù)據(jù)驅動決策
優(yōu)點:用戶體驗地圖基于用戶研究和數(shù)據(jù)分析,使決策更加數(shù)據(jù)驅動,有助于制定科學合理的改進策略。
案例:健身App可以通過用戶體驗地圖中的用戶數(shù)據(jù)分析,調整課程推薦策略,提高用戶滿意度和使用頻率。
劣勢
打動用戶的關鍵:用戶體驗地圖實戰(zhàn)攻略
 
 
1.  資源密集
缺點:制作用戶體驗地圖需要大量的時間和資源,包括用戶研究、數(shù)據(jù)分析和團隊協(xié)作。
案例:中小型企業(yè)可能難以投入足夠的資源來全面制作和維護用戶體驗地圖。
2.  復雜性
缺點:用戶體驗地圖可能變得非常復雜,特別是當用戶旅程涉及多個觸點和渠道時,可能難以全面和準確地記錄所有細節(jié)。
案例:大型電商平臺的用戶旅程可能涉及網(wǎng)站、移動應用、社交媒體等多個渠道,制作一個全面的用戶體驗地圖可能需要大量的精力。
3.  動態(tài)變化
缺點:用戶行為和市場環(huán)境是動態(tài)變化的,用戶體驗地圖需要不斷更新和維護,以保持其有效性和準確性。
案例:健身App的用戶需求和市場趨勢可能隨時變化,需要定期更新用戶體驗地圖以保持相關性。
4.  主觀偏差
缺點:盡管用戶體驗地圖基于用戶數(shù)據(jù)和研究,但在數(shù)據(jù)解讀和情感記錄上可能存在主觀偏差,影響決策的準確性。
案例:銀行在線服務平臺在記錄用戶情感時,可能會受到研究者的主觀影響,從而無法完全準確地反映用戶真實感受。
5.  過于理想化
缺點:用戶體驗地圖有時可能過于理想化,忽略了現(xiàn)實中存在的限制和障礙,導致制定的改進措施難以實施。
案例:電商平臺在識別改進機會時,可能忽略了技術實現(xiàn)上的困難,導致優(yōu)化方案無法落地。
參考文獻:
https://medium.com/@michaeljiager/user-experience-maps-6184f4044e48
https://liviayang-ms.medium.com/%E4%B8%80%E5%88%86%E9%90%98%E8%AE%93%E4%BD%A0%E4%BA%86%E8%A7%A3%E7%94%A8%E6%88%B6%E9%AB%94%E9%A9%97%E6%AD%B7%E7%A8%8B%E5%9C%96-user-experience-map-e28a1b8817c0https://uxmastery.com/how-to-create-a-customer-journey-map/https://medium.com/art-marketing/incorporating-customer-and-user-experience-data-into-holistic-journey-maps-502ae12072ac
https://uxplanet.org/empathy-map-user-persona-and-user-flow-5299ada245c8https://medium.com/@myskill.id/persona-user-journey-map-ebd84c15ae2f?
U
 


作者:CANAAN8
鏈接:https://www.zcool.com.cn/article/ZMTYzMDA4MA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。
 

藍藍設計(www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據(jù)可視化設計公司、用戶體驗公司、高端網(wǎng)站設計公司銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔