design (still) matters! v2

192
Design Matters! still Watching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0 Darren Kuropatwa about.me/dkuropatwa Embracing The Edge Winnipeg, 19 October 2012 Watching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0

Upload: darren-kuropatwa

Post on 21-Nov-2014

5.671 views

Category:

Education


3 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Design (still) Matters! v2

DesignMatters!

still

Watching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0Darren Kuropatwa

about.me/dkuropatwa

Embracing The Edge

Winnipeg, 19 October 2012

Watching the Sunset / Fernando Silveira / CC BY-NC-SA 2.0

Page 2: Design (still) Matters! v2

<begin>

Page 3: Design (still) Matters! v2

<design>

Page 4: Design (still) Matters! v2

Design: first, let’s get visual ...

Page 5: Design (still) Matters! v2

Robie House

Page 6: Design (still) Matters! v2

stationWashington DC metro

Page 7: Design (still) Matters! v2

puritycleanlinessneutrality

timelesspracticalsolid

authoritative

powerful

trustworthydependablecommitted

peaceecologyillness

Government-issued

optimismenlightenmenthappiness

funflamboyant

warmthenergy

stimulant, excitingenergy

draws attention

balance of red simulation and blue calm

stability,reliabilityapproachability

ColourMessages

and Meanings

youthfulfun

excitinglighthearted

Page 9: Design (still) Matters! v2

"Grand Design" Spiral Galaxy M81

Page 11: Design (still) Matters! v2

Robie House

Design

Page 12: Design (still) Matters! v2

Robie House

Design

functional

Page 13: Design (still) Matters! v2

Robie House

Design

functional

intentional

Page 14: Design (still) Matters! v2

Robie House

Design

functional

intentional

beautiful

Page 15: Design (still) Matters! v2

Why should kids care about learning?

Page 16: Design (still) Matters! v2

Why should kids care about mathematics?

Page 21: Design (still) Matters! v2

play

Why should kids care about mathematics?

job skills, needs of science and technology

essential understanding to be a responsible citizen

transcendence

curiosity

beauty

and

Page 22: Design (still) Matters! v2

essential understanding to be a responsible citizen

play

curiosity

beauty

and transcendence

Why should kids care about mathematics?

Page 24: Design (still) Matters! v2

Design: first, let’s get visual ...

... now let me tell you about stories

Page 26: Design (still) Matters! v2

What’s your personal narrative ...

Page 27: Design (still) Matters! v2

What’s your personal narrative ...

in 4 slides?

Page 28: Design (still) Matters! v2
Page 29: Design (still) Matters! v2
Page 30: Design (still) Matters! v2
Page 31: Design (still) Matters! v2
Page 33: Design (still) Matters! v2

Can “fun” change behaviour for the better?

Page 35: Design (still) Matters! v2

Design

noun

Page 36: Design (still) Matters! v2

Design

verb

Page 37: Design (still) Matters! v2

Road Runner: Willy Coyote contro Beep-Beep

The Coyote as a designer

Page 39: Design (still) Matters! v2

Tim Hartford on trial and error

Page 40: Design (still) Matters! v2
Page 42: Design (still) Matters! v2

Play & Learn

learn by flickr user Mark Brannanhttp://www.flickr.com/photos/heycoach/1197947341/

Play! by flickr user Matteo Angelinohttp://www.flickr.com/photos/angelinux/2775107421/

can we design learning for reckless curiosity?

Page 43: Design (still) Matters! v2

</design>

Page 44: Design (still) Matters! v2

<presentations>

Page 45: Design (still) Matters! v2

Hypnotizing Chickensa pre-modern presentation

Page 46: Design (still) Matters! v2

Hypnotizing Chickensa modern presentation

Page 47: Design (still) Matters! v2

Hypnotizing Chickens

Little chicken by flickr user Lovro67http://www.flickr.com/photos/30978323@N02/3755800512/

a post-modern presentation

Page 50: Design (still) Matters! v2
Page 51: Design (still) Matters! v2

