如何提升產品使用者體驗(UX) ? UX設計師必備指南

更新 發佈閱讀 9 分鐘

隨著網路產品越來越豐富,企業開始搶佔有限的使用者資源,使用者的訴求開始變得越來越珍貴,說「使用者體驗就是商機」也不為過。既然使用者體驗這麼重要,今天我們就從使用者體驗的基礎概念、使用者體驗五要素和使用者體驗圖表工具等面向來一起探討一下, UX設計師是如何提升產品使用者體驗的。

Ⅰ.使用者體驗的基礎概念

1. 使用者體驗是什麼?

使用者體驗(User Experience,簡稱UE/UX)是使用者在使用產品過程中建立起來的一種主觀感受。它體現在細微之處,但卻非常重要。

2. 體驗分類

1)感官體驗:視聽上的體驗,強調舒適性,包括色彩聲音、文字佈置等。

2)互動體驗:介面在使用者使用、交流過程中的體驗,強調互動、互動特性,互動體驗貫穿瀏覽、點擊等過程。

3)情感體驗:給予使用者心理上的體驗,強調心理認可度,使用者透過網站能認同、表達自己的內心情感。

3. 設計目標

1)有用:實際滿足使用者的需求,功能有用、內容齊全,對使用者有幫助。在任何場景中,都要先確保產品的有用性,這是使用者體驗的基礎。

2)易用:產品容易上手使用,使用者使用起來易操作、易理解、易學習。易用性即“用戶使用成本”,用戶使用任何產品都是需要學習、精力、時間等成本的,易用性就是要降低“用戶成本”。

3)好用:每個設計都專注於使用者情緒,讓使用者在使用產品時感受到舒適、滿意。

Ⅱ.使用者體驗要素模型

使用者體驗要素模型包含策略層、範圍層、結構層、框架層、表現層五要素,以下詳細介紹這五個要素對使用者體驗的重要角色。

vocus|新世代的創作平台

使用者體驗要素-使用者體驗模型

1. 戰略層用戶需求

用戶可以透過產品得到什麼?可透過市場調查、現場調查或用戶測試等具體方法針對不同用戶群進行分析。

產品目標:企業可以透過產品得到什麼?

2. 範圍層

功能規格:決定功能清單劃分優先級,並描述功能流轉。

內容需要:決定內容清單劃分優先級,並描述內容順序。

範圍層一般由戰略層的使用者需求決定,需求從使用者分析提煉出來,如何將需求轉化為功能是至關重要的一步。

3. 結構層

互動設計:定義使用者與產品的互動模式。

資訊架構:著重如何將資訊傳達給用戶,著重於設計組織分類和導航結構。

4. 框架層

介面設計:按鈕、輸入框、吧表、文字方塊、單多選等。導航設計:指引使用者盡快到達想去的地方。

資訊設計:資訊在介面上是如何組織呈現的。

框架層遵循的基本原則是讓使用者優先看到他們需要的內容和我們想讓他們看到的內容。

5. 表現層

視覺設計:配色對比、排版佈局、字體字號、圖示選擇等。

使用者首先接觸的地方,不僅要滿足產品功能、內容、UI的綜合目標,也要給使用者比較好的感知。

Ⅲ.使用者體驗圖表工具

在產品設計時可以透過一些模型、工具去評估提升使用者體驗,以下介紹4種工具:使用者移情圖、使用者體驗地圖、使用者旅程圖和服務藍圖。

1. 用戶移情圖

vocus|新世代的創作平台

使用者移情圖範例

1)什麼是移情圖?透過研究某類使用者使用產品行為及心理活動過程,定性描述他們的使用者體驗。一般在產品設計早期或在使用者訪談的研究結果進行分類時使用。

2)使用者移情圖的關鍵要素

移情圖的四個關鍵要素:使用者在使用產品時的所說、所思、所感、所做。

3)移情圖操作步驟

步驟1:確定某一類使用者範圍與製圖目標

步驟2:收集資料和使用者數據

步驟3:將卡片歸入所說、所思、所感、所做中

步驟4:整理歸納總結使用者痛點與產品目標

步驟5:優化產品設計

2. 使用者體驗地圖

案例1:使用者出遊某城市體驗地圖

vocus|新世代的創作平台

使用者體驗地圖-旅遊產品

案例2:瀏覽新聞類APP使用者體驗地圖

vocus|新世代的創作平台

使用者體驗地圖-新聞類產品

1)什麼是使用者體驗地圖?

從使用者的角度出發,以講故事的方式描述使用者在使用產品或接受服務,從開始到達成目標的整個過程,整個過程用視覺化圖形的方式表達展示。

2)使用者體驗地圖關鍵要素

行為:使用者進入下一步需要做的事情

想法:在操作時,使用者的想法是什麼

愉悅點:使用者感覺驚喜,超越預期體驗的地方

痛點:使用者感覺挫折、破壞了使用者體驗的地方

機會點:透過痛點挖掘出的解決方案。

情緒曲線:分數計算

3)操作步驟

