SlideShare uma empresa Scribd logo
1 de 50
TEACHING UX DESIGN

Internalizing UX
@cwodtke | cwodtke.com
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Introductions can take up too much time
You still need to know who people are
Share:
• Name (name cards ROCK!)
• One sentence (Or five words) What you want from today)

INTRODUCTIONS
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
1.

List things you want 2. Affinity sort
to cover
Teams
POST ITS (One item 10 minutes sorting
per)
10 minutes free listing Name groupings

Soft skills?
Software?

EXERCISE: DEFINING WHAT
WE’LL TEACH
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
What time does day start/stop?
When is lunch?
When are breaks?
Fill in time slots (30 min increments)
Leave an hour at the start and finish unscheduled.
Fill in agenda with topics
Find a project that can be done across the topics
25 min

EXERCISE:
PLANNING A ONE DAY
“FUNDAMENTALS” CLASS
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
9-10 HOLD
10-10:30
10:30- 11
11-11:30
11:30-12
12-1 LUNCH
1-1:30
1:30-2
2-2:30
2:30-3 BREAK
3-3:30
4-5 HOLD

TEMPLATE
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Is UX too big?
How did you know what to cut? What to include?

DISCUSS

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
9-10 Hellos, Late ppl, Intro to UX
10-11 Make it Be Good Exercise
11-11:30 Introduce day’s project (Grocery store app), User research
11:30-12 Practice User Research
12-1 LUNCH & Research
1-1:30 Card sort findings, Share
1:30-2:15 IxD (with personas)
2:15-3 IA (with Candy!)
3-3:15 Break
3:15 -4 UI (sketching)
4-5 Presentations, discussion, wrap-up
Presentations take longer than you think

EXAMPLE
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Start by writing a 20 minute talk
Then expand with exercises, discussion, examples

FRACTAL DESIGN

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
More repetition
Explaining things multiple ways
Redoing same exercise in different context
Practice key skills

TEACH LESS BETTER

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
HOW CAN STUDENTS
INTERNALIZE LEARNING?
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
WHAT ARE MY TEACHING
TOOLS?
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
34:28-37:25 http://www.criticalcommons.org/Members/fearv/clips/indiegame-the-movie-edmund-mcmillen-discusses
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Scaffold Learning
•
•
•
•

@cwodtke |

Introduce
Safe practice (exercise)
Applied practice (project)
Practice in new context (new project)

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Pick a topic from your day
How will you introduce it– without a lecture!
Design your first exercise
15 minutes

EXERCISE

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
All learning happens here

WALK AROUND

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Discussion
Diary
Papers
Presentations
Drawings??

REFLECTION

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
DRAW
YOUR
WEEK

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
How will students internalize?
Diary?
Discussion?
Drawing?

EXERCISE: REFLECTION

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
What supporting information is needed to complete exercise?
Decide how you’ll deliver it.
Lecture?
Reading?
Video?
A Play?

EXERCISE: HOW WILL YOU
INTRODUCE THE KNOWLEDGE?
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Three examples
• Pragmatic
• Compassionate
• Cool

STORYTELLING

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
POV

WHAT I TEACH

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
What was a good learning experience? Why?
What was a bad one? Why?

ESTABLISHING
RULES
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
I tried to teach
Jesse James
Garret's Planes
I had to Simplify
Interaction
Design

User
Research

Information
Architecture
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike

Interface
Design
Make it Be Good Exercise
1. Students are asked to come with a
great user experience and a bad user
experience.
2. Students share why great are great.
As students share, instructor pulls out
heuristics (error prevention, error
recovery, set expectations meet
expectations)
3. Students then share bad user
experiences.
4. Student redesign bad into good

What it Accomplishes
Discuss what is good?
Teaches some heuristics in context
Creates a sense of competency
Creates confidence
Enables passion

OPENING THE CLASS

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Start talking to users as soon as you can
Scaffolding again:
•
safe (with students)
•
daring (with ppl in building)
•
really scary (strangers)
http://www.slideshare.net/cwodtke/user-research-101

