registrano.com/events/ccagilesprint14

1. 好設計如何好：
從解構作用力(FORCE)談起
Erica Liu
erica@teddysoft.tw
2013-10-24 @ C.C. Agile #14

2. What is DESIGN

3. Picture From:http://dcafe-experience.blogspot.tw/2011/05/design-thinking.html

4. Picture From:http://www.pria.com.au/priablog

5. Picture From:http://media.peugeot.com/

6. Picture From:http://designlap.com/

7. Picture From:http://startupquote.com/post/2346842314

8. 軟體
Teddy內⼼心獨⽩白：我也是設計師啊…！
Reference:http://teddy-chen-tw.blogspot.tw/2012/08/blog-post.html

9. What is DESIGN

10. “Design is to
design a design
to produce a design.”
- John Heskett

11. Reference:http://dharmeshba.tumblr.com/

12. What is DESIGN
od
Go

13. Picture From:http://absurdorama.blogspot.tw/

14. Picture From:http://www.outtraveler.com/

15. A
Picture From:http://tw.news.yahoo.com/

17. Reference:http://www.ettoday.net/news/20130813/255683.htm

18. 「市府表⽰示:
僅參考該作品，不是抄襲。」
Reference:http://www.ettoday.net/news/20130813/255683.htm

19. 形 VS. 神
只有學到表⾯面，⽽而不瞭解精神。

20. FITNESS

21. Christopher
Alexander
Picture From:http://www.patternlanguage.com/

22. CHRISTOPHER ALEXANDER

23. 設計有所本

24. 設計的切⼊入點？
如何評估既存設計的好壞？

25. Form
Context

26. 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.

27. Context
Form
Picture From:http://ak.picdn.net/shutterstock/

28. FORM AND CONTEXT
Form
Context
Picture From:http://www.1000islands-clayton.com

29. • Context:
兩座陸地之間，彼此沒有相連，中間以海洋相隔。
• Problem:如何設計⼀一個建築物讓⼈人通⾏行？
• Form: ⼀一座橋

30. • Context:
兩座陸地之間，彼此沒有相連，中間以海洋相隔。
• Problem:⼈人如何抵達對岸？
• Form:
• 游泳
• 搭飛機
• 潛⽔水
• 坐船
• ...
Picture From:http://www.privateislandnews.com/

31. • Context:
兩座陸地之間，彼此沒有相連，中間以海洋相隔。
• Problem:如何傳送訊息到對岸？
• Form:
• 網路
• 郵件
• 飛彈
• 飛機
•…
Picture From:http://www.privateislandnews.com/

32. FORCE
作⽤用⼒力

33. Picture From:http://www.yunphoto.net/

34. Picture From:http://wallpaperswide.com/

35. Picture From:http://blogs.manapo.com/

36. Context
Form
Picture From:http://ak.picdn.net/shutterstock/

37. FORM AND CONTEXT
Form
Context
Picture From:http://www.1000islands-clayton.com

38. Picture From:http://www.improvestaff.com/

39. Reference:https://www.youtube.com/watch?v=3mclp9QmCGs

40. Picture From:http://failuremag.com/

42. 1--DRAW A BOUNDARY BETWEEN
THE FORM AND CONTEXT
• Context：
臺北市交通局為推廣⺠民眾騎乘⾃自⾏行⾞車作為短程接駁交通⼯工具，
推出「YouBike微笑單⾞車」。服務上線以來，⼤大受歡迎。同時也
延伸許多問題，例如⾞車輛或⾞車位供不應求，
• Problem：我們怎麼使⽤用⼿手機來掌握⾞車量狀況、騎⾞車環境？
• Form: Ubike app
Reference: SMD團隊, Ubike

43. Ubike
app
Context:
我們需要⼀一個可以幫助掌握⾞車量狀況、
騎⾞車環境的⼿手機app。

44. 我不知道
我在哪裡
站名不重要，
我⺫⽬目前在的地
⽅方有⾞車站⽐比較
重要
使⽤用率⾼高，
使⽤用⼈人數⾼高。
腳踏⾞車數量
有限，有⾞車
才能借⽤用
Reference: SMD團隊, Ubike
Ubike
app
⾞車位數量固定，有
⾞車位才能停放。
計費⽅方式以借⽤用
時間⻑⾧長短計算
對⽅方向沒有概
念，仰賴捷運
路線記憶地點
與⽅方向
討厭等待時
的不確定感

45. 使⽤用率⾼高，
使⽤用⼈人數⾼高。
腳踏⾞車數量
有限，有⾞車
才能借⽤用
Reference: SMD團隊, Ubike
Ubike
app
⾞車位數量固定，有
⾞車位才能停放。
討厭等待時
的不確定感