第1步:明確使用者。根據體驗目標選擇,高價值且對產品長期發展有利的使用者優先。

第2步:確認場景。以使用者視角走查產品,從產品進入到離開核心場景路徑,梳理出來粗顆粒度的故事場景表格,並歸納觸點。

第4步:用戶訪談。收集真實使用者在每個階段下的具體行為、知覺、情緒。

第4步:繪製體驗地圖。對所有被訪談的使用者記錄進行整理,可視化輸出。

4)使用者體驗地圖模板

vocus|新世代的創作平台

使用者體驗旅程地圖框架

3.用戶旅程圖

什麼是旅程圖?特定使用者在使用產品過程中,依時間順序完成某一具體任務或達到某一具體目標的所做所想。使用者旅程的功能就是在於相比使用者體驗地圖在某個產品模組更深一層,透過此法讓設計師和其他相關人員透過此法理解產品更細節的部分。 它在整個產品設計階段都能使用,可以作為使用者需求的重要參考資訊。

vocus|新世代的創作平台

使用者旅程地圖-旅遊類產品

1)旅程圖的關鍵要素

角色:使用者旅程圖的使用者或使用者畫像,與使用者旅程圖息息相關,使用者的行為深植於資料當中。

情境+期望:使用者旅程圖需要解決的問題。

旅程階段:使用者旅程圖中所經歷的進階階段。旅程階段依情境而異,因而企業通常會使用數據來幫助其確定階段內容。

行為:使用者採取的實際行為和使用的步驟

想法:使用者在不同階段內的想法、問題、動機以及資訊需求

情緒:通常用單線表示使用者體驗過程中情緒的起伏變化

收穫和見解:從使用者旅程圖中收穫的見解,為優化使用者體驗提供了方法。收穫可以幫助產品從用戶旅程圖中獲取資訊:有了這些信息,我們需要做些什麼?誰有什麼樣的改變?最大的機會在哪裡?我們應該如何衡量已經實施的改善措施?

2)旅程圖操作步驟

步驟1:針對某一類產品或服務,收集一系列使用者目標、情境及行為,並在時間軸上對階段進行分類。

步驟2:加入使用者的想法和情緒,進一步充實時間軸上的內容,讓整個過程更有敘述性。步驟3:將過程的敘述濃縮到一張可視化的圖中,用於傳達見解,為產品設計過程提供資訊。

3)使用者旅程地圖模板

vocus|新世代的創作平台

使用者旅程地圖模板-彩色風格

vocus|新世代的創作平台

使用者旅程地圖模板-綠色風格

4. 服務藍圖

vocus|新世代的創作平台

鐵路服務藍圖

1)什麼是服務藍圖?可以理解是使用者旅程地圖的延伸,服務藍圖更全面的展示了支援使用者體驗的前後端的協作流程體系,它關注企業內部的整體協作過程,以企業的視角出發,基於客戶旅程,企業內部如何在全方位、多觸點、跨職能或部門提供支援和互動。

2)服務藍圖的關鍵要素

實體展示:使用者與產品/服務的接點

顧客行為:使用者使用產品/服務流程中的行為

前台行為:使用者使用產品流程中看得見的服務作業

後台服務:使用者使用產品過程中後台員工行為

支持過程:員工內部互動在系統間的流轉過程

3)服務藍圖操作步驟

第1步:尋找支援。建立核心跨學科團隊並建立利害關係人支持。

第2步:定義目標。定義範圍並與藍圖計畫的目標保持一致。

第3步:收集調查。使用多種方法從客戶、員工和利害關係人收集研究成果。

第4步:繪製藍圖。使用此研究來填寫低保真藍圖。

第5步:細化和分發。添加其他內容,完善可以在客戶和利害關係人之間分發的高保真藍圖。

這就是今天分享的如何在產品生命週期中評估分析使用者體驗的內容,使用者體驗是產品成功的關鍵所在,它直接關聯著使用者的滿意度與忠誠度。因此我們需要透過不斷優化設計、提升互動流暢度及關注用戶回饋來提升產品體驗。

以上全部範本都來自ProcessOn模板社區, ProcessOn作為專業強大的繪圖工具,支援線上編輯流程圖、心智圖、組織結構圖、 UML圖等多種圖形。使用者可以從零開始建立新內容,也可以輕鬆地在現有作圖框架、案例範本上進行編輯和修改,操作簡單易上手。

