Design Matters! v3.1

180
Design Matters! Darren Kuropatwa adifference.blogspot.com edTech Teacher Workshop Series Brookline, MA, 20 July 2010

description

Slides from a presentation during my SMARTen Up! workshop for the EdTech Teacher Workshop series in Brookline, MA, 20 July 2010: an exploration of the intersection of visual design, presentation design and instructional design.

Transcript of Design Matters! v3.1

Page 1: Design Matters! v3.1

DesignMatters!

Darren Kuropatwaadifference.blogspot.com

edTech Teacher Workshop SeriesBrookline, MA, 20 July 2010

Page 2: Design Matters! v3.1

Robie House

Page 3: Design Matters! v3.1

stationWashington DC metro

Page 4: Design Matters! v3.1
Page 5: Design Matters! v3.1

"Grand Design" Spiral Galaxy M81

Page 7: Design Matters! v3.1

why is this an

example of good design?

Page 8: Design Matters! v3.1

Design

noun

Page 9: Design Matters! v3.1

Design

verb

Page 10: Design Matters! v3.1

a multi-disciplined approach to solving problems and tapping

into authentic innovation

Design Thinking

Page 11: Design Matters! v3.1
Page 12: Design Matters! v3.1

avoid ... Death By PowerPoint

Page 13: Design Matters! v3.1
Page 14: Design Matters! v3.1

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

Page 16: Design Matters! v3.1

Brain RulesTakeaways & Quotes

from Dr. John Medina’s

What all presenters need to know

A presentation (of sorts)

by Garr Reynolds

Page 17: Design Matters! v3.1

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 18: Design Matters! v3.1

You can quote me:

Page 19: Design Matters! v3.1

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 20: Design Matters! v3.1

Introduction

Page 21: Design Matters! v3.1

This is Dr. John Medina

Page 22: Design Matters! v3.1

This is Dr. John Medina

He knows how these work

Page 23: Design Matters! v3.1

Why is he so happy?

Page 24: Design Matters! v3.1

Because his book is

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

Page 25: Design Matters! v3.1

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Page 26: Design Matters! v3.1

These takeaways and quotes are based

on three of Dr. Medina’s 12 rules

just>

Here they are...

Page 27: Design Matters! v3.1

Rule #1Exercise boosts brain power.

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

Rule #10 Vision trumps all other senses.

Page 29: Design Matters! v3.1
Page 30: Design Matters! v3.1
Page 31: Design Matters! v3.1
Page 32: Design Matters! v3.1
Page 33: Design Matters! v3.1
Page 34: Design Matters! v3.1
Page 35: Design Matters! v3.1
Page 36: Design Matters! v3.1
Page 37: Design Matters! v3.1
Page 38: Design Matters! v3.1
Page 39: Design Matters! v3.1
Page 40: Design Matters! v3.1
Page 41: Design Matters! v3.1
Page 42: Design Matters! v3.1
Page 43: Design Matters! v3.1
Page 44: Design Matters! v3.1
Page 45: Design Matters! v3.1
Page 46: Design Matters! v3.1
Page 47: Design Matters! v3.1
Page 48: Design Matters! v3.1
Page 49: Design Matters! v3.1

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

Page 50: Design Matters! v3.1
Page 51: Design Matters! v3.1
Page 52: Design Matters! v3.1
Page 53: Design Matters! v3.1
Page 54: Design Matters! v3.1
Page 55: Design Matters! v3.1
Page 56: Design Matters! v3.1
Page 57: Design Matters! v3.1
Page 58: Design Matters! v3.1
Page 59: Design Matters! v3.1
Page 60: Design Matters! v3.1
Page 61: Design Matters! v3.1
Page 62: Design Matters! v3.1
Page 63: Design Matters! v3.1
Page 64: Design Matters! v3.1
Page 65: Design Matters! v3.1
Page 66: Design Matters! v3.1
Page 67: Design Matters! v3.1
Page 68: Design Matters! v3.1
Page 69: Design Matters! v3.1
Page 70: Design Matters! v3.1
Page 71: Design Matters! v3.1
Page 72: Design Matters! v3.1
Page 73: Design Matters! v3.1
Page 74: Design Matters! v3.1
Page 75: Design Matters! v3.1
Page 76: Design Matters! v3.1
Page 77: Design Matters! v3.1
Page 78: Design Matters! v3.1
Page 79: Design Matters! v3.1
Page 80: Design Matters! v3.1
Page 81: Design Matters! v3.1
Page 82: Design Matters! v3.1
Page 84: Design Matters! v3.1

x=

A Pedagogical Framework

Page 87: Design Matters! v3.1

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 88: Design Matters! v3.1

UNDERSTANDING REQUIRES FACTUAL KNOWLEDGE AND CONCEPTUAL FRAMEWORKS

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

Page 89: Design Matters! v3.1

A METACOGNITIVE APPROACH ENABLES STUDENT SELF-MONITORING

(Principle 3)

Metacognition

Page 90: Design Matters! v3.1

89

Page 91: Design Matters! v3.1

90

Page 92: Design Matters! v3.1

91

Page 93: Design Matters! v3.1

92

Page 94: Design Matters! v3.1
Page 95: Design Matters! v3.1
Page 96: Design Matters! v3.1

Teaching is listening,

learning is talking.

