與魔鬼共舞
聊聊日常生活中的
使用者體驗與設計
DANCING WITH THE DEVIL
REAL-LIFE USER EXPERIENCE AND DESIGN
2013.10.14-16 LIN JE-WE
Copyright © 20...
今天聊些什麼?
聊生活體驗跟設計的關係
PART 1 自介 (01 - 02)
簡單認識哲偉
PART 2 前言 (03 - 11)
生活當中,設計細節無所不在
PART 3 釋義 (12 - 21)
了解什麼是使用者體驗與設計?可以吃嗎?好吃...
Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx
自我介紹
誰是哲偉
HI, MY NAME IS LEO. I'M RESPONSIBLE FOR THE PRODUCT...
Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx
跑跑跳跳
哲偉都在做些什麼?
MINI WORKSHOPS
BANK SINOPAC - THE POWER OF MOB...
Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx
生活當中
設計細節無所不在
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
俗話說魔鬼在細節裡
03
http://trizic.com/the-devil-is-in-the-details-how-prepared-are-you-for-a-presence-...
Copyright © 2013 Lin Je-We
生活裡的設計細節在哪?
04
http://www.desktopanimated.com/liquid-life/
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
食 - 食物罐
05
http://www.behance.net/gallery/Package-Students-lunch-Eat-Go/6455905
Tuesday, Octobe...
Copyright © 2013 Lin Je-We
衣 - 衣架
06
Why Is Apple Forcing Us All To Put Our Phones In Our Pockets Upside-Down?
Tuesday, Oc...
Copyright © 2013 Lin Je-We
住 - 收納箱
07
繽紛多彩⾺馬卡⻯⿓龍可疊式收納箱
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
行 - 樓層牆面
08
http://39989228.diandian.com/post/2012-12-11/40047089515
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
育 - 牆面指示圖
09
http://fixturescloseup.com/2013/03/05/building-wayfinding-in-arabic/
Tuesday, Octo...
Copyright © 2013 Lin Je-We
樂 - IPHONE 5 耳機孔
10
Why Is Apple Forcing Us All To Put Our Phones In Our Pockets Upside-Down?
T...
Copyright © 2013 Lin Je-We
樂 - IOS 6 MAILBOX
11
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
了解什麼是使用者
體驗與設計?
可以吃嗎?
好吃嗎?
http://idanznews.com/page/21.aspx
Tuesday, October 8, 13
設計是什麼?
Copyright © 2013 Lin Je-We
12
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
藝術關心什麼?
設計在意什麼?
http://www.medelmanart.com/chair2web.jpg
http://woow.tw/index.php?node=De%20Vor...
Copyright © 2013 Lin Je-We
設計幫助我們解決需求?
14
⽇日常⽣生活⼟土司設計
Tuesday, October 8, 13
設計 = 極簡風?
Copyright © 2013 Lin Je-We
15
http://en.wikipedia.org/wiki/Lemon_squeezer
Tuesday, October 8, 13
設計?藝術?
Copyright © 2013 Lin Je-We
16
http://en.wikipedia.org/wiki/Lemon_squeezer
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
用過色鉛筆嗎?
17
http://www.ettoday.net/dalemon/post/791?from=fb_et_news
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
18
http://www.precisionnutrition.com/coffee-and-hormones
體驗是什麼?
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
EMPATHY
19
http://playthinking.wordpress.com/portfolio/
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
5 分鐘了解使用者體驗與設計
葫蘆裡賣什麼膏藥?
20
What the #$%@ is UX Design?
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
雙協奏曲
21
UX
DESIGN體驗 設計
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
揉揉眼睛
用生活案例解釋
使用者體驗與設計
http://idanznews.com/page/21.aspx
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
電燈開關
Living with Complexity [Donald A. Norman] p.59
22
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
門把
23
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
門鎖
Living with Complexity [Donald A. Norman] p.62
24
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
瓦斯爐
25
http://www.personal.psu.edu/edk5035/blogs/portfolio/blog/
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
捷運博愛電梯
東森新聞
26
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
紅綠燈
http://zh.wikipedia.org/wiki/%E8%89%B2%E7%9B%B2
27
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
摩斯漢堡洗手台
28
http://www.businessweekly.com.tw/KBlogArticle.aspx?ID=2333&path=c
Tuesday, October 8...
Copyright © 2013 Lin Je-We
小吃攤菜單
29
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
停車場繳費機
30
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
小便斗
31
http://taiwan.chtsai.org/2013/05/09/bie_weile_hudong_er_hudong/
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
由設計出發改善使用體驗
也因使用體驗而改善設計
32
設計 ➔ 使用體驗 使用體驗 ➔ 設計UX
DESIGN
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
使用者體驗與設計
又如何具體執行?
http://idanznews.com/page/21.aspx
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
首先我們吵架,拍桌子..
討論需求確立目標
33
http://www.localhiddenvariable.com/ciid/user-research/
需求
Tuesday, Oct...
Copyright © 2013 Lin Je-We
嘗試各種可行性方案
有時會熬夜那種..
34
http://www.flickr.com/photos/disa4ever/8577854523/sizes/l/in/pool-107067...
Copyright © 2013 Lin Je-We
如果我們想建造鋼彈
組個模型驗證比較保險
35
原型
Gundam Bandai SD Super Deformed BB Model Kit Bb333 0 Gundam
http://w...
Copyright © 2013 Lin Je-We
然後威脅..邀請使用者使用產
品觀察真實使用情形
36
http://www.scs.ryerson.ca/~cps613/References/UsabilityEngineering/
...
Copyright © 2013 Lin Je-We
使用者體驗與設計 = 流程?
是,也不是
37
測試需求 發想 原型
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
每個階段
有哪些角色參與其中?
38
原型需求 測試發想
設計師
大大
產品
經理
工程師
行銷
專家
設計師
產品
經理
工程師
行銷
專家
工程師 設計師
設計師
產品
經理
工程師
行...
Copyright © 2013 Lin Je-We
使用者體驗與設計 = 團隊?
是,也不是
39
The Avengers Phenomenon
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
吵什麼吵!
參在一起做撒尿牛丸笨蛋!
40
Posts and Plugins
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
使用體驗近似於
“以客為尊”的概念
41
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
佐藤可士和 の SEVEN CAFE
案例來看看體驗與設計關係
42
設計 ➔ 使用體驗 使用體驗 ➔ 設計UX
DESIGN
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We
佐藤可士和 の SEVEN CAFE
需求 ➔ 設計
43
➔
http://ldope.com/blog/leetea/7-11-seven-cafe/
http://www.precis...
Copyright © 2013 Lin Je-We
需求 ➔ 設計 ➔
使用體驗 ➔ ?
44
➔
http://blog.livedoor.jp/omokage1/archives/52184253.html
?
http://ldope....
Copyright © 2013 Lin Je-We
45 需求 ➔ 設計 ➔ 使用體驗 ➔ ?
➔ 新需求 ➔ 新設計 ➔ 新體驗
http://ldope.com/blog/leetea/7-11-seven-cafe/
Tuesday, ...
Copyright © 2013 Lin Je-We
46
http://ldope.com/blog/leetea/7-11-seven-cafe/
需求 ➔ 設計 ➔ 使用體驗 ➔ ?
➔ 新需求 ➔ 新設計 ➔ 新體驗
Tuesday, ...
Copyright © 2013 Lin Je-We
47
http://ldope.com/blog/leetea/7-11-seven-cafe/
需求 ➔ 設計 ➔ 使用體驗 ➔ ?
➔ 新需求 ➔ 新設計 ➔ 新體驗
Tuesday, ...
Copyright © 2013 Lin Je-We
48
http://ldope.com/blog/leetea/7-11-seven-cafe/
需求 ➔ 設計 ➔ 使用體驗 ➔ ?
➔ 新需求 ➔ 新設計 ➔ 新體驗
Tuesday, ...
Copyright © 2013 Lin Je-We
49
http://ldope.com/blog/leetea/7-11-seven-cafe/
需求 ➔ 設計 ➔ 使用體驗 ➔ ?
➔ 新需求 ➔ 新設計 ➔ 新體驗
Tuesday, ...
Copyright © 2013 Lin Je-We
體驗與設計是
每一天的生活
http://idanznews.com/page/21.aspx
Tuesday, October 8, 13
Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx
多問多答
不問..只好自問自答
聯絡方式
MAIL FACEBOOK LINKEDIN
簡報分享
50
Tuesday, ...
Upcoming SlideShare
Loading in …5
×