46. ⾞車位數量固定，有
⾞車位才能停放。
使⽤用率⾼高，
使⽤用⼈人數⾼高
腳踏⾞車數量有
限，有⾞車才能
借⽤用
Reference: SMD團隊, Ubike
討厭等待時
的不確定感

47. 我不知道
我在哪裡
站名不重
要，我⺫⽬目前
在的地⽅方有
⾞車站⽐比較重
要
Reference: SMD團隊, Ubike
Ubike
app
對⽅方向沒有
概念，仰賴
捷運路線記
憶地點與⽅方
向

48. 站名不重要，
我⺫⽬目前在的地
⽅方有⾞車站⽐比較
重要
Reference: SMD團隊, Ubike
我不知道
我在哪裡
對⽅方向沒有概
念，仰賴捷運
路線記憶地點
與⽅方向

49. Context：
以數位格式儲存檔案能夠幫助我處理資料，我有在不同情境
下，例如辦公室、家庭、學校使⽤用電腦檔案的需求。
Problem：
如何在不同使⽤用情境中取⽤用到相同的檔案？

50. FORCES # 1
• 電腦無法隨時攜帶
• 不是所有電腦中的檔案我都會⽤用到，有時效性的差別

51. FORM # 1
• 利⽤用外部儲存裝置⼿手動複製貼上檔案，例如隨⾝身碟、隨⾝身硬
碟，拿到要使⽤用的電腦打開它。

52. RESULTING CONTEXT # 1
• 同⼀一份檔案有各種版本。如果使⽤用時內容不是最新，對我沒有
意義，無法使⽤用。
• 如果忘記攜帶，我就無法使⽤用。

53. FORCES # 2
• 如果透過外部儲存裝置分享檔案，必須隨時攜帶才能使⽤用。
• 同⼀一份檔案有各種版本。如果使⽤用時內容不是最新，對我沒有
意義，無法使⽤用
• 如果裝置或裝置很多，⼿手動⽐比對、複製、同步，很⿇麻煩，容易
出錯，就無法使⽤用。

54. FORM # 2

55. Picture From:http://www.soft4fun.net/tech/news/

56. FORCES # 3
• 使⽤用者不喜歡「⼀一直要動腦筋，並且需要頻繁的操作」。
Reference:http://www.inside.com.tw/2013/07/31/how-does-dropbox-develop-its-product

57. FORM # 3
• 只有「⼀一個」資料夾，並且這個資料夾保證⼀一直在同步，不出
任何問題
Reference:http://www.inside.com.tw/2013/07/31/how-does-dropbox-develop-its-product

58. - Bottom Up
- A Family of Forces
- Patterns

59. ITERATIVE
AND
INCREMENTAL
DEVELOPMENT

60. GOF

62. ⾃自從服⽤用Alexander
的⽅方法之後，
考試都考⼀一百分呢！

63. ⾃自從服⽤用Alexander
的⽅方法之後，
考試都考⼀一百分呢！

64. 找FORCES很困難..
• 作⽤用⼒力與反作⽤用⼒力
• 找出來的Force因⼈人⽽而異
• 競爭者的不同
• 相牴觸的作⽤用⼒力

65. 找FORCES很困難..
• 專業與經驗
• 觀察⽣生活中的現象
• 同理⼼心
• 不斷問為什麼－ 5 Whys
• ...

66. Picture From:http://news.housefun.com.tw/news/

67. Reference:http://news.gpwb.gov.tw/

68. 設計很困難…

69. “Selection is not design,
design is a decision.”
Reference:http://teddy-chen-tw.blogspot.tw/2013/07/blog-post_5.html

70. Reference:About Face 3

71. Reference:About Face 3

72. “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/

73. 設計很困難…
Reference:http://dharmeshba.tumblr.com/

74. 設計很困難…
抄襲好設計的「作⽤用⼒力」
⽽而⾮非照抄它表⾯面的形式。

75. 設計很困難…
Reference:http://dharmeshba.tumblr.com/

76. Designers ,

77. TAKE AWAY
•
•
•
•
Form
Context:
Forces
Fitness

78. 考慮與作⽤用⼒力的關係
讓我們能理解
設計中的「為什麼」

79. ⽤用不同的⽅方式去看「需求」

80. 好的設計，代表他與這個世界達到
⼀一種良好、合適的關係 (Fitness)
⽽而不是只達成需求清單上的要求
或是追求最新的流⾏行趨勢

81. 幫助你做出正確的決定
專注在真正重要的事情上