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

Design Matters! v4.2

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: Design Matters! v4.2

DesignMatters!

Darren KuropatwaCoordinator of Curriculum

St. James Assiniboia School Division29 Aug 2011

Page 2: Design Matters! v4.2
Page 3: Design Matters! v4.2

stationWashington DC metro

Page 4: Design Matters! v4.2
Page 6: Design Matters! v4.2

"Grand Design" Spiral Galaxy M81

Page 9: Design Matters! v4.2

why is this an

example of good design?

Page 10: Design Matters! v4.2

avoid ... Death By PowerPoint

Page 11: Design Matters! v4.2

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

Page 13: Design Matters! v4.2

Brain RulesTakeaways & Quotes

from Dr. John Medina’s

What all presenters need to know

A presentation (of sorts)

by Garr Reynolds

Page 14: Design Matters! v4.2

Dr. Medina’s findings discussed

in Brain Rules are ideas worth

spreading...

So I extracted some quotes

and key points as they relate to

my field — presentation — to

help you spread the word.

Page 15: Design Matters! v4.2

You can quote me:

Page 16: Design Matters! v4.2

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

Page 17: Design Matters! v4.2

Introduction

Page 18: Design Matters! v4.2

This is Dr. John Medina

Page 19: Design Matters! v4.2

This is Dr. John Medina

He knows how these work

Page 20: Design Matters! v4.2

Why is he so happy?

Page 21: Design Matters! v4.2

Because his book is

*%$#@ fantastic!Why is he so happy?

Page 22: Design Matters! v4.2

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Page 23: Design Matters! v4.2

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Here they are...

Page 24: Design Matters! v4.2

Rule #1Exercise boosts brain power.

Rule #4We don’t pay attention to boring things.

Rule #10 Vision trumps all other senses.

Page 26: Design Matters! v4.2
Page 27: Design Matters! v4.2

So how do I share a bulleted list?

Page 29: Design Matters! v4.2
Page 30: Design Matters! v4.2
Page 31: Design Matters! v4.2
Page 32: Design Matters! v4.2
Page 33: Design Matters! v4.2
Page 34: Design Matters! v4.2
Page 36: Design Matters! v4.2
Page 37: Design Matters! v4.2
Page 38: Design Matters! v4.2
Page 39: Design Matters! v4.2

150 wpm

Judy Mouth Open by flicker user Jason Nelmshttp://www.flickr.com/photos/thejs/35407165/

Page 40: Design Matters! v4.2

250 wpm

Reading Psychology Applied to Modern Life | 24/365 by flickr user Surat L

ozowick

http://www.flickr.com/photos/suratlozowick/4303393580/

Page 41: Design Matters! v4.2

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

Page 42: Design Matters! v4.2

“Why would you use words on the screen

when they do just fine in your mouth”

Seth Godin

Why?

Page 43: Design Matters! v4.2

“Why would you use words on the screen

when they do just fine in your mouth”

Seth Godin

Page 44: Design Matters! v4.2

x=

A Pedagogical Framework

Page 47: Design Matters! v4.2
Page 48: Design Matters! v4.2

Teachers must engage studentsʼ preconceptions

(Principle 1) Studentsʼ Errors and Misconceptions 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 =

Page 49: Design Matters! v4.2

Understanding requires factual knowledgeand conceptual frameworks

The Knowledge Network: New Concepts and New Applications(Principle 2)

Page 50: Design Matters! v4.2

34

Page 51: Design Matters! v4.2

3/4

34

3:4

75%

0.75

$0.75

Page 52: Design Matters! v4.2

3/4

34

3:4

75%

0.75

$0.75

Page 53: Design Matters! v4.2

3/4

34

3:4

75%

0.75

$0.75

Page 54: Design Matters! v4.2

3/4

34

3:4

75%

0.75

$0.75

Page 55: Design Matters! v4.2

3/4

34

3:4

75%

0.75

$0.75

Page 56: Design Matters! v4.2

socialknowingis neverfinished.

in our heads

it’s between us

David WeinbergerEverything is Miscellaneous

knowledge isn’t

Page 57: Design Matters! v4.2

A METACOGNITIVE APPROACH ENABLES STUDENT SELF-MONITORING

(Principle 3)

Metacognition

Page 58: Design Matters! v4.2

eror analysis

Page 59: Design Matters! v4.2

Find the error ...

Page 60: Design Matters! v4.2

community

Page 61: Design Matters! v4.2

community

Page 62: Design Matters! v4.2
Page 63: Design Matters! v4.2
Page 64: Design Matters! v4.2

A Pedagogical Framework

x=

Page 65: Design Matters! v4.2

64

Page 66: Design Matters! v4.2

65

Page 67: Design Matters! v4.2

66

Page 68: Design Matters! v4.2

67

Page 69: Design Matters! v4.2
Page 70: Design Matters! v4.2
Page 72: Design Matters! v4.2

Create Content That Educates

Page 73: Design Matters! v4.2

Short Term Assignments

Page 76: Design Matters! v4.2

Long Term Assignments

Page 78: Design Matters! v4.2