留言
avatar-img
ProcessOn的沙龍
12會員
215內容數
分享心智圖與流程圖使用技巧
ProcessOn的沙龍的其他內容
2025/12/08
心智圖是一種將複雜資訊轉化為視覺化結構的工具,能顯著提升創造力、記憶力和工作效率。無論是腦力激盪、學習筆記還是專案管理,它都能透過層級化佈局讓思緒更清晰。本文將為您推薦一款集智能與便利的免費線上AI心智圖工具,重新定義心智圖創作的體驗標準。
Thumbnail
2025/12/08
心智圖是一種將複雜資訊轉化為視覺化結構的工具,能顯著提升創造力、記憶力和工作效率。無論是腦力激盪、學習筆記還是專案管理,它都能透過層級化佈局讓思緒更清晰。本文將為您推薦一款集智能與便利的免費線上AI心智圖工具,重新定義心智圖創作的體驗標準。
Thumbnail
2025/12/02
在各國的教育體系裡,小組作業已成為訓練學生溝通能力、專案思考與協作技巧的重要方式。小組作業有一個共同特點:理論上人人參與,但實踐中常常混亂、低效、壓力重重。這篇文章將從小組作業中最典型的痛點講起,再到可實踐的方法,最後結合一個真實可用的工具範例,讓團隊協作真正落地。
Thumbnail
2025/12/02
在各國的教育體系裡,小組作業已成為訓練學生溝通能力、專案思考與協作技巧的重要方式。小組作業有一個共同特點:理論上人人參與,但實踐中常常混亂、低效、壓力重重。這篇文章將從小組作業中最典型的痛點講起,再到可實踐的方法,最後結合一個真實可用的工具範例,讓團隊協作真正落地。
Thumbnail
2025/11/28
待辦事項清單是一種非常有效率的工具,可以幫你在繁忙的生活中保持條理清晰,並且更容易實現大目標,每個職場人或者生活過得井井有條的人,都應該養成列出清單的習慣。如果你不把自己的時間列入清單,你會發現自己的時間總是被別人的清單填滿。
Thumbnail
2025/11/28
待辦事項清單是一種非常有效率的工具,可以幫你在繁忙的生活中保持條理清晰,並且更容易實現大目標,每個職場人或者生活過得井井有條的人,都應該養成列出清單的習慣。如果你不把自己的時間列入清單,你會發現自己的時間總是被別人的清單填滿。
Thumbnail
看更多
你可能也想看
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
心智圖法它可以應用在學習方面,生活方面,工作方面。 學習方面:比如說,我們閱讀完一本書之後,我們可以把書本中的重點整理成心智圖。或者是我們聽完一場演講之後。我們可以把演講當中的重點整理成一張心智圖,以供未來複習使用。或者是考試之前,把每一個章節的重點,一個章節整理成一張心智圖,以方便考前預習衝刺。
Thumbnail
心智圖法它可以應用在學習方面,生活方面,工作方面。 學習方面:比如說,我們閱讀完一本書之後,我們可以把書本中的重點整理成心智圖。或者是我們聽完一場演講之後。我們可以把演講當中的重點整理成一張心智圖,以供未來複習使用。或者是考試之前,把每一個章節的重點,一個章節整理成一張心智圖,以方便考前預習衝刺。
Thumbnail
前幾天在我的FB同溫層內紛紛轉傳周欽華翻譯的好文:如何做出偉大的成就 How to Do Great Work(作者為Y Combinator創辦人Paul Graham) 讀完之後決定用心智圖的格式整理,除了便於回顧,也避免自己囫圇吞棗的讀完很快忘記,以及若是要轉述給別人聽時有個自己理解的架構。
Thumbnail
前幾天在我的FB同溫層內紛紛轉傳周欽華翻譯的好文:如何做出偉大的成就 How to Do Great Work(作者為Y Combinator創辦人Paul Graham) 讀完之後決定用心智圖的格式整理,除了便於回顧,也避免自己囫圇吞棗的讀完很快忘記,以及若是要轉述給別人聽時有個自己理解的架構。
Thumbnail
《窮查理的普通常識集結波克夏.海瑟威公司副董事長,有「投資哲人」之譽的查理蒙格多場演講內容與語錄、友人側寫。 因為本書主要內容是演講稿,哪些觀點查理蒙格會在不同場持續重複,應該就是他想強調的「重點」,本文以心智圖方式整理書中屢被強調的內容,供有興趣的朋友參考。
Thumbnail
《窮查理的普通常識集結波克夏.海瑟威公司副董事長,有「投資哲人」之譽的查理蒙格多場演講內容與語錄、友人側寫。 因為本書主要內容是演講稿,哪些觀點查理蒙格會在不同場持續重複,應該就是他想強調的「重點」,本文以心智圖方式整理書中屢被強調的內容,供有興趣的朋友參考。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這學期再度成為新鮮人,選課的時候看到一門同院友所開設的課,剛好符合我覺得好玩有趣的標準就不假思索的選下去,也因緣際會實際操作了一次心智圖,題目則是「我的一個小故事」;說句實在話,生活瑣碎的事很多,但故事真的很少,或許是因為對我而言,人生中有許多事過目即忘,人生才會快樂一點。於是硬著頭皮去想,索性乾脆
Thumbnail
這學期再度成為新鮮人,選課的時候看到一門同院友所開設的課,剛好符合我覺得好玩有趣的標準就不假思索的選下去,也因緣際會實際操作了一次心智圖,題目則是「我的一個小故事」;說句實在話,生活瑣碎的事很多,但故事真的很少,或許是因為對我而言,人生中有許多事過目即忘,人生才會快樂一點。於是硬著頭皮去想,索性乾脆
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News