SlideShare a Scribd company logo
1 of 36
Download to read offline
UX|UI
做個懂使用者的設計師
明志科大視傳系|林金祥
電腦技能基金會
使用者行為
設計師
佈局
視覺設計
品牌識別
架構
介面設計
導覽列設計
資訊設計
互動架構
互動設計
資訊架構
設計範圍
功能定義
內容需求
設計策略
使用者需求
設計目標
讓我們一起回想
喝咖啡的經驗
我們會對什麼服務感到滿意?
如果我開咖啡廳,要怎麼樣提供
讓顧客滿意的服務?
UX|UI 在咖啡廳
 哪些因素帶來好的體驗?
氛圍與呈現方式,可以創造/破壞美好經驗。
所有可以看到的視覺元素。
聚焦在我想要的,讓我在有限的選擇上完成決策行
為。
不要催促慢郎中,也不要拖累急驚風。
在客戶期待之前便做好準備。
在客戶需要的時候,就出現服務。
用客戶聽得懂的語言對話。
大家都愛乾淨的桌面,但客人用餐完畢前別收餐具。
UX|UI 在咖啡廳
 新的客人就要進來囉!
別以第一印象來判斷客人(尤其是他們餓的時候)。
向新來客簡介餐飲特色或推薦組合。
當新來客疑惑時,用他們懂的字彙來解釋菜單或說
明。而別用品牌名、外文字。
向新來客解釋店裡常用的重要用語。(large or
grande; extra large or Venti)
即便今天可能賺不到他/她的錢,也要保持愉悅並
提供最佳服務。
客人詢問時,提供最詳實的說明。
別跟錢過不去。
UX|UI 在咖啡廳
 熟客又上門啦!
回饋給熟客們喜歡的東西。
熟客們可能比你更清楚店裡的規矩和餐飲特色,因
此除非他們問,否則避免不要必的介紹。
如果有熟客願意幫你介紹餐飲給其他客人,就讓他
們分擔你的工作吧!
使用者
到底是誰
我們不當工程師
先當個使用者
換取____________
換取保障
換取娛樂
換取教育
使用這個APP?
付學費?
買電影票?
買人壽保險?
為什麼我們要
行銷是促進價值交換的行為
拿我們有的,去換他們有的/我們要的
我們
是誰?
有什麼?
要什麼?
他們
是誰?
有什麼?
要什麼?
供給
需求
交換價值的商業行為
我們這組要開發的題目是
[ ]
我們
是 [ ]
有 [ ]
要 [ ]
他們
是 [ ]
有 [ ]
要 [ ]
交換 [ ] 價值
一起來
想一想
行銷的意義
價値的創造與交換(營利組織)
消費者
創造利潤、永續經營 佈置家居、慰問病患
討女朋友歡心
需求/目標 需求/目標
花坊
金錢、忠誠、
良好口碑
鮮花、合理
定價、資訊、
銷售據點
行銷的意義
價値的創造與交換(非營利組織)
社區居民
建立和諧社區
融洽的鄰里關係與
優質生活環境
需求/目標
需求/目標
社區活動中心
繳費、擔任義
工、參與活動
親子活動、
合理的參與
成本與管道
我的目標客群是誰?
長庚養生文化村
要訴求的對象又是誰?
利害關係人
利害關係人地圖
讓我們再多想一點
 我們的主要客群是
最常接觸的人有誰?
誰會有影響力?
她/他們最關心什麼?
目標客群有什麼特殊文化?
最常接觸資訊的管道是什麼?
要怎麼樣讓她/他們接收到資訊?
要怎麼樣讓她/他們對資訊產生行動力?
一起來
想一想
使用者 決策者 輿論者
她/他們是誰?
環境對行銷的影響
根據統一超商的統計:
氣溫在20到25度C之間,
每增加1度,當日涼麵的
銷售就成長___%
氣溫在25度C之後,每
增加1度,當日涼麵的銷
售就成長___%
10
15
環境對行銷的影響
全家便利商店的颱風財
泡麵銷量比平日多__%
便當、麵包比平日多__%
電池比平日多__%
零食、餅乾比平日多__%
30
50
50
100
環境對行銷的影響
環境中任何風吹草動,
對企業商機與行銷管理
都有重要的意義
26
使用者
旅程研究
瞭解使用者的好工具
踏上旅行前的整裝
 專案的定義與範圍是?
 主要的使用者客群(Target Audiance, TA)是?
 這些使用者是如何接觸到這項服務?(前)
 使用者可能會如何操作/使用這項服務?(中)
 要如何讓使用者介紹其他客群來使用?(後)
 如何創造滿意的使用經驗?
同理心地圖 (如果要買個電視⋯)
使用者旅程地圖
簡單的結論(如果有的話)
 要設計好的東西,必須先瞭解這個產品會被怎麼用?
 定義清楚主要的使用者客群,有助於產品的開發。
 產品的使用,不只有「使用中」;倘若可以,應考慮接