“Why would you use words on the screen

when they do just fine in your mouth”

Seth Godin

Why?

Page 53: Design (still) Matters! v2

150 wpm

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

Page 54: Design (still) Matters! v2

250 wpm

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

ozowick

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

Page 57: Design (still) Matters! v2
Page 59: Design (still) Matters! v2

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

Page 60: Design (still) Matters! v2

Times New Roman 30 pt

Times New Roman 48 pt

Times New Roman 96 pt

Times New Roman 14 pt

Page 61: Design (still) Matters! v2

Can you read this?Can you read this?

Page 62: Design (still) Matters! v2

Times New Roman 96 ptHelvetica 96 pt

Page 63: Design (still) Matters! v2
Page 64: Design (still) Matters! v2
Page 65: Design (still) Matters! v2

Bonnie Bassler teaches biology

Page 68: Design (still) Matters! v2

Bonnie Bassler @ TED

#slides 5

Page 69: Design (still) Matters! v2

Bonnie Bassler @ TED

#slides 5

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

Page 70: Design (still) Matters! v2

Bonnie Bassler @ TED

#slides 5

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

time taken 1min 37 sec

Page 71: Design (still) Matters! v2

Bonnie Bassler @ TED

Simplifies complex ideas

Page 72: Design (still) Matters! v2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Page 73: Design (still) Matters! v2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Page 74: Design (still) Matters! v2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Page 75: Design (still) Matters! v2

Bonnie Bassler @ TED

Simplifies complex ideas

Unexpected bacteria vrs human

Credible (Dr. Bassler)

Concrete (bacteria)

Emotional (passion & laughter)

Page 76: Design (still) Matters! v2

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?)

Page 77: Design (still) Matters! v2

Simple

Unexpected

Credible

Concrete

Emotional

Stories

s

Page 78: Design (still) Matters! v2

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

Page 81: Design (still) Matters! v2

</presentations>

Page 82: Design (still) Matters! v2

<teaching>

Page 83: Design (still) Matters! v2

A Pedagogical Framework

x=

Page 86: Design (still) Matters! v2
Page 87: Design (still) 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 88: Design (still) Matters! v2

Understanding requires factual knowledgeand conceptual frameworks

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

Page 89: Design (still) Matters! v2

34

Page 90: Design (still) Matters! v2

3/4

34

3:4

75%

0.75

$0.75

Page 91: Design (still) Matters! v2

3/4

34

3:4

75%

0.75

$0.75

Page 92: Design (still) Matters! v2

3/4

34

3:4

75%

0.75

$0.75

Page 93: Design (still) Matters! v2

3/4

34

3:4

75%

0.75

$0.75

Page 94: Design (still) Matters! v2

3/4

34

3:4

75%

0.75

$0.75

Page 95: Design (still) Matters! v2

in our heads

it’s between us

David WeinbergerEverything is Miscellaneous

knowledge isn’t

Page 96: Design (still) Matters! v2

Learning is facilitated through the use of metacognitive strategies ...

Principle 3

A metacognitive approach enables student self-monitoring

Page 97: Design (still) Matters! v2

eror analysis

Page 98: Design (still) Matters! v2

Find the error ...

Page 99: Design (still) Matters! v2

community

Page 100: Design (still) Matters! v2

community

Page 101: Design (still) Matters! v2
Page 102: Design (still) Matters! v2
Page 103: Design (still) Matters! v2

A Pedagogical Framework

x=

Page 104: Design (still) Matters! v2

Short Term Assignments

Page 107: Design (still) Matters! v2