與魔鬼共舞 聊聊日常生活中的使用體驗與設計

1,016 views

Published on

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,016
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
28
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

與魔鬼共舞 聊聊日常生活中的使用體驗與設計

  1. 1. 與魔鬼共舞 聊聊日常生活中的 使用者體驗與設計 DANCING WITH THE DEVIL REAL-LIFE USER EXPERIENCE AND DESIGN 2013.10.14-16 LIN JE-WE Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx Tuesday, October 8, 13
  2. 2. 今天聊些什麼? 聊生活體驗跟設計的關係 PART 1 自介 (01 - 02) 簡單認識哲偉 PART 2 前言 (03 - 11) 生活當中,設計細節無所不在 PART 3 釋義 (12 - 21) 了解什麼是使用者體驗與設計?可以吃嗎?好吃嗎? PART 4 舉例 (22 - 32) 揉揉眼睛,用生活案例解釋使用者體驗與設計 休息 PART 5 經驗 (33 - 49) 使用者體驗與設計又如何具體執行? PART 6 問答 (50) Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx 00 Tuesday, October 8, 13
  3. 3. Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx 自我介紹 誰是哲偉 HI, MY NAME IS LEO. I'M RESPONSIBLE FOR THE PRODUCT DESIGN END-END FROM CONCEPTS, PROTOTYPES TO UI FINAL IMPLEMENTATION. AND SUGGEST SOLUTIONS THAT OPTIMIZE REQUIREMENTS AND BALANCE TECHNOLOGICAL REALITIES. THAT WILL PUSH THE BOUNDARIES OF WHAT IS POSSIBLE TO CREATE BETTER EXPERIENCES FOR USERS. 2013. TAOBAO SENIOR INTERACTION DESIGNER 2012. KKBOX UX DESIGNER 2012. GARMIN UX DESIGNER 2011. TIVO UI&UX DESIGNER 2011. UNIPLAN BRAND DESIGNER 01 Tuesday, October 8, 13
  4. 4. Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx 跑跑跳跳 哲偉都在做些什麼? MINI WORKSHOPS BANK SINOPAC - THE POWER OF MOBILITY ASUS - LET’S DO DESIGN ! HONORS EVERNOTE DESIGNATHON 2ND PRIZE - WHERE IS MY CLOTH? PROJECTS HONORSKKBOX TRANSFORMATION PLANNING GVN60 CONTROL SYSTEM FOR VOLVO S60 EVERYDAY.ME APPLICATIONS UI IMPROVEMENT 3T - MULTIMEDIA ENTERTAINMENT SYSTEM FOR TRAIN: EARLY CONCEPTS AND PLANS 02 Tuesday, October 8, 13
  5. 5. Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx 生活當中 設計細節無所不在 Tuesday, October 8, 13
  6. 6. Copyright © 2013 Lin Je-We 俗話說魔鬼在細節裡 03 http://trizic.com/the-devil-is-in-the-details-how-prepared-are-you-for-a-presence-exam/ Tuesday, October 8, 13
  7. 7. Copyright © 2013 Lin Je-We 生活裡的設計細節在哪? 04 http://www.desktopanimated.com/liquid-life/ Tuesday, October 8, 13
  8. 8. Copyright © 2013 Lin Je-We 食 - 食物罐 05 http://www.behance.net/gallery/Package-Students-lunch-Eat-Go/6455905 Tuesday, October 8, 13
  9. 9. Copyright © 2013 Lin Je-We 衣 - 衣架 06 Why Is Apple Forcing Us All To Put Our Phones In Our Pockets Upside-Down? Tuesday, October 8, 13
  10. 10. Copyright © 2013 Lin Je-We 住 - 收納箱 07 繽紛多彩⾺馬卡⻯⿓龍可疊式收納箱 Tuesday, October 8, 13
  11. 11. Copyright © 2013 Lin Je-We 行 - 樓層牆面 08 http://39989228.diandian.com/post/2012-12-11/40047089515 Tuesday, October 8, 13
  12. 12. Copyright © 2013 Lin Je-We 育 - 牆面指示圖 09 http://fixturescloseup.com/2013/03/05/building-wayfinding-in-arabic/ Tuesday, October 8, 13
  13. 13. Copyright © 2013 Lin Je-We 樂 - IPHONE 5 耳機孔 10 Why Is Apple Forcing Us All To Put Our Phones In Our Pockets Upside-Down? Tuesday, October 8, 13
  14. 14. Copyright © 2013 Lin Je-We 樂 - IOS 6 MAILBOX 11 Tuesday, October 8, 13
  15. 15. Copyright © 2013 Lin Je-We 了解什麼是使用者 體驗與設計? 可以吃嗎? 好吃嗎? http://idanznews.com/page/21.aspx Tuesday, October 8, 13
  16. 16. 設計是什麼? Copyright © 2013 Lin Je-We 12 Tuesday, October 8, 13
  17. 17. Copyright © 2013 Lin Je-We 藝術關心什麼? 設計在意什麼? http://www.medelmanart.com/chair2web.jpg http://woow.tw/index.php?node=De%20Vorm&product_id=632 13 Tuesday, October 8, 13
  18. 18. Copyright © 2013 Lin Je-We 設計幫助我們解決需求? 14 ⽇日常⽣生活⼟土司設計 Tuesday, October 8, 13
  19. 19. 設計 = 極簡風? Copyright © 2013 Lin Je-We 15 http://en.wikipedia.org/wiki/Lemon_squeezer Tuesday, October 8, 13
  20. 20. 設計?藝術? Copyright © 2013 Lin Je-We 16 http://en.wikipedia.org/wiki/Lemon_squeezer Tuesday, October 8, 13
  21. 21. Copyright © 2013 Lin Je-We 用過色鉛筆嗎? 17 http://www.ettoday.net/dalemon/post/791?from=fb_et_news Tuesday, October 8, 13
  22. 22. Copyright © 2013 Lin Je-We 18 http://www.precisionnutrition.com/coffee-and-hormones 體驗是什麼? Tuesday, October 8, 13
  23. 23. Copyright © 2013 Lin Je-We EMPATHY 19 http://playthinking.wordpress.com/portfolio/ Tuesday, October 8, 13
  24. 24. Copyright © 2013 Lin Je-We 5 分鐘了解使用者體驗與設計 葫蘆裡賣什麼膏藥? 20 What the #$%@ is UX Design? Tuesday, October 8, 13
  25. 25. Copyright © 2013 Lin Je-We 雙協奏曲 21 UX DESIGN體驗 設計 Tuesday, October 8, 13
  26. 26. Copyright © 2013 Lin Je-We 揉揉眼睛 用生活案例解釋 使用者體驗與設計 http://idanznews.com/page/21.aspx Tuesday, October 8, 13
  27. 27. Copyright © 2013 Lin Je-We 電燈開關 Living with Complexity [Donald A. Norman] p.59 22 Tuesday, October 8, 13
  28. 28. Copyright © 2013 Lin Je-We 門把 23 Tuesday, October 8, 13
  29. 29. Copyright © 2013 Lin Je-We 門鎖 Living with Complexity [Donald A. Norman] p.62 24 Tuesday, October 8, 13
  30. 30. Copyright © 2013 Lin Je-We 瓦斯爐 25 http://www.personal.psu.edu/edk5035/blogs/portfolio/blog/ Tuesday, October 8, 13
  31. 31. Copyright © 2013 Lin Je-We 捷運博愛電梯 東森新聞 26 Tuesday, October 8, 13
  32. 32. Copyright © 2013 Lin Je-We 紅綠燈 http://zh.wikipedia.org/wiki/%E8%89%B2%E7%9B%B2 27 Tuesday, October 8, 13
  33. 33. Copyright © 2013 Lin Je-We 摩斯漢堡洗手台 28 http://www.businessweekly.com.tw/KBlogArticle.aspx?ID=2333&path=c Tuesday, October 8, 13
  34. 34. Copyright © 2013 Lin Je-We 小吃攤菜單 29 Tuesday, October 8, 13
  35. 35. Copyright © 2013 Lin Je-We 停車場繳費機 30 Tuesday, October 8, 13
  36. 36. Copyright © 2013 Lin Je-We 小便斗 31 http://taiwan.chtsai.org/2013/05/09/bie_weile_hudong_er_hudong/ Tuesday, October 8, 13
  37. 37. Copyright © 2013 Lin Je-We 由設計出發改善使用體驗 也因使用體驗而改善設計 32 設計 ➔ 使用體驗 使用體驗 ➔ 設計UX DESIGN Tuesday, October 8, 13
  38. 38. Copyright © 2013 Lin Je-We 使用者體驗與設計 又如何具體執行? http://idanznews.com/page/21.aspx Tuesday, October 8, 13
  39. 39. Copyright © 2013 Lin Je-We 首先我們吵架,拍桌子.. 討論需求確立目標 33 http://www.localhiddenvariable.com/ciid/user-research/ 需求 Tuesday, October 8, 13
  40. 40. Copyright © 2013 Lin Je-We 嘗試各種可行性方案 有時會熬夜那種.. 34 http://www.flickr.com/photos/disa4ever/8577854523/sizes/l/in/pool-1070674@N20/ 發想 Tuesday, October 8, 13
  41. 41. Copyright © 2013 Lin Je-We 如果我們想建造鋼彈 組個模型驗證比較保險 35 原型 Gundam Bandai SD Super Deformed BB Model Kit Bb333 0 Gundam http://www.totorotimes.com/news/gundam-odaiba-2012/ Tuesday, October 8, 13
  42. 42. Copyright © 2013 Lin Je-We 然後威脅..邀請使用者使用產 品觀察真實使用情形 36 http://www.scs.ryerson.ca/~cps613/References/UsabilityEngineering/ 測試 Tuesday, October 8, 13
  43. 43. Copyright © 2013 Lin Je-We 使用者體驗與設計 = 流程? 是,也不是 37 測試需求 發想 原型 Tuesday, October 8, 13
  44. 44. Copyright © 2013 Lin Je-We 每個階段 有哪些角色參與其中? 38 原型需求 測試發想 設計師 大大 產品 經理 工程師 行銷 專家 設計師 產品 經理 工程師 行銷 專家 工程師 設計師 設計師 產品 經理 工程師 行銷 專家 Tuesday, October 8, 13
  45. 45. Copyright © 2013 Lin Je-We 使用者體驗與設計 = 團隊? 是,也不是 39 The Avengers Phenomenon Tuesday, October 8, 13
  46. 46. Copyright © 2013 Lin Je-We 吵什麼吵! 參在一起做撒尿牛丸笨蛋! 40 Posts and Plugins Tuesday, October 8, 13
  47. 47. Copyright © 2013 Lin Je-We 使用體驗近似於 “以客為尊”的概念 41 Tuesday, October 8, 13
  48. 48. Copyright © 2013 Lin Je-We 佐藤可士和 の SEVEN CAFE 案例來看看體驗與設計關係 42 設計 ➔ 使用體驗 使用體驗 ➔ 設計UX DESIGN Tuesday, October 8, 13
  49. 49. Copyright © 2013 Lin Je-We 佐藤可士和 の SEVEN CAFE 需求 ➔ 設計 43 ➔ http://ldope.com/blog/leetea/7-11-seven-cafe/ http://www.precisionnutrition.com/coffee-and-hormones Tuesday, October 8, 13
  50. 50. Copyright © 2013 Lin Je-We 需求 ➔ 設計 ➔ 使用體驗 ➔ ? 44 ➔ http://blog.livedoor.jp/omokage1/archives/52184253.html ? http://ldope.com/blog/leetea/7-11-seven-cafe/ Tuesday, October 8, 13
  51. 51. Copyright © 2013 Lin Je-We 45 需求 ➔ 設計 ➔ 使用體驗 ➔ ? ➔ 新需求 ➔ 新設計 ➔ 新體驗 http://ldope.com/blog/leetea/7-11-seven-cafe/ Tuesday, October 8, 13
  52. 52. Copyright © 2013 Lin Je-We 46 http://ldope.com/blog/leetea/7-11-seven-cafe/ 需求 ➔ 設計 ➔ 使用體驗 ➔ ? ➔ 新需求 ➔ 新設計 ➔ 新體驗 Tuesday, October 8, 13
  53. 53. Copyright © 2013 Lin Je-We 47 http://ldope.com/blog/leetea/7-11-seven-cafe/ 需求 ➔ 設計 ➔ 使用體驗 ➔ ? ➔ 新需求 ➔ 新設計 ➔ 新體驗 Tuesday, October 8, 13
  54. 54. Copyright © 2013 Lin Je-We 48 http://ldope.com/blog/leetea/7-11-seven-cafe/ 需求 ➔ 設計 ➔ 使用體驗 ➔ ? ➔ 新需求 ➔ 新設計 ➔ 新體驗 Tuesday, October 8, 13
  55. 55. Copyright © 2013 Lin Je-We 49 http://ldope.com/blog/leetea/7-11-seven-cafe/ 需求 ➔ 設計 ➔ 使用體驗 ➔ ? ➔ 新需求 ➔ 新設計 ➔ 新體驗 Tuesday, October 8, 13
  56. 56. Copyright © 2013 Lin Je-We 體驗與設計是 每一天的生活 http://idanznews.com/page/21.aspx Tuesday, October 8, 13
  57. 57. Copyright © 2013 Lin Je-We http://idanznews.com/page/21.aspx 多問多答 不問..只好自問自答 聯絡方式 MAIL FACEBOOK LINKEDIN 簡報分享 50 Tuesday, October 8, 13

×