UER

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Classification
Natural organization fails
Task based
Synonyms
Thesauri (relational-upsell)
Tags
http://www.slideshare.net/cwodtke/information-architecture-fundamentals

IA

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Body storming
Goal directed design
Persona/scenarios/task analysis/use cases
http://www.slideshare.net/cwodtke/interaction-design-and-goal-driven-designusing-personas

IXD

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Understanding
• Layout
• Objects
• Type
• Color
• Line
• Hierarchy
• Relationships

Use
• Affordances
• HUD
• Feedback
• Modes
• Input
• Navigation

INTERFACE
http://www.slideshare.net/cwodtke/designingthe-interface-for-use

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
UX Glue
• Conceptual Models
• Top tens
• Competitive analysis
http://www.slideshare.net/cwodtke/conceptual-models-mental-models

Discuss: what’s useful,
but isn’t usually covered?
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Critiques can get out of control
Treat a critique like a secret santa; Everyone draws names they give feedback to
Everyone gives 3 keeps and 3 changes to the person.

CRITIQUE
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Scary & Hard Parts

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Seek first to understand, then to be understood

TEACHING WHAT YOU
DON’T KNOW
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Discuss: Can you teach someone else’s slides?

MAKING THE CURRICULUM
YOURS
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Discuss

CONFLICT ON TEAMS

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Discussion: Should we throw people out?

HOPELESS STUDENTS

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
HIDDEN BIASES
STEREOTYPE THREAT
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Practicalities

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
SPACE

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
EQUIPMENT

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Postits?
Pens? Sharpies bleed through: avoid!
Whiteboards?
Gator boards?

MATERIALS

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
You
Showtime!

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Energy: WW pose
The gift pose
Self care
Prep
Clothing-as-story

YOU ARE THE UI
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Do 3 keeps and changes each time after you teach
Update slides the next day with your changes

KEEP GROWING

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
Make your sense of fun infectious!
Laugh at yourself!
Love your students!

TREAT TEACHING LIKE A DAY
IN PARADISE
@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
@cwodtke | www.eleganthack.com | www.slideshare.net/cwodtke

QUESTIONS?

@cwodtke |

cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike

Mais conteúdo relacionado

Mais procurados

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeMadhuri Garg
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX DesignAdryan Putra
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaRoshan Karunarathna
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsLaura B
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based DesignHans Põldoja
 

Mais procurados (20)

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & Goals
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based Design
 

Destaque

UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
Making UX Matter to Your Company
Making UX Matter to Your CompanyMaking UX Matter to Your Company
Making UX Matter to Your CompanyWendy Johansson
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The WorldBuiltByHQ
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesEva Willis
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXSteph Hay
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessDave Cooksey
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths Evan Samek
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSFSara Cannon
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for MobileBuiltByHQ
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Patrick McNeil
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.Centerline Digital
 
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Melissa Perri
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Chris Feix
 

Destaque (16)

UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Making UX Matter to Your Company
Making UX Matter to Your CompanyMaking UX Matter to Your Company
Making UX Matter to Your Company
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UX
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
 
What is ux?
What is ux?What is ux?
What is ux?
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
 
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 

Semelhante a How to Teach UX Design

Design Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesDesign Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesChristina Wodtke
 
Design Thinking for Innovation
Design Thinking for Innovation Design Thinking for Innovation
Design Thinking for Innovation Christina Wodtke
 
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley
 
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)Four Kitchens
 
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)Four Kitchens
 
Promise & Practice of #OpenBadges #icdeunisa
Promise & Practice of #OpenBadges #icdeunisaPromise & Practice of #OpenBadges #icdeunisa
Promise & Practice of #OpenBadges #icdeunisaJoyce Seitzinger
 
Integrating technology w_classroom
Integrating technology w_classroomIntegrating technology w_classroom
Integrating technology w_classroomDave Meister
 
