SlideShare a Scribd company logo
1 of 10
Download to read offline
如何讓你愛上我:
從服務設計看UX/UI
⼈人不會突然愛上你
除⾮非你提供他⼀一步步容易⽽而且願意改變的體驗。
要如何讓客⼾戶愛上產品
你也要⼀一步步設計服務體驗
不是你⼈人好產品好,別⼈人就會理所當然的愛上你。
如何設計體驗?
⾸首先你得先做⼀一些功課
了解造成改變的步驟與⽅方法
要讓⼈人從「不認識你」變成「愛上你」
⼈人的⼼心裡中有多少個層次的轉變?
看⾒見 記住 了解 試探 接受 在乎 愛上
讓⼈人愛上的⼼心理進程
每個⼈人的個性不同,每種使⽤用者的進程都不同
耍帥 要line 丟訊息 約約看 吃飯 貼⼼心 驚喜
為了讓⼈人愛上的⼼心理改變
你不同階段要做不同事
看⾒見 記住 了解 試探 接受 在乎 愛上
UX是要讓使⽤用者⼼心理認知進程轉變
從服務設計的廣義來看。
⽽而UI是要造成轉變,設計做的所有具體呈現
看⾒見 記住 了解 試探 接受 在乎 愛上
耍帥 要line 丟訊息 約約看 吃飯 貼⼼心 驚喜
如果是APP,那麼UI/UX設計就是
看⾒見 記住 了解 試探 接受 在乎 愛上
APP
icon
介紹
影⽚片
螢幕
截圖
教學
流程
介⾯面
如果是經營餐廳,那麼UI/UX設計就是
看⾒見 有興趣 了解 試探 選擇 在乎 離開
⼾戶外
招牌
⾨門⼝口
廣告
餐廳
佈置
櫃台
接觸
⽤用餐點餐
MENU
付帳
除了參考現有的UI (what),還要了解你要追
的⼈人從多看與⺫⽬目標使⽤用者有關的物品中
理解這個物品是如何改變使⽤用者(how)
思考使⽤用者在這個階段為什麼會買單(why)
whywhat how
http://youngdesigner.rocks將裡⾯面的作品依使⽤用者分類好了
嘉南
屏科
海洋
環球北科
華梵高雄
科大
萬能
亞太
高師
成功
中原
遠東實踐
北教
大同
佛光
明道
新竹
東海
正修
高雄
聯
合
義
守
長
庚
建國
銘傳
亞洲
嶺東
朝陽
大葉樹德
東方
復興
景文
東南
輔大
臺科
崑山
和春
亞東
臺南
黎
明
雲科
中國
明志
南臺
玄奘
臺中
教大
南華
臺中
科大
臺藝
中華崇右
台南應大
新一代設計展
世貿一館 22
22
22
22 2222
22 22
22
22
22
22
22
22
22
22
22
22
22 22 22 22
22 22
22
22
22
22
22
22 22
22
22
22
22
22
22
22
22
22
22
22 22
22
22
22
22
22
22
22
22
22
22
2222
22
22
22
40 2222
22 22
22
22
22
22
22
22
22
22
22
22
22 22 22 22
22 22
22
22
22
22
22
22 22
22
22
22
22
22
22
22
22
22
22
22 22
22
22
22
22
22
22
22
22
22
22
2222
55
55
55
55
55
55
55
55
55
55 55
55
55
55
55
55
17 35
35
35
35
35
35
35
35
35
35
35
40
40
40
40
35
35
70
30
30
30
30 5050
50
50
50
20
20
20
20
20
20
20
20
3
1
2
1
2
1
5兒童
女人
清潔人員
救難人員
父母親
低頭族
中高齡者
挑你關⼼心的使⽤用者族群,瀏覽對同⼀一族群的設計,這週末依地圖⼀一次把你想知道的作品找到。
去哪裡⼀一次收集與⺫⽬目標使⽤用者有關的設計呢?
這週末台灣有個全球最多設計可能性的展,
看過夠多可能性
才會找出可⾏行性
有從答案(產品),思考題⺫⽬目(使⽤用者旅程)的能⼒力
設計思維才會開始啟動

More Related Content

What's hot

人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指してMasaya Ando
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチMasaya Ando
 
The HEART framework for UX metrics
The HEART framework for UX metricsThe HEART framework for UX metrics
The HEART framework for UX metricsUX Nights
 
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シート
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シートB2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シート
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シートNori Takahiro
 
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK
 
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニー
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニーB2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニー
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニーNori Takahiro
 
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」Kazuki Yamashita
 
Augmented Reality: The Next 20 Years
Augmented Reality: The Next 20 YearsAugmented Reality: The Next 20 Years
Augmented Reality: The Next 20 YearsMark Billinghurst
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesThink 360 Studio
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXNewflux UX/UI News
 
Designing the Intangible: an Introduction to Service Design
Designing the Intangible: an Introduction to Service DesignDesigning the Intangible: an Introduction to Service Design
Designing the Intangible: an Introduction to Service DesignJennifer Bove
 
