Design Matters! v2

173
Design Matters! Darren Kuropatwa Manitoba Education Sr.Years ICT Consultant Riding the Wave Conference Gimli, Manitoba, May, 2010

description

Slides from a presentation at the Riding the Wave of Change conference in Gimli, Manitoba, 14 May 2010: an exploration of the intersection of visual design, presentation design and instructional design.

Transcript of Design Matters! v2

Page 1: Design Matters! v2

DesignMatters!

Darren KuropatwaManitoba Education

Sr. Years ICT ConsultantRiding the Wave ConferenceGimli, Manitoba, May, 2010

Page 2: Design Matters! v2

Robie House

Page 3: Design Matters! v2
Page 4: Design Matters! v2

"Grand Design" Spiral Galaxy M81

Page 5: Design Matters! v2

why is this an

example of good design?

Page 6: Design Matters! v2

Design

noun

Page 7: Design Matters! v2

Design

verb

Page 8: Design Matters! v2

a multi-disciplined approach to solving problems and tapping

into authentic innovation

Design Thinking

Page 9: Design Matters! v2

@dkuropatwa Design matters to me when it is part of the message.

Page 10: Design Matters! v2

avoid ... Death By PowerPoint

Page 11: Design Matters! v2

avoid ... Death By PowerPoint

Page 12: Design Matters! v2

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

Page 14: Design Matters! v2

Brain RulesTakeaways & Quotes

from Dr. John Medina’s

What all presenters need to know

A presentation (of sorts)

by Garr Reynolds

Page 15: Design Matters! v2

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 16: Design Matters! v2

You can quote me:

Page 17: Design Matters! v2

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 18: Design Matters! v2

Here’s your host for

this presentation...

Page 19: Design Matters! v2

Hello! My name’s Biff.

Agalychnis callidryas

Page 20: Design Matters! v2

I’ll be your host for this online

version of the presentation.

Page 21: Design Matters! v2

Why me? Three reasons: (1) Let my enormous

eyes remind you that vision is the most

dominant sense for you humans.

Page 22: Design Matters! v2

And (2) allow my remarkable coloring and shape to remind you that you humans are wired to notice differences and patterns...

Page 23: Design Matters! v2

And (3) let my tiny, primitive brain remind

you that, while I get the most use out of

my brain (as far as I know), you, my friend,

could learn to use your massive, evolved brain

much more effectively...

Page 24: Design Matters! v2

And (3) let my tiny, primitive brain remind

you that, while I get the most use out of

my brain (as far as I know), you, my friend,

could learn to use your massive, evolved brain

much more effectively...

Right, on with the preso...

Page 25: Design Matters! v2

Introduction

Page 26: Design Matters! v2

This is Dr. John Medina

Page 27: Design Matters! v2

This is Dr. John Medina

He knows how these work

Page 28: Design Matters! v2

Why is he so happy?

Page 29: Design Matters! v2

Because his book is

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

Page 30: Design Matters! v2

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Page 31: Design Matters! v2

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Here they are...

Page 32: Design Matters! v2

Rule #1Exercise boosts brain power.

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

Rule #10 Vision trumps all other senses.

Page 34: Design Matters! v2
Page 35: Design Matters! v2
Page 36: Design Matters! v2
Page 37: Design Matters! v2
Page 38: Design Matters! v2
Page 39: Design Matters! v2
Page 40: Design Matters! v2
Page 41: Design Matters! v2
Page 42: Design Matters! v2
Page 43: Design Matters! v2
Page 44: Design Matters! v2
Page 45: Design Matters! v2
Page 46: Design Matters! v2
Page 47: Design Matters! v2
Page 48: Design Matters! v2
Page 49: Design Matters! v2
Page 50: Design Matters! v2
Page 51: Design Matters! v2
Page 52: Design Matters! v2
Page 53: Design Matters! v2
Page 54: Design Matters! v2
Page 55: Design Matters! v2
Page 56: Design Matters! v2

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

Page 57: Design Matters! v2
Page 58: Design Matters! v2
Page 59: Design Matters! v2
Page 60: Design Matters! v2
Page 61: Design Matters! v2
Page 62: Design Matters! v2
Page 63: Design Matters! v2
Page 64: Design Matters! v2
Page 65: Design Matters! v2
Page 66: Design Matters! v2
Page 67: Design Matters! v2
Page 68: Design Matters! v2
Page 69: Design Matters! v2
Page 70: Design Matters! v2
Page 71: Design Matters! v2
Page 72: Design Matters! v2
Page 73: Design Matters! v2
Page 74: Design Matters! v2
Page 75: Design Matters! v2
Page 76: Design Matters! v2
Page 77: Design Matters! v2
Page 78: Design Matters! v2
Page 79: Design Matters! v2
Page 80: Design Matters! v2
Page 81: Design Matters! v2
Page 82: Design Matters! v2
Page 83: Design Matters! v2
Page 84: Design Matters! v2
Page 85: Design Matters! v2
Page 86: Design Matters! v2
Page 87: Design Matters! v2
Page 88: Design Matters! v2
Page 89: Design Matters! v2
Page 91: Design Matters! v2

