SlideShare a Scribd company logo
Advancing	 UX
Kaba Su
Yahoo Design
“設計就是不停的戰鬥!”
Interaction Designer
Interaction Designer
What the society think I do.
Interaction Designer
What my friends think I do.What the society think I do.
Interaction Designer
What my mom think I do.What my friends think I do.What the society think I do.
Interaction Designer
What my mom think I do.What my friends think I do.What the society think I do.
What engineers think I do
Interaction Designer
What my mom think I do.What my friends think I do.What the society think I do.
What I think I do.What engineers think I do
Interaction Designer
What my mom think I do.What my friends think I do.What the society think I do.
What I think I do.What engineers think I do What I really do.
?
‣ UX能吃嗎	

‣ 了解你的使⽤用者	

‣ 原型開發不寫code
使用者經驗
存續
Business

viability
可行
Technology

feasibility
存續
Business

viability
可行
Technology

feasibility
需求
User

desirability
存續
Business

viability
可行
Technology

feasibility
需求
User

desirability
成功的創新
設計就是不停地戰鬥
UXUser eXperience
使⽤用者經驗
UCDUser Centered Design
使⽤用者中⼼心設計
Empathy
共感同理⼼心
鯈(ㄔㄡˊ)魚出游從容,是魚之樂也
子非魚,焉知魚之樂
很幸運我們的USER通常不是魚
Optimization
‣ Metrics driven
‣ Usability
‣ Lean testing
Revamp
‣ User Study
Innovation
‣ Exploratory
Research
‣ Conceptual front-
end
Optimization Revamp Innovation
‣ Metrics driven
‣ Usability
‣ Lean testing
‣ User Study ‣ Exploratory
Research
‣ Conceptual front-
end
設計流程
學習
商業策略 學習
商業策略 學習 發想
商業策略 學習 發想 實作
商業策略 學習 發想 實作
iteration
越早失敗,越接近成功
越早失敗,越接近成功
有計劃的
延平郡⺩王
概念 測試 完成
任性⼀一次的成本
概念 測試 完成
任性⼀一次的成本
prototype
prototype
重點是學習與共識
Vision
iteration
分⽽而化之Vision
與使⽤用者⼀一起成⻑⾧長
廟算者,多算勝,少算敗?
Empathy Interview
Listen to your users
Listen to your users
Context
情境
Listen to your users
Context
情境
Concept
概念
屬性	 
Attribute
結果	 
Consequence
價值	 
Value
我想要先把後天的餐廳訂好
為何?
我想要先把後天的餐廳訂好
為何?
因為我想要事先準備好
為何?
我想要先把後天的餐廳訂好
為何?
因為我想要事先準備好
為何?
因為他們是我的家⼈人
為何?
我想要先把後天的餐廳訂好
為何?
因為我想要事先準備好
為何?
因為他們是我的家⼈人
為何?
因為我不想讓⾃自⼰己丟臉
為何?
哩⾦金雞ㄋㄟ
....
Interview Do’s
✓讓使⽤用者去主導

讓⾃自⼰己成為⼀一個”初學者/學徒”的
⾓角⾊色,打開⼼心向使⽤用者學習
✓⿎鼓勵使⽤用者操作

當要瞭解產品使⽤用經驗時,使⽤用者直
接操作⽐比⼝口頭說明還要好
✓保持好奇⼼心

問⼀一些深⼊入的問題,能夠引發使⽤用者
說出更多的細節,並且注意你的肢體
語⾔言(表達友善的肢體語⾔言)
✓保持開放⼼心態

允許使⽤用者與你分享你沒有預期要問
的資訊,讓討論保持⾃自然就好
✓運⽤用使⽤用者的語⾔言

傾聽使⽤用者的“關鍵字”並加以運⽤用
這些話,盡量不要使⽤用內部或太技術
性的專有名詞
✓做你⾃自⼰己

當你的⾏行為是真實的⽽而且不造作的態
度時,使⽤用者也會⽐比較舒適⾃自在
Interview Don’ts
X主導使⽤用者

確保你的提問不會引導使⽤用者回答問
題
X	
停留在粗淺的回答

不要滿⾜足於使⽤用者“是”或“否”的
回答,試著⽤用“為什麼…”和“告訴
我更多…”去深⼊入探究更多
X提供協助

