Slides from a presentation at St. James School Division Summer Institute in Winnipeg, MB; 29 Aug 2011. A further refinement including some new ideas of an earlier presentation exploring the intersection of visual design, presentation design and instructional design.

1. Design
Matters!
Darren Kuropatwa
Coordinator of Curriculum
St. James Assiniboia School Division
29 Aug 2011

3. gton D C metro station
Washin

6. "Grand Design" Spiral Galaxy M81

9. why is
this an
example
of good
design?

10. avoid ... Death By PowerPoint

11. If you can’t explain it simply, you
don’t understand it well enough.

12. Quotdes
keaways fr& Dr. John Me ina’s
Ta
n Ru les
om
B rai
What all presenters nee
d to know
sorts)
A prese ntation (of
olds
by Garr Reyn

13. aways&Q uotess
Take
ul es
a’
John Medin
R
from Dr.
B ra in
What all presente rs need to know
n (of sorts)
A presentatio
by Garr Reynolds

14. dings discussed
Dr. M edina ’s fin orth
ules a re ideas w
in Brain R
spread ing...
ed some quotes
So I extract late to
oints as they re
and key p n — to
d — pre sentatio
my fiel word.
you spre ad the
help

15. quote me:
You can

16. “ Brain Rules is one of the
most informative, engaging,
and useful books of our
time. Required reading for
every educator and every
business person. My
”
favorite book of 2008!
— Garr Reynolds
Presentation Zen

17. Introduction

18. n Medina
Dr. Joh
This is

19. He knows how
these work
n Medina
Dr. Joh
This is

20. Why is
he
so happ
y?

21. his book is Why is
he
Because stic! so happ
@f anta y?
*%$#

22. These takeaways and quotes are based
on three of Dr. Medina’s 12 rules
>
just

23. These takeaways and quotes are based
on three of Dr. Medina’s 12 rules
>
just
Here they are...

24. Rule #1
Exercise boosts brain power.
Rule #4
We don’t pay attention to boring things.
Rule #10
Vision trumps all other senses.

27. So how do I share a bulleted list?

35. Keeping An Eye On Time by flickr user badboy69
http://www.flickr.com/photos/badboy69/2333409688/

39. 0 w p m
1 5
Judy Mouth Open by flicker user Jason Nelms
http://www.flickr.com/photos/thejs/35407165/

40. 0 w p m
2 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

41. If you’re reading this
you’re not listening to me.

42. “Why would you use
Why?
words on the screen
when they do just fine
in your mouth”
Seth Godin

43. “Why would you use
words on the screen
when they do just fine
in your mouth”
Seth Godin

44. A Pedagogical Framework
x
=

45. Three Pedagogical Principles

46. Three Pedagogical Principles

48. Studentsʼ Errors and Misconceptions
(Principle 1) Based on Previous Learning
Students come to the classroom with conceptions of numbers grounded in
their whole-number learning that lead them astray in the world of rational
numbers; e.g. multiplying always makes numbers bigger.
x =
Teachers must engage studentsʼ preconceptions

49. Understanding requires factual knowledge
and conceptual frameworks
The Knowledge Network:
(Principle 2) New Concepts and New Applications

50. 3
4

51. 0.75
3/4
3:4
3
4
$0.75
75%

52. 0.75
3/4
3:4
3
4
$0.75
75%

53. 0.75
3/4
3:4
3
4
$0.75
75%

54. 0.75
3/4
3:4
3
4
$0.75
75%

55. 0.75
3/4
3:4
3
4
$0.75
75%

56. kn owl edge isn’t s
in our head
een us
’s b etw
it
social
knowing
is never
David Weinberger
finished. Everything is Miscellaneous

57. (Principle 3)
Metacognition
A METACOGNITIVE APPROACH
ENABLES STUDENT SELF-MONITORING

58. eror analysis

59. Find the error ...

60. community

61. community

64. A Pedagogical Framework
x
=

65. 64

66. 65

67. 66

68. 67

71. (a riff on) Edgar Dale’s
Cone of Experience

72. Create Content That Educates

73. Short Term Assignments

74. the
flickr®
assignment
73

76. Long Term Assignments

77. ever ything
T tea ching
is NO he project.
d Lea rning they start t
Proje c t Base now b efore
need to k
they Horse and cart / Christian Guthier / CC BY-NC-SA

78. the
developing expert voices
project
77

79. DEVious

80. Watch and Learn: DEVious

81. Teasers ...

83. More about the back story to this idea ...

84. Design
Matters!

85. Dr. Jay Lehr
Let there be stoning!

86. On the importance of presenting well
"Failure to spend the [class] time wisely and well,
failure to educate, entertain, elucidate, enlighten, and
most important of all, failure to maintain attention
and interest should be punishable by stoning. There
is no excuse for tedium."

87. On dull conference speakers teachers
"They are not sophisticated, erudite scientists speaking
above our intellectual capability; they are arrogant,
thoughtless individuals who insult our very presence
by the lack of concern for our desire to benefit from a
meeting class which we choose to attend."

88. On reading a conference paper class notes
"There is never an excuse to read a paper notes ...
Better to lower the level of verbal excellence and
raise the level of extemporaneous energy."

89. On using slides (35mm and OHPs in those days):
"They must be brightly lit and convey a simple
thought. If you need a pointer to indicate an
important concept or location on a slide, it is
probably too crowded or difficult to comprehend."

90. Bonnie Bassler @ TED

91. Bonnie Bassler @ TED
#slides 5

92. Bonnie Bassler @ TED
#slides 5
uses a “black slide” (so really 6 slides)

93. Bonnie Bassler @ TED
#slides 5
uses a “black slide” (so really 6 slides)
time taken 2 min 4 sec

94. Bonnie Bassler @ TED
Simplifies complex ideas

95. Bonnie Bassler @ TED
Simplifies complex ideas
Unexpected bacteria vrs human

96. Bonnie Bassler @ TED
Simplifies complex ideas
Unexpected bacteria vrs human
Credible (Dr. Bassler)

97. Bonnie Bassler @ TED
Simplifies complex ideas
Unexpected bacteria vrs human
Credible (Dr. Bassler)
Concrete (bacteria)

98. Bonnie Bassler @ TED
Simplifies complex ideas
Unexpected bacteria vrs human
Credible (Dr. Bassler)
Concrete (bacteria)
Emotional (passion & laughter)

99. Bonnie Bassler @ TED
Simplifies complex ideas
Unexpected bacteria vrs human
Credible (Dr. Bassler)
Concrete (bacteria)
Emotional (passion & laughter)
Story (wanna know how it ends?)

100. Simple
Unexpected
Credible
Concrete
Emotional
Stories
s

101. THE STORY OF
H.

118. <design challenge 1>

119. What’s your personal narrative ...

120. What’s your personal narrative ...
in 4 slides?

126. </design challenge 1>

127. <design challenge 2>

128. my first class
"All learning pivots on who we think we are, and
who we see ourselves as capable of becoming."
Frank Smith

129. Hi

130. The Escalator ...
escalator
What does this have to do with school?

131. The Escalator ...
escalator
What does this have to do with school?

132. Learn to do what
mathematicians do.
Magic is true! by flickr user photographer padawan

133. "All learning pivots on who we think we are, and who
we see ourselves as capable of becoming."
Frank Smith

134. Critical Path to Success!!
A student who wants to
succeed in this course will:
•!Always be on time for class.
time

135. Pewter Letters Numbers

136. Pewter Letters Numbers

137. Pewter Letters Numbers

138. Pewter Letters Numbers

139. 2
Pewter Letters Numbers

140. 6
Pewter Letters Numbers

141. MY CREDIT
I know I have lost by flickr user Monkey Magic

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

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

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

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

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

147. Critical Path to Success!!
A student who wants to
succeed in this course will:
• Always attempt ALL their
homework assignments.

148. Critical Path to Success!!
A student who wants to succeed in
this course will:
• Review their class notes
every night before going to bed.

149. The Curve of Forgetting ...
... describes how we retain or get rid of information
that we take in. It's based on a one-hour lecture.
more about Learning and Remembering

150. Critical Path to Success!!
A student who wants to
succeed in this course will:
• Always ask LOTS of
questions about anything
they don't understand.

151. Critical Path to Success!!
A student who wants to
succeed in this course will:
• Always gets extra help from the teacher
when they feel they are falling behind.

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

153. Critical Path to Success!!
A student who wants to succeed
in this course will:
Consistently
set a regular
time of day to
do homework
assignments.

154. Critical Path to Success!!
A student who wants to succeed in this course will:
• Participate regulary on the course blog.
http://pc40sw09.blogspot.com

155. How to Create a Google Account
http://tinyurl.com/6f7aae

156. How to Sign Up For Blogger
http://tinyurl.com/6x83hs

157. "All learning pivots on who we think we are, and
who we see ourselves as capable of becoming."
Frank Smith

158. Homework
email Mr. Kuropatwa:
dkuropatwa@gmail.com
get a account
sign up at .com

159. Homework
Riddle me this ...
Why are there
360° in a circle?
The Riddler Fans Art

160. Have a nice day!

161. ... and don't forget
your homework.

162. Photo Credits
Graphing
http://flickr.com/photos/mewzii/149555960/
3-ring binders
http://farm2.static.flickr.com/1311/1292315430_285d142fbe_m.jpg
Sharpener
http://flickr.com/photos/big-e-mr-g/192174638/
Studying
http://flickr.com/photos/jamilsoni/90538195/
Aqua wins by a point
http://flickr.com/photos/jahdakinebrah/92200688/
Studying. As you should probably be doing right now.
http://flickr.com/photos/weshph/462633863/
Ross Homework
http://flickr.com/photos/laffy4k/418602591/
workstation
http://flickr.com/photos/striatic/241843728/
genius
http://flickr.com/photos/thearchigeek/223751752/
Smiley Face
http://flickr.com/photos/greyarea/1473/
Reviewing Notes
http://flickr.com/photos/knott/66465528/
email logo
http://flickr.com/photos/surfstyle/354581855/
Questions
http://flickr.com/photos/oberazzi/318947873/
Telephone Keypad
http://flickr.com/photos/cgc/5259321/
envelope
http://flickr.com/photos/bip/420177741/

163. </design challenge 2>

164. <design challenge 3>

166. </design challenge 3>

167. noun
Design

168. Design
verb

169. Road Runner: Willy Coyote contro Beep-Beep
http://www.youtube.com/watch?v=f5_4EZxb87A

171. cre ativity
magic by flickr user Igor Vtornick
http://www.flickr.com/photos/vtornick/3547187473/

172. cre ativity

177. noun
Creativity

178. Creativity
verb

179. functional fixity?
EPISODE 1 à 8 / 1 OBJET EN MOINS DE 1 MINUTE / LOTA
http://www.dailymotion.com/video/x93dzc_episode-1-a-8-1-objet-en-moins-de-1_creation

180. Now go design
something.

181. thanks
Contact
Darren Kuropatwa
on twitter @dkuropatwa
dkuropatwa@sjsd.net

182. Photo Credits
065/365: Show us your smile!
http://www.flickr.com/photos/dotbenjamin/2765083201/
Robie House designed by Frank Lloyd Wright 1909
Video Credits
http://www.flickr.com/photos/darpi/212323100/ Symphony of Science - 'We Are All Connected'
http://www.youtube.com/watch?v=XGK84Poeynk
Washington DC metro station by flickr user o palsson
http://www.flickr.com/photos/opalsson/4387563218/
Life After Death by PowerPoint
The Graphic Design of Barack Obama http://www.youtube.com/watch?v=lpvgfmEU2Ck
http://www.flickr.com/photos/chrism70/3006405416/
"Grand Design" Spiral Galaxy M81 Is PowerPoint a media?
http://www.flickr.com/photos/toptechwriter/522395769/ http://www.slideshare.net/stateoftheart/is-powerpoint-a-media-4617126
Bike friendly storm drain
http://www.flickr.com/photos/eliel/47082543/ Dr. Bonnie Bassler on how bacteria "talk"
http://www.ted.com/talks/view/id/509
How Students Learn
http://books.nap.edu/catalog.php?record_id=10126
Slide Decks
Pewter Letters Numbers
http://flickr.com/photos/lwr/sets/72157594512642436/
This body is networked
http://flickr.com/photos/funksoup/403990660/
The Thinker Brain Rules for Presenters
http://www.slideshare.net/garr/brain-rules-for-presenters
http://flickr.com/photos/renny1967/1509761982/
Free scratched scalloped wooden picture frame border The Story of H
texture for layers by flickr user Pink Sherbet Photography http://www.slideshare.net/LubomirP/the-story-of-h-1581468
http://www.flickr.com/photos/pinksherbet/3020156826/
Pre-Cal 40S Slides February 2, 2009
stone throw 3 http://www.slideshare.net/dkuropatwa/precal-40s-slides-february-2-2009
http://www.flickr.com/photos/statico/1884269262/
Essay
Looking up by flickr user Olivier H
http://www.flickr.com/photos/olivierh/3369422843/
Jay Lehr
http://jaylehr.com/index.html
Let There Be Stoning
some images (cc) dkuropatwa http://www.geol.wwu.edu/rjmitch/stoning.pdf
http://www.flickr.com/photos/dkuropatwa