3 Principles of

Instructional Design

Page 94: Design Matters! v2

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 95: Design Matters! v2

UNDERSTANDING REQUIRES FACTUAL KNOWLEDGE AND CONCEPTUAL FRAMEWORKS

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

Page 96: Design Matters! v2

A METACOGNITIVE APPROACH ENABLES STUDENT SELF-MONITORING

(Principle 3)

Metacognition

Page 97: Design Matters! v2

95

Page 98: Design Matters! v2

96

Page 99: Design Matters! v2

97

Page 100: Design Matters! v2

98

Page 101: Design Matters! v2

Dale’s Cone of Experience

Page 102: Design Matters! v2

Dale’s Cone of Experience

Page 103: Design Matters! v2

Create Content That Educates

Page 107: Design Matters! v2

104

projectthe

developing expert voices

Page 108: Design Matters! v2

Watch and Learn: DEVious

Page 109: Design Matters! v2

Watch and Learn: DEVious

Page 110: Design Matters! v2

Teasers ...

Page 111: Design Matters! v2

Teasers ...

Page 112: Design Matters! v2

DesignMatters!

Page 114: Design Matters! v2

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 115: Design Matters! v2

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 116: Design Matters! v2

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 117: Design Matters! v2

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 122: Design Matters! v2
Page 123: Design Matters! v2
Page 124: Design Matters! v2
Page 125: Design Matters! v2
Page 126: Design Matters! v2
Page 127: Design Matters! v2
Page 128: Design Matters! v2
Page 129: Design Matters! v2
Page 130: Design Matters! v2
Page 131: Design Matters! v2
Page 132: Design Matters! v2
Page 133: Design Matters! v2
Page 134: Design Matters! v2
Page 135: Design Matters! v2
Page 136: Design Matters! v2
Page 137: Design Matters! v2

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

who we see ourselves as capable of becoming."

Frank Smith

my first class

Page 138: Design Matters! v2

Hi

Page 139: Design Matters! v2

escalator

The Escalator ...

What does this have to do with school?

Page 140: Design Matters! v2

escalator

The Escalator ...

What does this have to do with school?

Page 141: Design Matters! v2

Learn to do what

mathematicians do.

Magic is true! by flickr user photographer padawan

Page 142: Design Matters! v2

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

we see ourselves as capable of becoming."

Frank Smith

Page 143: Design Matters! v2

Critical Path to Success!!

A student who wants to

succeed in this course will:

time

•!Always be on time for class.

Page 144: Design Matters! v2

Pewter Letters Numbers

Page 145: Design Matters! v2

Pewter Letters Numbers

Page 146: Design Matters! v2

Pewter Letters Numbers

Page 147: Design Matters! v2

Pewter Letters Numbers

Page 148: Design Matters! v2

Pewter Letters Numbers

2

Page 149: Design Matters! v2

Pewter Letters Numbers

6

Page 150: Design Matters! v2

MY CREDITI know I have lost by flickr user Monkey Magic

Page 151: Design Matters! v2

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 152: Design Matters! v2

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 153: Design Matters! v2

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 154: Design Matters! v2

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 155: Design Matters! v2

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 156: Design Matters! v2

Critical Path to Success!!

A student who wants to

succeed in this course will:

• Always attempt ALL their

homework assignments.

Page 157: Design Matters! v2

• 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 158: Design Matters! v2

... 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 159: Design Matters! v2

• 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 160: Design Matters! v2

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 161: Design Matters! v2

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 162: Design Matters! v2

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 163: Design Matters! v2

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 166: Design Matters! v2

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

who we see ourselves as capable of becoming."

Frank Smith

Page 167: Design Matters! v2

Homework

email Mr. Kuropatwa:

[email protected]

get a

sign up at

account

.com

Page 168: Design Matters! v2

Homework

Riddle me this ...

Why are there

360° in a circle?

The Riddler Fans Art

Page 169: Design Matters! v2

Have a nice day!

Page 170: Design Matters! v2

... and don't forget

your homework.

Page 171: Design Matters! v2

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 173: Design Matters! v2

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

How NOT to use PowerPoint!http://www.youtube.com/watch?v=cagxPlVqrtM

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

Dodging Bullets in Presentationshttp://www.slideshare.net/RowanManahan/dodging-bullets-in-presentations

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/