觸到產品前與後的階段。
 行銷或許離RD比較遠,但RD成敗的關鍵之一是行銷。
謝謝聆聽
敬請指教
明志科大視傳系|林金祥

More Related Content

Similar to 20191014-林金祥-UIUX

认识和管理用户体验(recognize and manage Ue)
认识和管理用户体验(recognize and manage Ue)认识和管理用户体验(recognize and manage Ue)
认识和管理用户体验(recognize and manage Ue)Xiaoliang Zhang
 
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Rice Tseng
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be betterJen-Chieh Ko
 
政府網站瀏覽體驗
政府網站瀏覽體驗政府網站瀏覽體驗
政府網站瀏覽體驗BelindaYCWang
 
企業要的不是UCD
企業要的不是UCD企業要的不是UCD
企業要的不是UCDmimicz
 
CPC-以五感打造服務體驗
CPC-以五感打造服務體驗CPC-以五感打造服務體驗
CPC-以五感打造服務體驗Ian Jang
 
UX story of websites
UX story of websitesUX story of websites
UX story of websitesRobert Luo
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度SealTseng
 
使用者經驗設計初探
使用者經驗設計初探使用者經驗設計初探
使用者經驗設計初探George Chang
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”btpig
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98悠識學院
 
设计资料总结
设计资料总结设计资料总结
设计资料总结yamingd
 
用户体验
用户体验用户体验
用户体验hanzi1127
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计Zumei Wu
 
Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Bill Lin
 

Similar to 20191014-林金祥-UIUX (20)

From UX to Product
From UX to ProductFrom UX to Product
From UX to Product
 
认识和管理用户体验(recognize and manage Ue)
认识和管理用户体验(recognize and manage Ue)认识和管理用户体验(recognize and manage Ue)
认识和管理用户体验(recognize and manage Ue)
 
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be better
 
政府網站瀏覽體驗
政府網站瀏覽體驗政府網站瀏覽體驗
政府網站瀏覽體驗
 
企業要的不是UCD
企業要的不是UCD企業要的不是UCD
企業要的不是UCD
 
CPC-以五感打造服務體驗
CPC-以五感打造服務體驗CPC-以五感打造服務體驗
CPC-以五感打造服務體驗
 
UX story of websites
UX story of websitesUX story of websites
UX story of websites
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度
 
UX 策略
UX 策略UX 策略
UX 策略
 
使用者經驗設計初探
使用者經驗設計初探使用者經驗設計初探
使用者經驗設計初探
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
 
设计资料总结
设计资料总结设计资料总结
设计资料总结
 
用户体验
用户体验用户体验
用户体验
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计
 
Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計
 
服務設計(Service design)顧客洞察
服務設計(Service design)顧客洞察服務設計(Service design)顧客洞察
服務設計(Service design)顧客洞察
 

More from neochen2701

20190923-吳恒毅-精準描述
20190923-吳恒毅-精準描述20190923-吳恒毅-精準描述
20190923-吳恒毅-精準描述neochen2701
 
201909-1-龔文儀-溝通-觀察
201909-1-龔文儀-溝通-觀察201909-1-龔文儀-溝通-觀察
201909-1-龔文儀-溝通-觀察neochen2701
 
20191028 -successful cases
20191028 -successful cases20191028 -successful cases
20191028 -successful casesneochen2701
 
20191021-沈芳玟-影片分鏡稿案例分享
20191021-沈芳玟-影片分鏡稿案例分享20191021-沈芳玟-影片分鏡稿案例分享
20191021-沈芳玟-影片分鏡稿案例分享neochen2701
 
20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具neochen2701
 
201909-3-葉佩蓉-溝通-書寫
201909-3-葉佩蓉-溝通-書寫201909-3-葉佩蓉-溝通-書寫
201909-3-葉佩蓉-溝通-書寫neochen2701
 
201909-2-林孟穎-溝通-聆聽
201909-2-林孟穎-溝通-聆聽201909-2-林孟穎-溝通-聆聽
201909-2-林孟穎-溝通-聆聽neochen2701
 
TQC+ 程式語言 Python 06:串列操作
TQC+ 程式語言 Python 06:串列操作TQC+ 程式語言 Python 06:串列操作
TQC+ 程式語言 Python 06:串列操作neochen2701
 
TQC+ 程式語言 Python 09:檔案處理
TQC+ 程式語言 Python 09:檔案處理TQC+ 程式語言 Python 09:檔案處理
TQC+ 程式語言 Python 09:檔案處理neochen2701
 
TQC+ 程式語言 Python 08:字串處理
TQC+ 程式語言 Python 08:字串處理TQC+ 程式語言 Python 08:字串處理
TQC+ 程式語言 Python 08:字串處理neochen2701
 
TQC+ 程式語言 Python 07:數組、字典、集合
TQC+ 程式語言 Python 07:數組、字典、集合TQC+ 程式語言 Python 07:數組、字典、集合
TQC+ 程式語言 Python 07:數組、字典、集合neochen2701
 