quote source: unknownJer & Mario by flickr user johnnybelmonthttp://www.flickr.com/photos/johndavey/3334454519/

Page 97: Design Matters! v3.1

most talking is growing

Marcia L. Tate

Eliot teaching by flickr user yewenyihttp://www.flickr.com/photos/yewenyi/381552561/

The person doing the

the most dendrites.

Page 99: Design Matters! v3.1

Create Content That Educates

Page 100: Design Matters! v3.1

Short Term Assignments

Page 103: Design Matters! v3.1

Long Term Assignments

Page 104: Design Matters! v3.1

103

projectthe

developing expert voices

Page 105: Design Matters! v3.1

Watch and Learn: DEVious

Page 106: Design Matters! v3.1

Teasers ...

Page 107: Design Matters! v3.1

DesignMatters!

Page 109: Design Matters! v3.1

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 110: Design Matters! v3.1

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 111: Design Matters! v3.1

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 112: Design Matters! v3.1

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 115: Design Matters! v3.1

Bonnie Bassler @ TED

#slides 5

Page 116: Design Matters! v3.1

Bonnie Bassler @ TED

#slides 5

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

Page 117: Design Matters! v3.1

Bonnie Bassler @ TED

#slides 5

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

time taken 2 min 22 sec

Page 118: Design Matters! v3.1

Bonnie Bassler @ TED

Simplifies complex ideas

Page 119: Design Matters! v3.1

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Page 120: Design Matters! v3.1

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Page 121: Design Matters! v3.1

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Page 122: Design Matters! v3.1

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Emotional (passion & laughter)

Page 123: Design Matters! v3.1

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 124: Design Matters! v3.1

Simple

Unexpected

Credible

Concrete

Emotional

Stories

s

Page 127: Design Matters! v3.1
Page 128: Design Matters! v3.1
Page 129: Design Matters! v3.1
Page 130: Design Matters! v3.1
Page 131: Design Matters! v3.1
Page 132: Design Matters! v3.1
Page 133: Design Matters! v3.1
Page 134: Design Matters! v3.1
Page 135: Design Matters! v3.1
Page 136: Design Matters! v3.1
Page 137: Design Matters! v3.1
Page 138: Design Matters! v3.1
Page 139: Design Matters! v3.1
Page 140: Design Matters! v3.1
Page 141: Design Matters! v3.1
Page 142: Design Matters! v3.1

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

who we see ourselves as capable of becoming."

Frank Smith

my first class

Page 143: Design Matters! v3.1

Hi

Page 144: Design Matters! v3.1

escalator

The Escalator ...

What does this have to do with school?

Page 145: Design Matters! v3.1

Learn to do what

mathematicians do.

Magic is true! by flickr user photographer padawan

Page 146: Design Matters! v3.1

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

we see ourselves as capable of becoming."

Frank Smith

Page 147: Design Matters! v3.1

Critical Path to Success!!

A student who wants to

succeed in this course will:

time

•!Always be on time for class.

Page 148: Design Matters! v3.1

Pewter Letters Numbers

Page 149: Design Matters! v3.1

Pewter Letters Numbers

Page 150: Design Matters! v3.1

Pewter Letters Numbers

Page 151: Design Matters! v3.1

Pewter Letters Numbers

Page 152: Design Matters! v3.1

Pewter Letters Numbers

2

Page 153: Design Matters! v3.1

Pewter Letters Numbers

6

Page 154: Design Matters! v3.1

MY CREDITI know I have lost by flickr user Monkey Magic

Page 155: Design Matters! v3.1

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 156: Design Matters! v3.1

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 157: Design Matters! v3.1

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 158: Design Matters! v3.1

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

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 160: Design Matters! v3.1

Critical Path to Success!!

A student who wants to

succeed in this course will:

• Always attempt ALL their

homework assignments.

Page 161: Design Matters! v3.1

• 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 162: Design Matters! v3.1

... 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 163: Design Matters! v3.1

• 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 164: Design Matters! v3.1

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 165: Design Matters! v3.1

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 166: Design Matters! v3.1

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 167: Design Matters! v3.1

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 170: Design Matters! v3.1

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

who we see ourselves as capable of becoming."

Frank Smith

Page 171: Design Matters! v3.1

Homework

email Mr. Kuropatwa:

[email protected]

get a

sign up at

account

.com

Page 172: Design Matters! v3.1

Homework

Riddle me this ...

Why are there

360° in a circle?

The Riddler Fans Art

Page 173: Design Matters! v3.1

Have a nice day!

Page 174: Design Matters! v3.1

... and don't forget

your homework.

Page 175: Design Matters! v3.1

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 176: Design Matters! v3.1

The practices and activities in which people engage while

learning shape what is learned.

Principle 6

from NAP: Learning and Understanding

Page 177: Design Matters! v3.1

It is

only

by

conc

ept a

t wor

k in

mul

tiple contexts that students can

deve

lop

a de

epthe concept

understanding of

encountering the same

Page 178: Design Matters! v3.1

Now go design something.

Page 179: Design Matters! v3.1

thanks

ContactDarren Kuropatwa

on twitter @dkuropatwaadifference.blogspot.com

Page 180: Design Matters! v3.1

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

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/

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/

apple imac iphone lookhttp://www.dailymotion.com/video/x2pdt9_apple-imac-iphone-look_tech