Ed tech 522 syllabus
Ed tech 522 syllabusEd tech 522 syllabus
Ed tech 522 syllabusloraevanouski
 
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)Four Kitchens
 
2013 june-ccssconf2013-keynote-common core in the cloud
2013 june-ccssconf2013-keynote-common core in the cloud2013 june-ccssconf2013-keynote-common core in the cloud
2013 june-ccssconf2013-keynote-common core in the cloudVicki Davis
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinkinglmittler
 
Design Thinking Workshop STLinSTL
Design Thinking Workshop STLinSTLDesign Thinking Workshop STLinSTL
Design Thinking Workshop STLinSTLlmittler
 
MoodleMoot Masterclass - Networked Capacity Building #mootau13
MoodleMoot Masterclass - Networked Capacity Building #mootau13MoodleMoot Masterclass - Networked Capacity Building #mootau13
MoodleMoot Masterclass - Networked Capacity Building #mootau13Joyce Seitzinger
 
Differentiating Instruction with Technology
Differentiating Instruction with TechnologyDifferentiating Instruction with Technology
Differentiating Instruction with TechnologyVicki Davis
 
CDETG June-2012-Meeting
CDETG June-2012-MeetingCDETG June-2012-Meeting
CDETG June-2012-MeetingKathleen Stone
 

Semelhante a How to Teach UX Design (20)

Design Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and BusinessesDesign Thinking Workshop for Innovative Products and Businesses
Design Thinking Workshop for Innovative Products and Businesses
 
Design Thinking for Innovation
Design Thinking for Innovation Design Thinking for Innovation
Design Thinking for Innovation
 
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3
 
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
Don't Design Websites. Design Web SYSTEMS! (DrupalCon London 2011)
 
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
Don't Design Websites. Design Web SYSTEMS! (BADCamp 2011)
 
Interface Fundamentals
Interface FundamentalsInterface Fundamentals
Interface Fundamentals
 
Adobe presentation
Adobe presentationAdobe presentation
Adobe presentation
 
Promise & Practice of #OpenBadges #icdeunisa
Promise & Practice of #OpenBadges #icdeunisaPromise & Practice of #OpenBadges #icdeunisa
Promise & Practice of #OpenBadges #icdeunisa
 
Integrating technology w_classroom
Integrating technology w_classroomIntegrating technology w_classroom
Integrating technology w_classroom
 
Ed tech 522 syllabus
Ed tech 522 syllabusEd tech 522 syllabus
Ed tech 522 syllabus
 
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)
Don't Design Websites. Design Web SYSTEMS! (UT Austin Drupal Users Group)
 
2013 june-ccssconf2013-keynote-common core in the cloud
2013 june-ccssconf2013-keynote-common core in the cloud2013 june-ccssconf2013-keynote-common core in the cloud
2013 june-ccssconf2013-keynote-common core in the cloud
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design Thinking Workshop STLinSTL
Design Thinking Workshop STLinSTLDesign Thinking Workshop STLinSTL
Design Thinking Workshop STLinSTL
 
MoodleMoot Masterclass - Networked Capacity Building #mootau13
MoodleMoot Masterclass - Networked Capacity Building #mootau13MoodleMoot Masterclass - Networked Capacity Building #mootau13
MoodleMoot Masterclass - Networked Capacity Building #mootau13
 
Differentiating Instruction with Technology
Differentiating Instruction with TechnologyDifferentiating Instruction with Technology
Differentiating Instruction with Technology
 
CDETG June-2012-Meeting
CDETG June-2012-MeetingCDETG June-2012-Meeting
CDETG June-2012-Meeting
 
Fabulous 5
Fabulous 5Fabulous 5
Fabulous 5
 
4 t presentation slides
4 t presentation slides 4 t presentation slides
4 t presentation slides
 
4 t presentation slides version 5apdf
4 t presentation slides version 5apdf4 t presentation slides version 5apdf
4 t presentation slides version 5apdf
 