77

projectthe

developing expert voices

Page 79: Design Matters! v4.2

DEVious

Page 80: Design Matters! v4.2

Watch and Learn: DEVious

Page 81: Design Matters! v4.2

Teasers ...

Page 84: Design Matters! v4.2

DesignMatters!

Page 86: Design Matters! v4.2

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

Page 87: Design Matters! v4.2

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

Page 88: Design Matters! v4.2

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

Page 89: Design Matters! v4.2

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

Page 91: Design Matters! v4.2

Bonnie Bassler @ TED

#slides 5

Page 92: Design Matters! v4.2

Bonnie Bassler @ TED

#slides 5

uses a “black slide” (so really 6 slides)

Page 93: Design Matters! v4.2

Bonnie Bassler @ TED

#slides 5

uses a “black slide” (so really 6 slides)

time taken 2 min 4 sec

Page 94: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Page 95: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Page 96: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Page 97: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Page 98: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Emotional (passion & laughter)

Page 99: Design Matters! v4.2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Emotional (passion & laughter)

Story (wanna know how it ends?)

Page 100: Design Matters! v4.2

Simple

Unexpected

Credible

Concrete

Emotional

Stories

s

Page 103: Design Matters! v4.2
Page 104: Design Matters! v4.2
Page 105: Design Matters! v4.2
Page 106: Design Matters! v4.2
Page 107: Design Matters! v4.2
Page 108: Design Matters! v4.2
Page 109: Design Matters! v4.2
Page 110: Design Matters! v4.2
Page 111: Design Matters! v4.2
Page 112: Design Matters! v4.2
Page 113: Design Matters! v4.2
Page 114: Design Matters! v4.2
Page 115: Design Matters! v4.2
Page 116: Design Matters! v4.2
Page 117: Design Matters! v4.2
Page 118: Design Matters! v4.2

<design challenge 1>

Page 119: Design Matters! v4.2

What’s your personal narrative ...

Page 120: Design Matters! v4.2

What’s your personal narrative ...

in 4 slides?

Page 121: Design Matters! v4.2
Page 122: Design Matters! v4.2
Page 123: Design Matters! v4.2
Page 124: Design Matters! v4.2
Page 126: Design Matters! v4.2

</design challenge 1>

Page 127: Design Matters! v4.2

<design challenge 2>

Page 128: Design Matters! v4.2

"All learning pivots on who we think we are, and

who we see ourselves as capable of becoming."

Frank Smith

my first class

Page 129: Design Matters! v4.2

Hi

Page 130: Design Matters! v4.2

escalator

The Escalator ...

What does this have to do with school?

Page 131: Design Matters! v4.2

escalator

The Escalator ...

What does this have to do with school?

Page 132: Design Matters! v4.2

Learn to do what

mathematicians do.

Magic is true! by flickr user photographer padawan

Page 133: Design Matters! v4.2

"All learning pivots on who we think we are, and who

we see ourselves as capable of becoming."

Frank Smith

Page 134: Design Matters! v4.2

Critical Path to Success!!

A student who wants to

succeed in this course will:

time

•!Always be on time for class.

Page 135: Design Matters! v4.2

Pewter Letters Numbers

Page 136: Design Matters! v4.2

Pewter Letters Numbers

Page 137: Design Matters! v4.2

Pewter Letters Numbers

Page 138: Design Matters! v4.2

Pewter Letters Numbers

Page 139: Design Matters! v4.2

Pewter Letters Numbers

2

Page 140: Design Matters! v4.2

Pewter Letters Numbers

6

Page 141: Design Matters! v4.2

MY CREDITI know I have lost by flickr user Monkey Magic

Page 142: Design Matters! v4.2

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

Page 143: Design Matters! v4.2

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

3-ring binder

notebook

or duotang

loose leaf

paper

Page 144: Design Matters! v4.2

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

3-ring binder

notebook

or duotang

loose leaf

paper

12 pencils

Page 145: Design Matters! v4.2

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

3-ring binder

notebook

or duotang

loose leaf

paper

12 pencils

Page 146: Design Matters! v4.2

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

3-ring binder

notebook

or duotang

loose leaf

paper

12 pencils

geometry set

Page 147: Design Matters! v4.2

Critical Path to Success!!

A student who wants to

succeed in this course will:

• Always attempt ALL their

homework assignments.

Page 148: Design Matters! v4.2

• Review their class notes

every night before going to bed.

Critical Path to Success!!

A student who wants to succeed in

this course will:

Page 149: Design Matters! v4.2

... describes how we retain or get rid of information

that we take in. It's based on a one-hour lecture.

The Curve of Forgetting ...

more about Learning and Remembering

Page 150: Design Matters! v4.2

• Always ask LOTS of

questions about anything

they don't understand.

Critical Path to Success!!

A student who wants to

succeed in this course will:

Page 151: Design Matters! v4.2

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.

Page 152: Design Matters! v4.2

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.

Page 153: Design Matters! v4.2

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.

Page 154: Design Matters! v4.2

Critical Path to Success!!

A student who wants to succeed in this course will:

