48
TO LEARNING TO CODE A DESIGN THINKING APPROACH

A Design Thinking Approach to Learning to Code

Embed Size (px)

Citation preview

Page 1: A Design Thinking Approach to Learning to Code

TO LEARNING TO CODE

A DESIGN THINKING APPROACH

Page 2: A Design Thinking Approach to Learning to Code

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: A Design Thinking Approach to Learning to Code
Page 4: A Design Thinking Approach to Learning to Code

Brain-Based Design Thinking

Page 5: A Design Thinking Approach to Learning to Code
Page 6: A Design Thinking Approach to Learning to Code

Solving problemsusing design methodology

Page 7: A Design Thinking Approach to Learning to Code

gather organize visualize

1001101000110110111010011101011

Page 8: A Design Thinking Approach to Learning to Code

(brain-based)

What is design thinking?

Page 9: A Design Thinking Approach to Learning to Code

Clinical psychology

+ Behavioral economics

Page 10: A Design Thinking Approach to Learning to Code

Step 1: Know thyself

Page 11: A Design Thinking Approach to Learning to Code

TRY SOFTER

Page 12: A Design Thinking Approach to Learning to Code

Some imperfect models of the brain

Page 13: A Design Thinking Approach to Learning to Code

Split Brain experiments

Page 14: A Design Thinking Approach to Learning to Code

Triune Brain theory

Page 15: A Design Thinking Approach to Learning to Code

Dual system hypothesis

Page 16: A Design Thinking Approach to Learning to Code

VISUAL PROCESSING IS FASTER THAN THOUGHT

Page 17: A Design Thinking Approach to Learning to Code

John Snow’s mapOf cholera cases

Around Broad StreetLondon, 1854

Page 18: A Design Thinking Approach to Learning to Code

John Snow’s mapOf cholera cases

Around Broad StreetLondon, 1854

Page 19: A Design Thinking Approach to Learning to Code
Page 20: A Design Thinking Approach to Learning to Code

Step 2: Tackle problems your can solve

Page 21: A Design Thinking Approach to Learning to Code
Page 22: A Design Thinking Approach to Learning to Code
Page 23: A Design Thinking Approach to Learning to Code
Page 24: A Design Thinking Approach to Learning to Code

Difficult but Solvable

Page 25: A Design Thinking Approach to Learning to Code

“I want to learn to code” can mean a lot of different things

Page 26: A Design Thinking Approach to Learning to Code

[email protected]@NateCooper

Server

Production Machine

ClientFront End

Back End ApacheMySQL

PHPRails

node.jsWordpress JoomlaDrupal

HTML/CSS/JSText Editor

SublimeDreamweaver

JavascriptFlash

Browser

Page 27: A Design Thinking Approach to Learning to Code
Page 28: A Design Thinking Approach to Learning to Code

Are you able to correctly set up the problem?

Page 29: A Design Thinking Approach to Learning to Code
Page 30: A Design Thinking Approach to Learning to Code

interviewfocusing

facilitation

Step 3: Tracking progress

Page 31: A Design Thinking Approach to Learning to Code

focusing facilitation

Page 32: A Design Thinking Approach to Learning to Code
Page 33: A Design Thinking Approach to Learning to Code

“I am your resentment,and I am here to tell you

that you are underappreciated.”

Page 34: A Design Thinking Approach to Learning to Code

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 35: A Design Thinking Approach to Learning to Code

Facilitation turns experiences and feelings into goals and steps.

Page 36: A Design Thinking Approach to Learning to Code
Page 37: A Design Thinking Approach to Learning to Code
Page 38: A Design Thinking Approach to Learning to Code

MENTAL MODELS

‘Understanding’ means building (working) mental models to make accurate

predictions.

Page 39: A Design Thinking Approach to Learning to Code

Behavioral economics

Step 3: Understanding false positives

Page 40: A Design Thinking Approach to Learning to Code

BEHAVIORAL ECONOMICS TAKEAWAYS

Page 41: A Design Thinking Approach to Learning to Code

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

BEHAVIORAL ECONOMICS TAKEAWAYS

Page 42: A Design Thinking Approach to Learning to Code

We overweight small risks

while underweighting large ones.

BEHAVIORAL ECONOMICS TAKEAWAYS

Page 43: A Design Thinking Approach to Learning to Code

We accept too much risk to avoid a loss

BEHAVIORAL ECONOMICS TAKEAWAYS

Page 44: A Design Thinking Approach to Learning to Code

BEHAVIORAL ECONOMICS TAKEAWAYS

We exaggerate differences in a paired comparison

Page 45: A Design Thinking Approach to Learning to Code
Page 46: A Design Thinking Approach to Learning to Code

Step 4: Reward progress

Page 47: A Design Thinking Approach to Learning to Code
Page 48: A Design Thinking Approach to Learning to Code