Mais de Christina Wodtke

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning TeamsChristina Wodtke
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals MegadeckChristina Wodtke
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeedChristina Wodtke
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignChristina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
 

Mais de Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Último

Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptxmary850239
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDhatriParmar
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWQuiz Club NITW
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...Nguyen Thanh Tu Collection
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...DhatriParmar
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxkarenfajardo43
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdfMr Bounab Samir
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataBabyAnnMotar
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseCeline George
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsPooky Knightsmith
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmStan Meyer
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSMae Pangan
 

Último (20)

Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
 
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of EngineeringFaculty Profile prashantha K EEE dept Sri Sairam college of Engineering
Faculty Profile prashantha K EEE dept Sri Sairam college of Engineering
 
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptxGrade Three -ELLNA-REVIEWER-ENGLISH.pptx
Grade Three -ELLNA-REVIEWER-ENGLISH.pptx
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdf
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped data
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
How to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 DatabaseHow to Make a Duplicate of Your Odoo 17 Database
How to Make a Duplicate of Your Odoo 17 Database
 
Mental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young mindsMental Health Awareness - a toolkit for supporting young minds
Mental Health Awareness - a toolkit for supporting young minds
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHS
 

How to Teach UX Design

  • 1. TEACHING UX DESIGN Internalizing UX @cwodtke | cwodtke.com @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 2. Introductions can take up too much time You still need to know who people are Share: • Name (name cards ROCK!) • One sentence (Or five words) What you want from today) INTRODUCTIONS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 3. 1. List things you want 2. Affinity sort to cover Teams POST ITS (One item 10 minutes sorting per) 10 minutes free listing Name groupings Soft skills? Software? EXERCISE: DEFINING WHAT WE’LL TEACH @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 4. What time does day start/stop? When is lunch? When are breaks? Fill in time slots (30 min increments) Leave an hour at the start and finish unscheduled. Fill in agenda with topics Find a project that can be done across the topics 25 min EXERCISE: PLANNING A ONE DAY “FUNDAMENTALS” CLASS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 5. 9-10 HOLD 10-10:30 10:30- 11 11-11:30 11:30-12 12-1 LUNCH 1-1:30 1:30-2 2-2:30 2:30-3 BREAK 3-3:30 4-5 HOLD TEMPLATE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 6. Is UX too big? How did you know what to cut? What to include? DISCUSS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 7. 9-10 Hellos, Late ppl, Intro to UX 10-11 Make it Be Good Exercise 11-11:30 Introduce day’s project (Grocery store app), User research 11:30-12 Practice User Research 12-1 LUNCH & Research 1-1:30 Card sort findings, Share 1:30-2:15 IxD (with personas) 2:15-3 IA (with Candy!) 3-3:15 Break 3:15 -4 UI (sketching) 4-5 Presentations, discussion, wrap-up Presentations take longer than you think EXAMPLE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 8. Start by writing a 20 minute talk Then expand with exercises, discussion, examples FRACTAL DESIGN @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 9. More repetition Explaining things multiple ways Redoing same exercise in different context Practice key skills TEACH LESS BETTER @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 10. HOW CAN STUDENTS INTERNALIZE LEARNING? @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 11. WHAT ARE MY TEACHING TOOLS? @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 12. @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 13. @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 15. Scaffold Learning • • • • @cwodtke | Introduce Safe practice (exercise) Applied practice (project) Practice in new context (new project) cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 16. Pick a topic from your day How will you introduce it– without a lecture! Design your first exercise 15 minutes EXERCISE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 17. All learning happens here WALK AROUND @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 18. Discussion Diary Papers Presentations Drawings?? REFLECTION @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 19. DRAW YOUR WEEK @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 20. @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 21. @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 22. @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 23. How will students internalize? Diary? Discussion? Drawing? EXERCISE: REFLECTION @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 24. What supporting information is needed to complete exercise? Decide how you’ll deliver it. Lecture? Reading? Video? A Play? EXERCISE: HOW WILL YOU INTRODUCE THE KNOWLEDGE? @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 25. Three examples • Pragmatic • Compassionate • Cool STORYTELLING @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 26. POV WHAT I TEACH @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 27. What was a good learning experience? Why? What was a bad one? Why? ESTABLISHING RULES @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 28. I tried to teach Jesse James Garret's Planes I had to Simplify Interaction Design User Research Information Architecture @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike Interface Design
  • 29. Make it Be Good Exercise 1. Students are asked to come with a great user experience and a bad user experience. 2. Students share why great are great. As students share, instructor pulls out heuristics (error prevention, error recovery, set expectations meet expectations) 3. Students then share bad user experiences. 4. Student redesign bad into good What it Accomplishes Discuss what is good? Teaches some heuristics in context Creates a sense of competency Creates confidence Enables passion OPENING THE CLASS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 30. Start talking to users as soon as you can Scaffolding again: • safe (with students) • daring (with ppl in building) • really scary (strangers) http://www.slideshare.net/cwodtke/user-research-101 UER @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 31. Classification Natural organization fails Task based Synonyms Thesauri (relational-upsell) Tags http://www.slideshare.net/cwodtke/information-architecture-fundamentals IA @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 32. Body storming Goal directed design Persona/scenarios/task analysis/use cases http://www.slideshare.net/cwodtke/interaction-design-and-goal-driven-designusing-personas IXD @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 33. Understanding • Layout • Objects • Type • Color • Line • Hierarchy • Relationships Use • Affordances • HUD • Feedback • Modes • Input • Navigation INTERFACE http://www.slideshare.net/cwodtke/designingthe-interface-for-use @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 34. UX Glue • Conceptual Models • Top tens • Competitive analysis http://www.slideshare.net/cwodtke/conceptual-models-mental-models Discuss: what’s useful, but isn’t usually covered? @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 35. Critiques can get out of control Treat a critique like a secret santa; Everyone draws names they give feedback to Everyone gives 3 keeps and 3 changes to the person. CRITIQUE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 36. Scary & Hard Parts @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 37. Seek first to understand, then to be understood TEACHING WHAT YOU DON’T KNOW @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 38. Discuss: Can you teach someone else’s slides? MAKING THE CURRICULUM YOURS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 39. Discuss CONFLICT ON TEAMS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 40. Discussion: Should we throw people out? HOPELESS STUDENTS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 41. HIDDEN BIASES STEREOTYPE THREAT @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 42. Practicalities @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 43. SPACE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 44. EQUIPMENT @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 45. Postits? Pens? Sharpies bleed through: avoid! Whiteboards? Gator boards? MATERIALS @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 46. You Showtime! @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 47. Energy: WW pose The gift pose Self care Prep Clothing-as-story YOU ARE THE UI @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 48. Do 3 keeps and changes each time after you teach Update slides the next day with your changes KEEP GROWING @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 49. Make your sense of fun infectious! Laugh at yourself! Love your students! TREAT TEACHING LIKE A DAY IN PARADISE @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike
  • 50. @cwodtke | www.eleganthack.com | www.slideshare.net/cwodtke QUESTIONS? @cwodtke | cwodtke.com | eleganthack.com | boxesandarrows.com | Creative Commons Share Alike

Notas do Editor

  1. Model introductions here
  2. See what I just did here
  3. Example project: design an website for a grocery store
  4. Learning tools
  5. Different class compostions
  6. http://www.slideshare.net/cwodtke/introduction-to-user-expereince
  7. This an exercise I call “Make it Be Good”1. Students are asked to come with a great user experience and a bad user experience. 2. Students share why great are great. As students share, instructor pulls out heuristics (error prevention, error recovery, set expectations meet expectations)3. Students then share bad user experiences. 4. Student redesign bad into good
  8. See http://en.wikipedia.org/wiki/Stereotype_threat