Design (still) Matters! v2

  • 5,270 views
Uploaded on

Slides from a presentation at the Embracing The Edge Conference in Winnipeg, Manitoba. 19 October 2012. …

Slides from a presentation at the Embracing The Edge Conference in Winnipeg, Manitoba. 19 October 2012.

A practical exploration of the intersection between visual design, presentation design and instructional design. Every day, several times a day, teachers everywhere are called upon to educate, entertain, elucidate, enlighten and maintain attention and amongst their students. With the advent of interactive white boards and/or video projectors in classrooms everywhere, the intersection of these skills is fast becoming a centrepiece of an educators toolkit. This workshop will model and illustrate concrete ways in which teachers can incorporate these skills into their pedagogical practice.

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Thank you very much for sharing this presentation. It really opens my mind for a new era of teaching and learning.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
5,270
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
89
Comments
1
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. De Ma sig still tte n rs! ropatwa Da rren Ku ropatwa 2.0 u B C-SA .me/dkeira / CCEY-Nge about ndnSglvThe d Fernci er 2012 i Enmtb raa o ob 19 Oct Su se / g the , innipegWatchin WWatching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0
  • 2. <begin>
  • 3. <design>
  • 4. Design: first, let’s get visual ...
  • 5. Robie House
  • 6. gton D C metro stationWashin
  • 7. peace optimism funtrustworthy ecology enlightenment flamboyantdependable illness happiness warmthcommitted Government-issued energy stimulant, balance of youthful Colour exciting red simulation fun energy exciting Messages and blue calm lighthearted draws attentionand Meanings timeless authoritative practicalstability, purity solidreliability cleanlinessapproachability neutrality powerful
  • 8. "Grand Design" Spiral Galaxy M81
  • 9. e si gnD Robie House
  • 10. e si gn Dfunct ional Robie House
  • 11. e si gn Dfunct ional intentional Robie House
  • 12. e si gn Dfunct ional intentional beautifu l Robie House
  • 13. Why should kids care about learning?
  • 14. Why should kids care about mathematics?
  • 15. Why should kids care about mathematics?job skills, needs of scienceand technology One Of These Buttons Will Get Me Out Of Here / Bart / CC BY-NC 2.0
  • 16. Why should kids care about mathematics? job skills, needs of science and technology essential understanding to be a responsible citizenGirly Giggles / Trent McBride / CC BY-NC 2.0Note: only 48 stars! / David Zeuthen / CC BY-NC-SA 2.0
  • 17. Why should kids care about mathematics? job skills, needs of science and technology essential understanding to be a responsible citizenGirly Giggles / Trent McBride / CC BY-NC 2.0Note: only 48 stars! / David Zeuthen / CC BY-NC-SA 2.0
  • 18. Why should kids care about mathematics? job skills, needs of science and technology essential understanding to be a responsible citizenGirly Giggles / Trent McBride / CC BY-NC 2.0Note: only 48 stars! / David Zeuthen / CC BY-NC-SA 2.0
  • 19. Why should kids care about mathematics? job skills, needs of science and technology curiosity beautyessential understanding to play be a responsible citizen and transcendence
  • 20. Why should kids care about mathematics? curiosity beautyessential understanding to play be a responsible citizen and transcendence
  • 21. Why kids should care about learning.Bubbles / Andrey Zhukov / CC BY-NC 2.0
  • 22. Design: first, let’s get visual ...... now let me tell you about stories
  • 23. What’s your personal narrative ...
  • 24. What’s your personal narrative ... in 4 slides?
  • 25. Can “fun” change behaviour for the better?
  • 26. nounDesign
  • 27. Designverb
  • 28. The Coyote as a designerRoad Runner: Willy Coyote contro Beep-Beep
  • 29. Road Runner: Willy Coyote contro Beep-Beep
  • 30. Tim Hartford on trial and error
  • 31. I think reckless curiosity would be what the world needs now. Andrew Bird Andrew Bird / Guus Krol / CC BY-NC-ND 2.0
  • 32. le ss cur iosity? ning for reck e desi gn learcan w Play & Learn learn by flickr user Mark Brannan http://www.flickr.com/photos/heycoach/1197947341/ Play! by flickr user Matteo Angelino http://www.flickr.com/photos/angelinux/2775107421/
  • 33. </design>
  • 34. <presentations>
  • 35. Hypnotizing Chickens a pre-modern presentation
  • 36. Hypnotizing Chickens a modern presentation
  • 37. Hypnotizing Chickens a post-modern presentation Little chicken by flickr user Lovro67 http://www.flickr.com/photos/30978323@N02/3755800512/
  • 38. Why “Hypnotizing Chickens”?
  • 39. “Why would you use Why? words on the screenwhen they do just fine in your mouth” Seth Godin
  • 40. 0 w p m1 5 Judy Mouth Open by flicker user Jason Nelms http://www.flickr.com/photos/thejs/35407165/
  • 41. 0 w p m2 5 wick rat Lozo u er S ick r us by fl /365 / | 24 393580 ife 303 rn L ode owick/4 to M z lied /suratlo pp os gy A t holo om/pho yc r.c g Ps k adin ww.flic Re //w : http
  • 42. .adobe.com
  • 43. Keeping An Eye On Time by flickr user badboy69http://www.flickr.com/photos/badboy69/2333409688/
  • 44. cc licensed ( BY NC SA ) flickr photo by misterbisson:http://flickr.com/photos/maisonbisson/201844037/
  • 45. If you can’t explain it simply, youdon’t understand it well enough.
  • 46. Times New Roman 96 pt Times New Roman 48 pt Times New Roman 30 pt Times New Roman 14 pt
  • 47. Can you read this? Can you read this?
  • 48. Helvetica 96 ptTimes New Roman 96 pt
  • 49. Bonnie Bassler teaches biology
  • 50. Bonnie Bassler @ TED #slides 5
  • 51. Bonnie Bassler @ TED #slides 5 uses a “black slide” (so really 6 slides)
  • 52. Bonnie Bassler @ TED #slides 5 uses a “black slide” (so really 6 slides) time taken 1min 37 sec
  • 53. Bonnie Bassler @ TED Simplifies complex ideas
  • 54. Bonnie Bassler @ TED Simplifies complex ideas Unexpected bacteria vrs human
  • 55. Bonnie Bassler @ TED Simplifies complex ideas Unexpected bacteria vrs human Credible (Dr. Bassler)
  • 56. Bonnie Bassler @ TED Simplifies complex ideas Unexpected bacteria vrs human Credible (Dr. Bassler) Concrete (bacteria)
  • 57. Bonnie Bassler @ TED Simplifies complex ideas Unexpected bacteria vrs human Credible (Dr. Bassler) Concrete (bacteria) Emotional (passion & laughter)
  • 58. Bonnie Bassler @ TED Simplifies complex ideas Unexpected bacteria vrs human Credible (Dr. Bassler) Concrete (bacteria) Emotional (passion & laughter) Story (wanna know what she says next?)
  • 59. SimpleUnexpectedCredibleConcreteEmotionalStoriess
  • 60. If you can’t explain it simply, youdon’t understand it well enough.
  • 61. Eric Berlow: How Complexity Leads to Simplicity
  • 62. </presentations>
  • 63. <teaching>
  • 64. A Pedagogical Framework x =
  • 65. Three (practices and) principles
  • 66. Three (practices and) principles
  • 67. Students’ Errors and Misconceptions(Principle 1) Based on Previous LearningStudents come to the classroom with conceptions of numbers grounded intheir whole-number learning that lead them astray in the world of rationalnumbers; e.g. multiplying always makes numbers bigger. x = Teachers must engage students’ preconceptions
  • 68. Understanding requires factual knowledge and conceptual frameworks The Knowledge Network:(Principle 2) New Concepts and New Applications
  • 69. 34
  • 70. 0.753/4 3:4 3 4 $0.75 75%
  • 71. 0.753/4 3:4 3 4 $0.75 75%
  • 72. 0.753/4 3:4 3 4 $0.75 75%
  • 73. 0.753/4 3:4 3 4 $0.75 75%
  • 74. 0.753/4 3:4 3 4 $0.75 75%
  • 75. kn owl edge isn’t s in our head een us ’s b etw it David Weinberger Everything is Miscellaneous
  • 76. Principle 3Learning is facilitated through theuse of metacognitive strategies ... A metacognitive approach enables student self-monitoring
  • 77. eror analysis
  • 78. Find the error ...
  • 79. community
  • 80. community
  • 81. A Pedagogical Framework x =
  • 82. Short Term Assignments
  • 83. the flickr® assignment 89
  • 84. What is descriptive language, and why is it important to your writing? (Brooksies Symbolic)
  • 85. WHAT IM READING NOW / Chris / CC BY-NC-SA 2.0
  • 86. Analogy is the motorof the car of thought. untitled / null0 / CC BY 2.0
  • 87. analogy:thinking :: motor:car untitled / null0 / CC BY 2.0
  • 88. What does Pi sound like?
  • 89. Long Term Assignments
  • 90. ever ything T tea ching is NO he project. d Lea rning they start tProje c t Base now b efore need to k they Horse and cart / Christian Guthier / CC BY-NC-SA
  • 91. the developing expert voices project 98
  • 92. DEVious
  • 93. Watch and Learn: DEVious
  • 94. Teasers ...
  • 95. THE STORY OF H.
  • 96. <design challenge 1>
  • 97. What’s your personal narrative ...
  • 98. What’s your personal narrative ... in 4 slides?
  • 99. </design challenge 1>
  • 100. <design challenge 2>
  • 101. my first class "All learning pivots on who we think we are, and who we see ourselves as capable of becoming." Frank Smith
  • 102. Hi
  • 103. The Escalator ... escalatorWhat does this have to do with school?
  • 104. The Escalator ... escalatorWhat does this have to do with school?
  • 105. Learn to do what mathematicians do.Magic is true! by flickr user photographer padawan
  • 106. "All learning pivots on who we think we are, and whowe see ourselves as capable of becoming."Frank Smith
  • 107. Critical Path to Success!!A student who wants tosucceed in this course will: •!Always be on time for class. time
  • 108. Pewter Letters Numbers
  • 109. Pewter Letters Numbers
  • 110. Pewter Letters Numbers
  • 111. Pewter Letters Numbers
  • 112. 2Pewter Letters Numbers
  • 113. 6Pewter Letters Numbers
  • 114. MY CREDITI know I have lost by flickr user Monkey Magic
  • 115. Critical Path to Success!!A student who wants to succeed in this course will: • Alway arrive to class prepared to work with all materials needed. graphing calculator
  • 116. Critical Path to Success!!A student who wants to succeed in this course will: • Alway arrive to class prepared to work with all materials needed. 3-ring binder loose leaf paper notebook or duotang graphing calculator
  • 117. Critical Path to Success!!A student who wants to succeed in this course will: • Alway arrive to class prepared to work with all materials needed. 3-ring binder loose leaf paper notebook or duotang 12 pencils graphing calculator
  • 118. Critical Path to Success!!A student who wants to succeed in this course will: • Alway arrive to class prepared to work with all materials needed. 3-ring binder loose leaf paper notebook or duotang 12 pencils graphing calculator
  • 119. Critical Path to Success!!A student who wants to succeed in this course will: • Alway arrive to class prepared to work with all materials needed. 3-ring binder loose leaf paper notebook or duotang 12 pencils geometry set graphing calculator
  • 120. Critical Path to Success!!A student who wants tosucceed in this course will: • Always attempt ALL their homework assignments.
  • 121. Critical Path to Success!!A student who wants to succeed inthis course will: • Review their class notes every night before going to bed.
  • 122. The Curve of Forgetting ...... describes how we retain or get rid of informationthat we take in. Its based on a one-hour lecture. more about Learning and Remembering
  • 123. The Curve of Forgetting ...... describes how we retain or get rid of informationthat we take in. Its based on a one-hour lecture. more about Learning and Remembering
  • 124. The Curve of Forgetting ...... describes how we retain or get rid of informationthat we take in. Its based on a one-hour lecture. more about Learning and Remembering
  • 125. The Curve of Forgetting ...... describes how we retain or get rid of informationthat we take in. Its based on a one-hour lecture. more about Learning and Remembering
  • 126. Critical Path to Success!! A student who wants to succeed in this course will: • Always ask LOTS ofquestions about anythingthey dont understand.
  • 127. Critical Path to Success!! A student who wants to succeed in this course will: • Always gets extra help from the teacherwhen they feel they are falling behind.
  • 128. Critical Path to Success!!A student who wants to succeed in this course will: • Find one or two people to be their study partners and form a study group.
  • 129. Critical Path to Success!!A student who wants to succeedin this course will: Consistently set a regular time of day to do homework assignments.
  • 130. Critical Path to Success!!A student who wants to succeed in this course will: • Participate regulary on the course blog. http://pc40sw09.blogspot.com
  • 131. How to Create a Google Account http://tinyurl.com/6f7aae
  • 132. How to Sign Up For Blogger http://tinyurl.com/6x83hs
  • 133. "All learning pivots on who we think we are, andwho we see ourselves as capable of becoming."Frank Smith
  • 134. Homework email Mr. Kuropatwa: dkuropatwa@gmail.com get a account sign up at .com
  • 135. Homework Riddle me this ... Why are there360° in a circle? The Riddler Fans Art
  • 136. Have a nice day!
  • 137. ... and dont forgetyour homework.
  • 138. Photo CreditsGraphinghttp://flickr.com/photos/mewzii/149555960/3-ring bindershttp://farm2.static.flickr.com/1311/1292315430_285d142fbe_m.jpgSharpenerhttp://flickr.com/photos/big-e-mr-g/192174638/ Studying http://flickr.com/photos/jamilsoni/90538195/Aqua wins by a pointhttp://flickr.com/photos/jahdakinebrah/92200688/ Studying. As you should probably be doing right now. http://flickr.com/photos/weshph/462633863/Ross Homeworkhttp://flickr.com/photos/laffy4k/418602591/ workstation http://flickr.com/photos/striatic/241843728/geniushttp://flickr.com/photos/thearchigeek/223751752/ Smiley Face http://flickr.com/photos/greyarea/1473/Reviewing Noteshttp://flickr.com/photos/knott/66465528/ email logo http://flickr.com/photos/surfstyle/354581855/Questionshttp://flickr.com/photos/oberazzi/318947873/ Telephone Keypad http://flickr.com/photos/cgc/5259321/ envelope http://flickr.com/photos/bip/420177741/
  • 139. </design challenge 2>
  • 140. <design challenge 3>
  • 141. i r f a e o ad m e is most of a trees’ mass is tre from the carbon it breathesA cc licensed ( BY NC SD ) flickr photo by dkuropatwa: http://flickr.com/photos/dkuropatwa/2923120259/
  • 142. </design challenge 3>
  • 143. nounDesign
  • 144. Designverb
  • 145. Now go design something.
  • 146. C O N TA C T Darren Kuropatwa twitter: @dkuropatwa about.me/dkuropatwa <end> 2.0 C-SA C BY-N ei ra / C o Silv r nand t / Fe Sunse hing theWatcWatching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0