• Participate regulary on the course blog.

http://pc40sw09.blogspot.com

Page 157: Design Matters! v4.2

"All learning pivots on who we think we are, and

who we see ourselves as capable of becoming."

Frank Smith

Page 158: Design Matters! v4.2

Homework

email Mr. Kuropatwa:

[email protected]

get a

sign up at

account

.com

Page 159: Design Matters! v4.2

Homework

Riddle me this ...

Why are there

360° in a circle?

The Riddler Fans Art

Page 160: Design Matters! v4.2

Have a nice day!

Page 161: Design Matters! v4.2

... and don't forget

your homework.

Page 162: Design Matters! v4.2

Photo Credits

Studying

http://flickr.com/photos/jamilsoni/90538195/

Graphing

http://flickr.com/photos/mewzii/149555960/

Questions

http://flickr.com/photos/oberazzi/318947873/

Reviewing Notes

http://flickr.com/photos/knott/66465528/

genius

http://flickr.com/photos/thearchigeek/223751752/

Ross Homework

http://flickr.com/photos/laffy4k/418602591/

Aqua wins by a point

http://flickr.com/photos/jahdakinebrah/92200688/

Sharpener

http://flickr.com/photos/big-e-mr-g/192174638/

3-ring binders

http://farm2.static.flickr.com/1311/1292315430_285d142fbe_m.jpg

envelope

http://flickr.com/photos/bip/420177741/

Telephone Keypad

http://flickr.com/photos/cgc/5259321/

email logo

http://flickr.com/photos/surfstyle/354581855/

Smiley Face

http://flickr.com/photos/greyarea/1473/

workstation

http://flickr.com/photos/striatic/241843728/

Studying. As you should probably be doing right now.

http://flickr.com/photos/weshph/462633863/

Page 163: Design Matters! v4.2

</design challenge 2>

Page 164: Design Matters! v4.2

<design challenge 3>

Page 166: Design Matters! v4.2

</design challenge 3>

Page 167: Design Matters! v4.2

Design

noun

Page 168: Design Matters! v4.2

Design

verb

Page 169: Design Matters! v4.2

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

Page 170: Design Matters! v4.2
Page 171: Design Matters! v4.2

creativity

magic by flickr user Igor Vtornickhttp://www.flickr.com/photos/vtornick/3547187473/

Page 172: Design Matters! v4.2

creativity

Page 173: Design Matters! v4.2
Page 174: Design Matters! v4.2
Page 175: Design Matters! v4.2
Page 176: Design Matters! v4.2
Page 177: Design Matters! v4.2

Creativity

noun

Page 178: Design Matters! v4.2

Creativity

verb

Page 180: Design Matters! v4.2

Now go design something.

Page 182: Design Matters! v4.2

Photo Credits

Looking up by flickr user Olivier Hhttp://www.flickr.com/photos/olivierh/3369422843/

This body is networkedhttp://flickr.com/photos/funksoup/403990660/

The Thinkerhttp://flickr.com/photos/renny1967/1509761982/

Pewter Letters Numbershttp://flickr.com/photos/lwr/sets/72157594512642436/

How Students Learnhttp://books.nap.edu/catalog.php?record_id=10126

some images (cc) dkuropatwahttp://www.flickr.com/photos/dkuropatwa

Robie House designed by Frank Lloyd Wright 1909http://www.flickr.com/photos/darpi/212323100/

The Graphic Design of Barack Obamahttp://www.flickr.com/photos/chrism70/3006405416/

"Grand Design" Spiral Galaxy M81 http://www.flickr.com/photos/toptechwriter/522395769/

Bike friendly storm drainhttp://www.flickr.com/photos/eliel/47082543/

Jay Lehrhttp://jaylehr.com/index.html

Life After Death by PowerPointhttp://www.youtube.com/watch?v=lpvgfmEU2Ck

Dr. Bonnie Bassler on how bacteria "talk"http://www.ted.com/talks/view/id/509

Video CreditsVideo Credits

The Story of Hhttp://www.slideshare.net/LubomirP/the-story-of-h-1581468

Brain Rules for Presentershttp://www.slideshare.net/garr/brain-rules-for-presenters

Slide Decks

Let There Be Stoninghttp://www.geol.wwu.edu/rjmitch/stoning.pdf

Essay

065/365: Show us your smile!http://www.flickr.com/photos/dotbenjamin/2765083201/

Pre-Cal 40S Slides February 2, 2009http://www.slideshare.net/dkuropatwa/precal-40s-slides-february-2-2009stone throw 3

http://www.flickr.com/photos/statico/1884269262/

Symphony of Science - 'We Are All Connected'http://www.youtube.com/watch?v=XGK84Poeynk

Washington DC metro station by flickr user o palssonhttp://www.flickr.com/photos/opalsson/4387563218/

Is PowerPoint a media?http://www.slideshare.net/stateoftheart/is-powerpoint-a-media-4617126

Free scratched scalloped wooden picture frame border texture for layers by flickr user Pink Sherbet Photography

http://www.flickr.com/photos/pinksherbet/3020156826/