The Emerging Virtual Reality Landscape: a Primer
The Emerging Virtual Reality Landscape: a PrimerThe Emerging Virtual Reality Landscape: a Primer
The Emerging Virtual Reality Landscape: a PrimerSim Blaustein
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論tsukasa obara
 
Pwc - Understanding The Effectiveness of Virtual Reality Soft Skills Trainin...
Pwc - Understanding The Effectiveness of  Virtual Reality Soft Skills Trainin...Pwc - Understanding The Effectiveness of  Virtual Reality Soft Skills Trainin...
Pwc - Understanding The Effectiveness of Virtual Reality Soft Skills Trainin...Abdallah Yakoub
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 

What's hot (20)

人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチ
 
The HEART framework for UX metrics
The HEART framework for UX metricsThe HEART framework for UX metrics
The HEART framework for UX metrics
 
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シート
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シートB2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シート
B2Bデジタルマーケター養成講座 DAY1 資料02〜ペルソナ作成用シート
 
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
 
ux flow and process
ux flow and processux flow and process
ux flow and process
 
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
 
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニー
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニーB2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニー
B2Bデジタルマーケター養成講座 DAY2〜ペルソナ設計とカスタマー(ディシジョン)ジャーニー
 
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
Augmented Reality: The Next 20 Years
Augmented Reality: The Next 20 YearsAugmented Reality: The Next 20 Years
Augmented Reality: The Next 20 Years
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Designing the Intangible: an Introduction to Service Design
Designing the Intangible: an Introduction to Service DesignDesigning the Intangible: an Introduction to Service Design
Designing the Intangible: an Introduction to Service Design
 
The Emerging Virtual Reality Landscape: a Primer
The Emerging Virtual Reality Landscape: a PrimerThe Emerging Virtual Reality Landscape: a Primer
The Emerging Virtual Reality Landscape: a Primer
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
 
Pwc - Understanding The Effectiveness of Virtual Reality Soft Skills Trainin...
Pwc - Understanding The Effectiveness of  Virtual Reality Soft Skills Trainin...Pwc - Understanding The Effectiveness of  Virtual Reality Soft Skills Trainin...
Pwc - Understanding The Effectiveness of Virtual Reality Soft Skills Trainin...
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 

Similar to 如何讓你愛上我 從服務設計看UI/UX

20191014-林金祥-UIUX
20191014-林金祥-UIUX20191014-林金祥-UIUX
20191014-林金祥-UIUXneochen2701
 
進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學伯方 蘇
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12John Woo
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworkstailrzq
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度SealTseng
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”btpig
 
workshop窩蝦毀o
workshop窩蝦毀oworkshop窩蝦毀o
workshop窩蝦毀oLucy Huang
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾guest68aa1e9
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)Alan Cai
 
产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾zhuxiongjie
 
产品设计与用户体验
产品设计与用户体验产品设计与用户体验
产品设计与用户体验eRay Jiang
 
《产品设计与用户体验》
《产品设计与用户体验》《产品设计与用户体验》
《产品设计与用户体验》Zhou Pengzhen
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾guest1db187b
 
马化腾的用户体验
马化腾的用户体验马化腾的用户体验
马化腾的用户体验yihuixue
 
产品设计与用户体验-马化腾
产品设计与用户体验-马化腾产品设计与用户体验-马化腾
产品设计与用户体验-马化腾ramanliu
 

Similar to 如何讓你愛上我 從服務設計看UI/UX (20)

20191014-林金祥-UIUX
20191014-林金祥-UIUX20191014-林金祥-UIUX
20191014-林金祥-UIUX
 
From UX to Product
From UX to ProductFrom UX to Product
From UX to Product
 
UX 策略
UX 策略UX 策略
UX 策略
 
Ux for ym
Ux for ymUx for ym
Ux for ym
 
進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學進擊的UX - rapid prototyping @ 新北市企業產經大學
進擊的UX - rapid prototyping @ 新北市企業產經大學
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”
 
workshop窩蝦毀o
workshop窩蝦毀oworkshop窩蝦毀o
workshop窩蝦毀o
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾
 
产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)产品设计与用户体验(马化腾)
产品设计与用户体验(马化腾)
 
产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾产品设计与用户体验 - 马化腾
产品设计与用户体验 - 马化腾
 
产品设计与用户体验
产品设计与用户体验产品设计与用户体验
产品设计与用户体验
 
《产品设计与用户体验》
《产品设计与用户体验》《产品设计与用户体验》
《产品设计与用户体验》
 
产品设计与用户体验 马化腾
产品设计与用户体验  马化腾产品设计与用户体验  马化腾
产品设计与用户体验 马化腾
 
马化腾的用户体验
马化腾的用户体验马化腾的用户体验
马化腾的用户体验
 
产品设计与用户体验-马化腾
产品设计与用户体验-马化腾产品设计与用户体验-马化腾
产品设计与用户体验-马化腾
 

如何讓你愛上我 從服務設計看UI/UX