What is descriptive language, and why is it important to your writing? (Brooksie's Symbolic)

Page 112: Design (still) Matters! v2
Page 113: Design (still) Matters! v2

Long Term Assignments

Page 115: Design (still) Matters! v2

97

project

the developing expert voices

Page 116: Design (still) Matters! v2

DEVious

Page 117: Design (still) Matters! v2

Watch and Learn: DEVious

Page 118: Design (still) Matters! v2

Teasers ...

Page 123: Design (still) Matters! v2
Page 124: Design (still) Matters! v2
Page 125: Design (still) Matters! v2
Page 126: Design (still) Matters! v2
Page 127: Design (still) Matters! v2
Page 128: Design (still) Matters! v2
Page 129: Design (still) Matters! v2
Page 130: Design (still) Matters! v2
Page 131: Design (still) Matters! v2
Page 132: Design (still) Matters! v2
Page 133: Design (still) Matters! v2
Page 134: Design (still) Matters! v2
Page 135: Design (still) Matters! v2
Page 136: Design (still) Matters! v2
Page 137: Design (still) Matters! v2
Page 138: Design (still) Matters! v2

<design challenge 1>

Page 139: Design (still) Matters! v2

What’s your personal narrative ...

in 4 slides?

Page 140: Design (still) Matters! v2
Page 141: Design (still) Matters! v2
Page 142: Design (still) Matters! v2
Page 143: Design (still) Matters! v2
Page 145: Design (still) Matters! v2

</design challenge 1>

Page 146: Design (still) Matters! v2

<design challenge 2>

Page 147: Design (still) 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 148: Design (still) Matters! v2

Hi

Page 149: Design (still) Matters! v2

escalator

The Escalator ...

What does this have to do with school?

Page 150: Design (still) Matters! v2

Learn to do what

mathematicians do.

Magic is true! by flickr user photographer padawan

Page 151: Design (still) Matters! v2

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

we see ourselves as capable of becoming."

Frank Smith

Page 152: Design (still) Matters! v2

Critical Path to Success!!

A student who wants to

succeed in this course will:

time

•!Always be on time for class.

Page 153: Design (still) Matters! v2

Pewter Letters Numbers

Page 154: Design (still) Matters! v2

Pewter Letters Numbers

Page 155: Design (still) Matters! v2

Pewter Letters Numbers

Page 156: Design (still) Matters! v2

Pewter Letters Numbers

Page 157: Design (still) Matters! v2

Pewter Letters Numbers

2

Page 158: Design (still) Matters! v2

Pewter Letters Numbers

6

Page 159: Design (still) Matters! v2

MY CREDITI know I have lost by flickr user Monkey Magic

Page 160: Design (still) 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 161: Design (still) 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 162: Design (still) 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 163: Design (still) 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 164: Design (still) 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 165: Design (still) Matters! v2

Critical Path to Success!!

A student who wants to

succeed in this course will:

• Always attempt ALL their

homework assignments.

Page 166: Design (still) 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 167: Design (still) 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 168: Design (still) 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 169: Design (still) 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 170: Design (still) 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 171: Design (still) 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 172: Design (still) 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 173: Design (still) 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 174: Design (still) 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 175: Design (still) 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 178: Design (still) Matters! v2

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

who we see ourselves as capable of becoming."

Frank Smith

Page 179: Design (still) Matters! v2

Homework

email Mr. Kuropatwa:

[email protected]

get a

sign up at

account

.com

Page 180: Design (still) Matters! v2

Homework

Riddle me this ...

Why are there

360° in a circle?

The Riddler Fans Art

Page 181: Design (still) Matters! v2

Have a nice day!

Page 182: Design (still) Matters! v2

... and don't forget

your homework.

Page 183: Design (still) 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 184: Design (still) Matters! v2

</design challenge 2>

Page 185: Design (still) Matters! v2

<design challenge 3>

Page 187: Design (still) Matters! v2

A tree

is made

of air

cc licensed ( BY NC SD ) flickr photo by dkuropatwa: http://flickr.com/photos/dkuropatwa/2923120259/

most of a trees’ mass is from the carbon it breathes

Page 188: Design (still) Matters! v2

</design challenge 3>

Page 189: Design (still) Matters! v2

Design

noun

Page 190: Design (still) Matters! v2

Design

verb

Page 191: Design (still) Matters! v2

Now go design something.