好設計如何好 @ C.C. Agile #14

5,451 views
5,368 views

Published on

registrano.com/events/ccagilesprint14

Published in: Design, Technology, Business
0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,451
On SlideShare
0
From Embeds
0
Number of Embeds
2,918
Actions
Shares
0
Downloads
0
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

好設計如何好 @ C.C. Agile #14

  1. 1. 好設計如何好: 從解構作用力(FORCE)談起 Erica Liu erica@teddysoft.tw 2013-10-24 @ C.C. Agile #14
  2. 2. What is DESIGN
  3. 3. Picture From:http://dcafe-experience.blogspot.tw/2011/05/design-thinking.html
  4. 4. Picture From:http://www.pria.com.au/priablog
  5. 5. Picture From:http://media.peugeot.com/
  6. 6. Picture From:http://designlap.com/
  7. 7. Picture From:http://startupquote.com/post/2346842314
  8. 8. 軟體 Teddy內⼼心獨⽩白:我也是設計師啊…! Reference:http://teddy-chen-tw.blogspot.tw/2012/08/blog-post.html
  9. 9. What is DESIGN
  10. 10. “Design is to design a design to produce a design.” - John Heskett  
  11. 11. Reference:http://dharmeshba.tumblr.com/
  12. 12. What is DESIGN od Go
  13. 13. Picture From:http://absurdorama.blogspot.tw/
  14. 14. Picture From:http://www.outtraveler.com/
  15. 15. A Picture From:http://tw.news.yahoo.com/
  16. 16. Reference:http://www.ettoday.net/news/20130813/255683.htm
  17. 17. 「市府表⽰示: 僅參考該作品,不是抄襲。」 Reference:http://www.ettoday.net/news/20130813/255683.htm
  18. 18. 形 VS. 神 只有學到表⾯面,⽽而不瞭解精神。
  19. 19. FITNESS
  20. 20. Christopher Alexander Picture From:http://www.patternlanguage.com/
  21. 21. CHRISTOPHER ALEXANDER
  22. 22. 設計有所本
  23. 23. 設計的切⼊入點? 如何評估既存設計的好壞?
  24. 24. Form Context
  25. 25. DESIGN FROM SCRATCH AND EVALUATION TO IMPROVE 1. Draw a boundary Between the form and context 2. 3. Identify forces that Resolve related make demands on Forces into the form. Diagrams. Reference:Ryan Singer, “Designing with Forces 4. Place the built form into context and look for misfits.
  26. 26. Context Form Picture From:http://ak.picdn.net/shutterstock/
  27. 27. FORM AND CONTEXT Form Context Picture From:http://www.1000islands-clayton.com
  28. 28. • Context: 兩座陸地之間,彼此沒有相連,中間以海洋相隔。 • Problem:如何設計⼀一個建築物讓⼈人通⾏行? • Form: ⼀一座橋
  29. 29. • Context: 兩座陸地之間,彼此沒有相連,中間以海洋相隔。 • Problem:⼈人如何抵達對岸? • Form: • 游泳 • 搭飛機 • 潛⽔水 • 坐船 • ... Picture From:http://www.privateislandnews.com/
  30. 30. • Context: 兩座陸地之間,彼此沒有相連,中間以海洋相隔。 • Problem:如何傳送訊息到對岸? • Form: • 網路 • 郵件 • 飛彈 • 飛機 •… Picture From:http://www.privateislandnews.com/
  31. 31. FORCE 作⽤用⼒力
  32. 32. Picture From:http://www.yunphoto.net/
  33. 33. Picture From:http://wallpaperswide.com/
  34. 34. Picture From:http://blogs.manapo.com/
  35. 35. Context Form Picture From:http://ak.picdn.net/shutterstock/
  36. 36. FORM AND CONTEXT Form Context Picture From:http://www.1000islands-clayton.com
  37. 37. Picture From:http://www.improvestaff.com/
  38. 38. Reference:https://www.youtube.com/watch?v=3mclp9QmCGs
  39. 39. Picture From:http://failuremag.com/
  40. 40. 1--DRAW A BOUNDARY BETWEEN THE FORM AND CONTEXT • Context: 臺北市交通局為推廣⺠民眾騎乘⾃自⾏行⾞車作為短程接駁交通⼯工具, 推出「YouBike微笑單⾞車」。服務上線以來,⼤大受歡迎。同時也 延伸許多問題,例如⾞車輛或⾞車位供不應求, • Problem:我們怎麼使⽤用⼿手機來掌握⾞車量狀況、騎⾞車環境? • Form: Ubike app Reference: SMD團隊, Ubike
  41. 41. Ubike app Context: 我們需要⼀一個可以幫助掌握⾞車量狀況、 騎⾞車環境的⼿手機app。
  42. 42. 我不知道 我在哪裡 站名不重要, 我⺫⽬目前在的地 ⽅方有⾞車站⽐比較 重要 使⽤用率⾼高, 使⽤用⼈人數⾼高。 腳踏⾞車數量 有限,有⾞車 才能借⽤用 Reference: SMD團隊, Ubike Ubike app ⾞車位數量固定,有 ⾞車位才能停放。 計費⽅方式以借⽤用 時間⻑⾧長短計算 對⽅方向沒有概 念,仰賴捷運 路線記憶地點 與⽅方向 討厭等待時 的不確定感
  43. 43. 使⽤用率⾼高, 使⽤用⼈人數⾼高。 腳踏⾞車數量 有限,有⾞車 才能借⽤用 Reference: SMD團隊, Ubike Ubike app ⾞車位數量固定,有 ⾞車位才能停放。 討厭等待時 的不確定感
  44. 44. ⾞車位數量固定,有 ⾞車位才能停放。 使⽤用率⾼高, 使⽤用⼈人數⾼高 腳踏⾞車數量有 限,有⾞車才能 借⽤用 Reference: SMD團隊, Ubike 討厭等待時 的不確定感
  45. 45. 我不知道 我在哪裡 站名不重 要,我⺫⽬目前 在的地⽅方有 ⾞車站⽐比較重 要 Reference: SMD團隊, Ubike Ubike app 對⽅方向沒有 概念,仰賴 捷運路線記 憶地點與⽅方 向
  46. 46. 站名不重要, 我⺫⽬目前在的地 ⽅方有⾞車站⽐比較 重要 Reference: SMD團隊, Ubike 我不知道 我在哪裡 對⽅方向沒有概 念,仰賴捷運 路線記憶地點 與⽅方向
  47. 47. Context: 以數位格式儲存檔案能夠幫助我處理資料,我有在不同情境 下,例如辦公室、家庭、學校使⽤用電腦檔案的需求。 Problem: 如何在不同使⽤用情境中取⽤用到相同的檔案?
  48. 48. FORCES # 1 • 電腦無法隨時攜帶 • 不是所有電腦中的檔案我都會⽤用到,有時效性的差別
  49. 49. FORM # 1 • 利⽤用外部儲存裝置⼿手動複製貼上檔案,例如隨⾝身碟、隨⾝身硬 碟,拿到要使⽤用的電腦打開它。
  50. 50. RESULTING CONTEXT # 1 • 同⼀一份檔案有各種版本。如果使⽤用時內容不是最新,對我沒有 意義,無法使⽤用。 • 如果忘記攜帶,我就無法使⽤用。
  51. 51. FORCES # 2 • 如果透過外部儲存裝置分享檔案,必須隨時攜帶才能使⽤用。 • 同⼀一份檔案有各種版本。如果使⽤用時內容不是最新,對我沒有 意義,無法使⽤用 • 如果裝置或裝置很多,⼿手動⽐比對、複製、同步,很⿇麻煩,容易 出錯,就無法使⽤用。
  52. 52. FORM # 2
  53. 53. Picture From:http://www.soft4fun.net/tech/news/
  54. 54. FORCES # 3 • 使⽤用者不喜歡「⼀一直要動腦筋,並且需要頻繁的操作」。 Reference:http://www.inside.com.tw/2013/07/31/how-does-dropbox-develop-its-product
  55. 55. FORM # 3 • 只有「⼀一個」資料夾,並且這個資料夾保證⼀一直在同步,不出 任何問題 Reference:http://www.inside.com.tw/2013/07/31/how-does-dropbox-develop-its-product
  56. 56. - Bottom Up - A Family of Forces - Patterns
  57. 57. ITERATIVE AND INCREMENTAL DEVELOPMENT
  58. 58. GOF
  59. 59. ⾃自從服⽤用Alexander 的⽅方法之後, 考試都考⼀一百分呢!
  60. 60. ⾃自從服⽤用Alexander 的⽅方法之後, 考試都考⼀一百分呢!
  61. 61. 找FORCES很困難.. • 作⽤用⼒力與反作⽤用⼒力 • 找出來的Force因⼈人⽽而異 • 競爭者的不同 • 相牴觸的作⽤用⼒力
  62. 62. 找FORCES很困難.. • 專業與經驗 • 觀察⽣生活中的現象 • 同理⼼心 • 不斷問為什麼- 5 Whys • ...
  63. 63. Picture From:http://news.housefun.com.tw/news/
  64. 64. Reference:http://news.gpwb.gov.tw/
  65. 65. 設計很困難…
  66. 66. “Selection is not design, design is a decision.” Reference:http://teddy-chen-tw.blogspot.tw/2013/07/blog-post_5.html
  67. 67. Reference:About Face 3
  68. 68. Reference:About Face 3
  69. 69. “I don’t do options. I will solve the problem. It’s up to you whether or not you use my solution, that’s your choice. But I don’t do options. I will give you my solution, and you will pay me. That’s how it works.” - Paul Rand Reference:www.davidairey.com/want-versus-need/
  70. 70. 設計很困難… Reference:http://dharmeshba.tumblr.com/
  71. 71. 設計很困難… 抄襲好設計的「作⽤用⼒力」 ⽽而⾮非照抄它表⾯面的形式。
  72. 72. 設計很困難… Reference:http://dharmeshba.tumblr.com/
  73. 73. Designers ,
  74. 74. TAKE AWAY • • • • Form Context: Forces Fitness
  75. 75. 考慮與作⽤用⼒力的關係 讓我們能理解 設計中的「為什麼」
  76. 76. ⽤用不同的⽅方式去看「需求」
  77. 77. 好的設計,代表他與這個世界達到 ⼀一種良好、合適的關係 (Fitness) ⽽而不是只達成需求清單上的要求 或是追求最新的流⾏行趨勢
  78. 78. 幫助你做出正確的決定 專注在真正重要的事情上

×