TQC+ 程式語言 Python 05:函式
TQC+ 程式語言 Python 05:函式TQC+ 程式語言 Python 05:函式
TQC+ 程式語言 Python 05:函式neochen2701
 
TQC+ 程式語言 Python 04:進階控制流程
TQC+ 程式語言 Python 04:進階控制流程TQC+ 程式語言 Python 04:進階控制流程
TQC+ 程式語言 Python 04:進階控制流程neochen2701
 
TQC+ 程式語言 Python 03:迴圈
TQC+ 程式語言 Python 03:迴圈TQC+ 程式語言 Python 03:迴圈
TQC+ 程式語言 Python 03:迴圈neochen2701
 
TQC+ 程式語言 Python 02:運算式、判斷式
TQC+ 程式語言 Python 02:運算式、判斷式TQC+ 程式語言 Python 02:運算式、判斷式
TQC+ 程式語言 Python 02:運算式、判斷式neochen2701
 
TQC+ 程式語言 Python 01:變數與輸出入
TQC+ 程式語言 Python  01:變數與輸出入TQC+ 程式語言 Python  01:變數與輸出入
TQC+ 程式語言 Python 01:變數與輸出入neochen2701
 
Tqc+程式語言Python-第0章
Tqc+程式語言Python-第0章Tqc+程式語言Python-第0章
Tqc+程式語言Python-第0章neochen2701
 

More from neochen2701 (17)

20190923-吳恒毅-精準描述
20190923-吳恒毅-精準描述20190923-吳恒毅-精準描述
20190923-吳恒毅-精準描述
 
201909-1-龔文儀-溝通-觀察
201909-1-龔文儀-溝通-觀察201909-1-龔文儀-溝通-觀察
201909-1-龔文儀-溝通-觀察
 
20191028 -successful cases
20191028 -successful cases20191028 -successful cases
20191028 -successful cases
 
20191021-沈芳玟-影片分鏡稿案例分享
20191021-沈芳玟-影片分鏡稿案例分享20191021-沈芳玟-影片分鏡稿案例分享
20191021-沈芳玟-影片分鏡稿案例分享
 
20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具
 
201909-3-葉佩蓉-溝通-書寫
201909-3-葉佩蓉-溝通-書寫201909-3-葉佩蓉-溝通-書寫
201909-3-葉佩蓉-溝通-書寫
 
201909-2-林孟穎-溝通-聆聽
201909-2-林孟穎-溝通-聆聽201909-2-林孟穎-溝通-聆聽
201909-2-林孟穎-溝通-聆聽
 
TQC+ 程式語言 Python 06:串列操作
TQC+ 程式語言 Python 06:串列操作TQC+ 程式語言 Python 06:串列操作
TQC+ 程式語言 Python 06:串列操作
 
TQC+ 程式語言 Python 09:檔案處理
TQC+ 程式語言 Python 09:檔案處理TQC+ 程式語言 Python 09:檔案處理
TQC+ 程式語言 Python 09:檔案處理
 
TQC+ 程式語言 Python 08:字串處理
TQC+ 程式語言 Python 08:字串處理TQC+ 程式語言 Python 08:字串處理
TQC+ 程式語言 Python 08:字串處理
 
TQC+ 程式語言 Python 07:數組、字典、集合
TQC+ 程式語言 Python 07:數組、字典、集合TQC+ 程式語言 Python 07:數組、字典、集合
TQC+ 程式語言 Python 07:數組、字典、集合
 
TQC+ 程式語言 Python 05:函式
TQC+ 程式語言 Python 05:函式TQC+ 程式語言 Python 05:函式
TQC+ 程式語言 Python 05:函式
 
TQC+ 程式語言 Python 04:進階控制流程
TQC+ 程式語言 Python 04:進階控制流程TQC+ 程式語言 Python 04:進階控制流程
TQC+ 程式語言 Python 04:進階控制流程
 
TQC+ 程式語言 Python 03:迴圈
TQC+ 程式語言 Python 03:迴圈TQC+ 程式語言 Python 03:迴圈
TQC+ 程式語言 Python 03:迴圈
 
TQC+ 程式語言 Python 02:運算式、判斷式
TQC+ 程式語言 Python 02:運算式、判斷式TQC+ 程式語言 Python 02:運算式、判斷式
TQC+ 程式語言 Python 02:運算式、判斷式
 
TQC+ 程式語言 Python 01:變數與輸出入
TQC+ 程式語言 Python  01:變數與輸出入TQC+ 程式語言 Python  01:變數與輸出入
TQC+ 程式語言 Python 01:變數與輸出入
 
Tqc+程式語言Python-第0章
Tqc+程式語言Python-第0章Tqc+程式語言Python-第0章
Tqc+程式語言Python-第0章
 

20191014-林金祥-UIUX