49
A DESIGN THINKING APPROACH TO LEARNING TO CODE

Design thinking for Learning

Embed Size (px)

Citation preview

Page 1: Design thinking for Learning

A DESIGN THINKING APPROACH

TO LEARNING TO CODE

Page 2: Design thinking for Learning

Nate Cooper

• WORDPRESS SINCE 2005, HTML SINCE 1997

• SIMPLE LABS, FOUNDER (WP CONSULTANCY)

• TEACH WP & FRONT END: SVA, GA, 92Y

• PRESENTATIONS AT AMAZON, APPLE, SXSW

• BUILD YOUR OWN WEBSITE COMIC BOOK

• FOUNDER REBOOT

Page 3: Design thinking for Learning
Page 4: Design thinking for Learning

Design Thinking!

Empathize Define Ideate Prototype Test

Page 5: Design thinking for Learning
Page 6: Design thinking for Learning

Solving problemsusing design methodology

Page 7: Design thinking for Learning

Gather Organize Visualize

Page 8: Design thinking for Learning

Brain-based

What is design thinking?

Page 9: Design thinking for Learning

Cognitive psychology + Behavioral economics

Page 10: Design thinking for Learning

Step 1: Know your self

Page 11: Design thinking for Learning

Try softer

Page 12: Design thinking for Learning

Some imperfect models of the brain

Page 13: Design thinking for Learning

Split Brain experiments

Page 14: Design thinking for Learning

Triune Brain theory

Page 15: Design thinking for Learning

Dual System hypothesis

Page 16: Design thinking for Learning

Visual processing is faster than thought

Page 17: Design thinking for Learning

John Snow’s map

Of cholera cases

Around Broad Street

London, 1854

Page 18: Design thinking for Learning

John Snow’s map

Of cholera cases

Around Broad Street

London, 1854

Page 19: Design thinking for Learning
Page 20: Design thinking for Learning

Step 2: Tackle problems you can solve

Page 21: Design thinking for Learning
Page 22: Design thinking for Learning
Page 23: Design thinking for Learning
Page 24: Design thinking for Learning

Difficult but Solvable

Page 25: Design thinking for Learning

can mean a lot of different things

Page 26: Design thinking for Learning

Apache

MySQL

PHP

Rails

node.js

Joomla

Wordpress

Drupal

HTML/CSS/JS

Text Editor

Sublime

Dreamweaver

Javascript

Flash

Browser

Front End Back End

Server

Client

Production machine

Page 27: Design thinking for Learning
Page 28: Design thinking for Learning

Are you able to

correctly set up

the problem?

Page 29: Design thinking for Learning
Page 30: Design thinking for Learning

Step 3: Tracking progress

Focusing

Facilitation

Page 31: Design thinking for Learning

FOCUSING FACILITATION

Page 32: Design thinking for Learning

“I am your resentment,

and I am here to tell you

that you are underappreciated.”

Page 33: Design thinking for Learning

1. Clear a space.

2. Get hold of a feeling.

3. Apply labels.

4. Test the label or labels.

5. Ask for meaning.

6. Receive the meaning, feel a shift.

FOCUSING : The six steps

Page 34: Design thinking for Learning

Facilitation turns experiences and feelings into goals and steps

Page 35: Design thinking for Learning
Page 36: Design thinking for Learning
Page 37: Design thinking for Learning

Metal Models

‘Understanding’ means building

(working) mental models to make

accurate predictions.

Page 38: Design thinking for Learning

Behavioral economics

Step 4: Understanding false positives

Page 39: Design thinking for Learning

Behavioral Economics Takeaways

Page 40: Design thinking for Learning

Behavioral Economics Takeaways

Without an explicit point of comparison, people use one unconsciously.

Page 41: Design thinking for Learning

We overweight small risks

while underweighting large ones.

Behavioral Economics Takeaways

Page 42: Design thinking for Learning

We accept too much

riskto avoid a loss

Behavioral Economics Takeaways

Page 43: Design thinking for Learning

Behavioral Economics Takeaways

We exaggerate

differences in a paired

comparison

Page 44: Design thinking for Learning
Page 45: Design thinking for Learning

Step 5: Reward progress

Page 46: Design thinking for Learning

10 Growth Mindset Statements

What can I say to myself?

Instead of: Try thinking:

I’m not good at this.

I’m awesome at this.

I give up.

This is too hard.

I can’t make this any better.

I just can’t do Math.

I made a mistake.

She’s so smart. I will never be that smart.

It’s good enough.

Plan “A” didn’t work.

What am I missing?

I’m on the right track.

I’ll use some of the strategies we’ve learned.

This may take some time and effort.

I can always improve so I’ll keep trying.

I’m going to train my brain in Math.

Mistakes help me to learn better.

I’m going to figure out how she does it.

is it really my best work?

Good thing the alphabet has 25 more letters!

Page 47: Design thinking for Learning

Flow

“The state in which people are so involved

in an activity that nothing else seems to

matter; the experience itself is so

enjoyable that people will do it even at

great cost, for the sheer sake of doing it.”

Page 48: Design thinking for Learning

“If you find yourself asking yourself (and your

friends), "Am I really a writer? Am I really an

artist?" chances are you are. The counterfeit

innovator is wildly self-confident. The real one

is scared to death.”

― Steven Pressfield, The War of Art: Break

Through the Blocks & Win Your Inner Creative

Battles

Page 49: Design thinking for Learning