SlideShare a Scribd company logo
UX|UI
做個懂使用者的設計師
明志科大視傳系|林金祥
電腦技能基金會
使用者行為
設計師
20191014-林金祥-UIUX
20191014-林金祥-UIUX
佈局
視覺設計
品牌識別
架構
介面設計
導覽列設計
資訊設計
互動架構
互動設計
資訊架構
設計範圍
功能定義
內容需求
設計策略
使用者需求
設計目標
20191014-林金祥-UIUX
20191014-林金祥-UIUX
20191014-林金祥-UIUX
讓我們一起回想
喝咖啡的經驗
我們會對什麼服務感到滿意?
如果我開咖啡廳,要怎麼樣提供
讓顧客滿意的服務?
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
使用者
旅程研究
瞭解使用者的好工具
20191014-林金祥-UIUX
20191014-林金祥-UIUX
踏上旅行前的整裝
 專案的定義與範圍是?
 主要的使用者客群(Target Audiance, TA)是?
 這些使用者是如何接觸到這項服務?(前)
 使用者可能會如何操作/使用這項服務?(中)
 要如何讓使用者介紹其他客群來使用?(後)
 如何創造滿意的使用經驗?
同理心地圖 (如果要買個電視⋯)
使用者旅程地圖
20191014-林金祥-UIUX
20191014-林金祥-UIUX
簡單的結論(如果有的話)
 要設計好的東西,必須先瞭解這個產品會被怎麼用?
 定義清楚主要的使用者客群,有助於產品的開發。
 產品的使用,不只有「使用中」;倘若可以,應考慮接
觸到產品前與後的階段。
 行銷或許離RD比較遠,但RD成敗的關鍵之一是行銷。
謝謝聆聽
敬請指教
明志科大視傳系|林金祥

More Related Content

PPTX
视觉设计
PDF
悦人设计咨询服务2012
PDF
We Eat 團體聚餐輕鬆約
PPTX
Ui gathering(視覺設計)
PDF
進擊的UX - rapid prototyping @ 新北市企業產經大學
PDF
如何讓你愛上我 從服務設計看UI/UX
PDF
We Eat UI/UX Project (UI/UX專案)
PPTX
网站可用性设计的探讨
视觉设计
悦人设计咨询服务2012
We Eat 團體聚餐輕鬆約
Ui gathering(視覺設計)
進擊的UX - rapid prototyping @ 新北市企業產經大學
如何讓你愛上我 從服務設計看UI/UX
We Eat UI/UX Project (UI/UX專案)
网站可用性设计的探讨

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

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

More from neochen2701 (17)

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

Recently uploaded (8)

DOC
Missouri Southern State University
DOC
原版制作(爱尔兰IADT毕业证书)邓莱里文艺理工学院毕业证文凭证书英文定做
DOCX
Research on a machine that is likely to dominate the market
PPTX
星巴克分析swot analysis-strength,threats.pptx
DOC
American Film Institute
DOC
原版制作(意大利毕业证书)佛罗伦萨美术学院毕业证研究生文凭证书购买
DOC
原版制作(英国NTU毕业证书)诺丁汉特伦特大学毕业证注册证明信原版定制
DOC
McMurry University
Missouri Southern State University
原版制作(爱尔兰IADT毕业证书)邓莱里文艺理工学院毕业证文凭证书英文定做
Research on a machine that is likely to dominate the market
星巴克分析swot analysis-strength,threats.pptx
American Film Institute
原版制作(意大利毕业证书)佛罗伦萨美术学院毕业证研究生文凭证书购买
原版制作(英国NTU毕业证书)诺丁汉特伦特大学毕业证注册证明信原版定制
McMurry University

20191014-林金祥-UIUX