觀察使⽤用者遇到困難時的反應,可以
告訴我們使⽤用者在哪個步驟以及為什
麼會發⽣生問題
X假設未來的使⽤用狀況

我們無法精準的去預測使⽤用者未來的
⾏行為(我們應該以現在能觀察到的⾏行
為為主)
X防衛⼼心態

把使⽤用者的意⾒見當成是學習改善我們
產品的機會點
5	 minutes	 
描述自己一天之中看新
聞、部落格或者其他網
路資訊的經驗
10	 minutes	 
分享使用特定新聞產品
的經驗
TASKS
▪ ⽤用分類瀏覽常看的新聞類型
▪ 選⼀一篇有興趣的⽂文章、閱讀後並談⼀一下內容
▪ ⼼心情投票
▪ 看⼼心情新聞
▪ 調整⾃自定分類
▪ 整體使⽤用上,	
  哪邊是吸引你的?
▪ 使⽤用上有遇到哪些不順的地⽅方?什麼可以更好?
▪ 有沒有什麼覺得應該要有的功能卻沒有看到的?
▪ ⾃自由瀏覽之後給⼀一些feedback
#1
#2
#3
受訪者 ID
戰鬥就是快
Rapid Prototyping
Redesigning
the way you
see the world
世界之窗,重新設計
Redesigning
the way you
see the world
世界之窗,重新設計
使用者告訴我們...
What we learned from users
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
簡單明快
Efficiency
更豐富即時的
媒體素材
Rich content
想簡單地表達
意⾒見
To simply participate and
express themselves
想知道別⼈人的
看法
to know what others feel
想要多元觀點
They want diversity
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
簡單明快
Efficiency
更豐富即時的
媒體素材
Rich content
想簡單地表達
意⾒見
To simply participate and
express themselves
想知道別⼈人的
看法
to know what others feel
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
簡單明快
Efficiency
更豐富即時的
媒體素材
Rich content
想簡單地表達
意⾒見
To simply participate and
express themselves
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
簡單明快
Efficiency
更豐富即時的
媒體素材
Rich content
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
簡單明快
Efficiency
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
使用者告訴我們...
What we learned from users
產品設計原則
Product design principles
快速
Fast
易於參與
Engaging
彙整多元觀點
Organized
Diversity
產品設計原則
Product design principles
最簡單的參與方式
HOW MIGHT WE DESIGN THE EASIEST WAY
FOR USERS TO EXPRESS THEIR OPINION?
我們怎麼設計一個
更有趣地表達心情
THE MOST DELIGHTFUL WAY TO
KNOW WHAT OTHERS FEEL?
更有趣地表達心情
THE MOST DELIGHTFUL WAY TO
KNOW WHAT OTHERS FEEL?
重點
最多⼀一天
重點
Keynote
animation prototype

!
開發時間:很快

效能:很好

動畫精細度:中⾼高

互動程度:中等

流程展現程度:⾼高
Flinto
Browser base prototype

!
開發時間:很快

效能:很好

動畫精細度:低

互動程度:中⾼高

流程展現程度:⾼高

協作:⾼高
Invision
Browser base prototype

!
開發時間:很快

效能:很好

動畫精細度:低

互動程度:中⾼高

流程展現程度:⾼高

協作:很⾼高
Axure
Browser base prototype

!
開發時間:看你

效能:中⾼高

動畫精細度:中等

互動程度:⾼高

流程展現程度:⾼高
Pixate
interactive single screen
prototyping

!
開發時間:快

效能:很⾼高

動畫精細度:很⾼高

展現的互動程度:很⾼高

流程展現程度:中等
小結
一位非常成功的微禿中年曾說
你的時間有限,不要為別人而
活,不要規循別人的信念中...
最重要的是,鼓起勇氣跟隨你
的心靈與直覺,它們才知道你
想成為怎樣的人。
!
Stay hungry, stay foolish.
重要的是,千萬不要以為你是 Steve Jobs
與夥伴一起改變世界!
台灣互動設計師協會
Thank you

More Related Content

Similar to 進擊的UX

用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
VImLai
 
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
LIU hongmin
 
交點台中Vol.15 - 陳品彰 - 「夢想」、「熱情」這過程與變化
交點台中Vol.15 -  陳品彰 - 「夢想」、「熱情」這過程與變化交點台中Vol.15 -  陳品彰 - 「夢想」、「熱情」這過程與變化
交點台中Vol.15 - 陳品彰 - 「夢想」、「熱情」這過程與變化
交點
 
Persona Web人物角色介绍
Persona Web人物角色介绍Persona Web人物角色介绍
Persona Web人物角色介绍
j Lin
 
Kentzhu 应需而变,体验的力量
Kentzhu 应需而变,体验的力量Kentzhu 应需而变,体验的力量
Kentzhu 应需而变,体验的力量
kent zhu
 
workshop窩蝦毀o
workshop窩蝦毀oworkshop窩蝦毀o
workshop窩蝦毀o
Lucy Huang
 

Similar to 進擊的UX (20)

用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
 
交點台中Vol.15 - 陳品彰 - 「夢想」、「熱情」這過程與變化
交點台中Vol.15 -  陳品彰 - 「夢想」、「熱情」這過程與變化交點台中Vol.15 -  陳品彰 - 「夢想」、「熱情」這過程與變化
交點台中Vol.15 - 陳品彰 - 「夢想」、「熱情」這過程與變化
 
念心理系的人怎麼會來做網站企劃?
念心理系的人怎麼會來做網站企劃?念心理系的人怎麼會來做網站企劃?
念心理系的人怎麼會來做網站企劃?
 
CPC-以五感打造服務體驗
CPC-以五感打造服務體驗CPC-以五感打造服務體驗
CPC-以五感打造服務體驗
 
Persona Web人物角色介绍
Persona Web人物角色介绍Persona Web人物角色介绍
Persona Web人物角色介绍
 
以移動視點探討電子日記本中的審美互動
以移動視點探討電子日記本中的審美互動以移動視點探討電子日記本中的審美互動
以移動視點探討電子日記本中的審美互動
 
陌生到熟悉
陌生到熟悉陌生到熟悉
陌生到熟悉
 
設計的心理學 第一章導讀
設計的心理學 第一章導讀設計的心理學 第一章導讀
設計的心理學 第一章導讀
 
Kentzhu 应需而变,体验的力量
Kentzhu 应需而变,体验的力量Kentzhu 应需而变,体验的力量
Kentzhu 应需而变,体验的力量
 
DMS 20221223
DMS 20221223DMS 20221223
DMS 20221223
 
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
HearMe Design Report
HearMe Design ReportHearMe Design Report
HearMe Design Report
 
20170318-如何打造人們想要的產品_MARKiT聚好策略
20170318-如何打造人們想要的產品_MARKiT聚好策略20170318-如何打造人們想要的產品_MARKiT聚好策略
20170318-如何打造人們想要的產品_MARKiT聚好策略
 
体验的历程 Afooli
体验的历程 Afooli体验的历程 Afooli
体验的历程 Afooli
 
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
 
workshop窩蝦毀o
workshop窩蝦毀oworkshop窩蝦毀o
workshop窩蝦毀o
 
HP41活動介紹-使用者研究
HP41活動介紹-使用者研究HP41活動介紹-使用者研究
HP41活動介紹-使用者研究
 

More from 伯方 蘇

More from 伯方 蘇 (8)

產品設計團隊的挑戰
產品設計團隊的挑戰產品設計團隊的挑戰
產品設計團隊的挑戰
 
Can we make everyone think like a designer?
Can we make everyone think like a designer?Can we make everyone think like a designer?
Can we make everyone think like a designer?
 
Why prototyping
Why prototypingWhy prototyping
Why prototyping
 
The core of innovation @中華電信
The core of innovation @中華電信The core of innovation @中華電信
The core of innovation @中華電信
 
進擊的UX @ 中山大學
進擊的UX @ 中山大學進擊的UX @ 中山大學
進擊的UX @ 中山大學
 
The core of innovation @MIX2015
The core of innovation @MIX2015The core of innovation @MIX2015
The core of innovation @MIX2015
 
The core of innovation: Empathy and Experiment
The core of innovation: Empathy and ExperimentThe core of innovation: Empathy and Experiment
The core of innovation: Empathy and Experiment
 
進擊的UX - UX and rapid prototyping @ 元智
進擊的UX - UX and rapid prototyping @ 元智進擊的UX - UX and rapid prototyping @ 元智
進擊的UX - UX and rapid prototyping @ 元智
 

進擊的UX