SlideShare a Scribd company logo

Intro to Human Centered Design

•
•
Rebecca Destello
Rebecca Destello

Do you ever wish there was a formula you could use to improve your audiovisual design for the people who use it? Well, there is! In this talk I’ll introduce you to Human-centered Design, a framework for identifying and designing solutions for the people who use your products. You’ll learn how this approach can be leveraged to create solutions that resonate with your users, drive engagement and adoption, and ultimately deliver more meaningful experiences. Human-centered Design is a design process that puts the user experience at the center of your design decisions. This framework includes tools to help you understand your users’ needs, generate ideas on how to solve them, test out prototypes of your solution with the people you’re designing for, and eventually get your innovative product out into the world.

Technology
1 of 58
Download to read offline
DESIGNING WITH THE USER IN MIND AN INTRODUCTION TO @RebeccaDestello
 Affiliate Lecturer, Human Centered Design & Engineering at the University of Washington 
 and UX Researcher, Facebook HUMAN-CENTERED DESIGN
@RebeccaDestello | #hcdintro Who is this lady, and why should I listen to her? A FAIR QUESTION...
@RebeccaDestello | #hcdintro Group Health Nordstrom University of Washington Atlas Informatics Anthro-Tech Facebook UX Consultant, 2007 Senior UX Researcher, 2011 Affiliate Lecturer, 2012 - present Manager Research & Insights, 2015 Director User Research, 2014 UX Research, 2017 - present MY BACKGROUND
@RebeccaDestello | #hcdintro HUMAN-CENTERED DESIGN SO, WHAT IS THIS THING YOU CALL
@RebeccaDestello | #hcdintro HUMAN-CENTERED DESIGN IS A FRAMEWORK RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
@RebeccaDestello | #hcdintro TRY GOOGLING "HUMAN-CENTERED DESIGN"
@RebeccaDestello | #hcdintro Fail faster, so you can succeed sooner. David Kelley, The guy that put Human-Centered Design on the map, and founder of IDEO https://events.umich.edu/event/50717
@RebeccaDestello | #hcdintro TL;DR: HUMAN-CENTERED DESIGN IS UNDERSTANDING USER PROBLEMS AND THEN SOLVING THEM
@RebeccaDestello | #hcdintro Can't I just design based on my own experiences? BUT WAIT, I HAVE THAT PROBLEM TOO!
@RebeccaDestello | #hcdintro Merely being the victim of a particular problem does not automatically bestow on one the power to see its solution. Alan Cooper, Smart guy and all-around design badass who among a million other things also wrote “The Inmates Are Running the Asylum” https://en.wikipedia.org/wiki/Alan_Cooper
@RebeccaDestello | #hcdintro Is Homer Simpson the "Average American"? A DEBATABLE QUESTION http://www.chicagotribune.com/news/local/breaking/ct-homer-simpson-live-pizza-debate-met-0517-20160516-story.html
@RebeccaDestello | #hcdintro https://www.youtube.com/watch?v=U9IV50KiiMI
ALL THINGS NEED 
 HUMAN-CENTERED DESIGN AN ARGUMENT
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro REMOTE CONTROL? EVER TRIED TO USE A https://unitedfiber.com/remote-guides/
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro https://unitedfiber.com/remote-guides/ GET TO THE GROUND FLOOR? EVER TRIED TO
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro DEFROST CHICKEN? EVER DARED TO https://www.seriouseats.com/2017/07/how-to-steam-vegetables-in-the-microwave.html
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro CHANGE THE TIME ON YOUR CAR DASHBOARD? EVER TRIED TO http://www.thetruthaboutcars.com/tag/infotainment/
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro Design is not what it looks and feels like. Design is how it works. Steve Jobs, Some famous guy who invented some stuff https://www.theverge.com/2011/10/27/2517152/book-review-steve-jobs-by-walter-isaacson
@RebeccaDestello | #hcdintro Because it focuses your work on the user and roots your decisions in data. OKAY, BUT WHY USE A FRAMEWORK?
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro THE HCD FRAMEWORK HELPS YOU Know where to begin More reliable than intuition Reminds you to continuously improve Keep the user at the center your decisions
@RebeccaDestello | #hcdintro A designer's expertise lies not in the thing they are designing, their expertise lies in knowing how to apply a framework for design. Somebody really smart
PHASE 1: RESEARCH LEARN ABOUT YOUR USERS
@RebeccaDestello | #hcdintro PHASE I: RESEARCH RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro You cannot design apart from the world in which your users live. https://gbksoft.com/blog/why-does-everyone-buzz-about-giant-smartphone-kiosks/ WHY START WITH RESEARCH?
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro RESEARCH HELPS YOU LEARN What are their goals and needs? Who is your target audience? https://www.ft.com/content/f6f45e0a-c1b8-11e4-8b74-00144feab7de What problems can be solved?
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro HOW DO WE LEARN WHAT WE WANT TO KNOW? Interviews Usability Surveys ObservingDiary Studies Analytics A/B TestsCard Sorts And so many others . . .
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro FOR BEST RESULTS, 
 TRIANGULATE Survey dataAnalytics Interviews APPARENT TRUTH
COME UP WITH IDEAS TO SOLVE PROBLEMS PHASE II: IDEATE
@RebeccaDestello | #hcdintro PHASE II: COME UP WITH IDEAS TO SOLVE PROBLEMS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
EXPLORE ALL POSSIBILITIES IDEATE TO INCREASE THE CHANCES FOR SUCCESS BY CONSIDERING A HUGE VOLUME OF IDEAS IN A SYSTEMATIC WAY. ONE OF THE WORST THINGS YOU CAN DO IS GO WITH THE FIRST IDEA THAT YOU GET. REMEMBER: YOU CAN ALWAYS COME BACK TO IT LATER.
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro BRAINSTORMING STORY TELLING SKETCHING EXAMPLES FROM THE FIELD
TEST YOUR ASSUMPTIONS PHASE III: PROTOTYPE
@RebeccaDestello | #hcdintro PHASE III: TEST YOUR ASSUMPTIONS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro WHY PROTOTYPE? It's faster than coding You can test your ideas with users It uncovers subtleties & nuances It's cheaper to fix now than after it's built Your idea
 HERE https://kozmo.com/savings
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro VIDEO SKETCHING PAPER PROTOTYPING WIZARD OF OZ EXAMPLES FROM THE FIELD
IS WHAT YOU MADE EASY TO USE? PHASE IV: EVALUATE
@RebeccaDestello | #hcdintro PHASE IV: IS WHAT YOU MADE EASY TO USE? RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro What needs improvement? What's missing? EVALUATION HELPS YOU ANSWER Does it address the user need? Is it easy to use? What works? http://www.inchiostroallaspina.com/2017/02/come-scrivere-una-mail/
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro VALUE IS THE HUB OF THE WHEEL If the product or feature does not solve a problem for its end user, why do it? Valuable Effective Error Tolerant Easy to learn Efficient Engaging
@RebeccaDestello | #hcdintro THE HCD FRAMEWORK HELPS YOU IDENTIFY AND FIX PROBLEMS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible Usefulness / appropriateness User’s understanding User’s performance
RELEASE TO USERS AND MEASURE PHASE V: LAUNCH
@RebeccaDestello | #hcdintro PHASE V: LAUNCH 🚀 RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro 🚀 WHY MEASURE AFTER LAUNCHING? It's being used by your customers Product is in the real world Helps you answer "Did we get it right?"
@RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro SOME MEASUREMENT METHODS Talk to people who are using your product Look at use analytics Run surveys Run A/B or multivariate testing https://beisgovuk.citizenspace.com/digital/further-education-how-do-we-measure-succes/
KEEP YOUR USER AT THE CENTER OF YOUR DESIGN DECISIONS IN SUMMARY
@RebeccaDestello | #hcdintro Sometimes you… • Skip steps • Go backward • Start in the middle Know the process, but be prepared to adapt RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ONE LAST THING TO KNOW...
@RebeccaDestello | #hcdintro Join me at the breakout session! @REBECCADESTELLO
BREAKOUT SESSION HUMAN-CENTERED DESIGN @RebeccaDestello
 Affiliate Lecturer, Human Centered Design & Engineering at the University of Washington 
 and UX Researcher, Facebook
@RebeccaDestello | #hcdintro REMEMBER THE LAST TIME WE TALKED? RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE 5 mins. 
 each to research 3 mins. 
 to ideate 3 mins. 
 each to test 3 mins. 
 to iterate 1 min. 
 each to launch 7 mins. 
 to prototype
@RebeccaDestello | #hcdintro DESIGN QUESTION How might we improve networking between attendees, 
 while they are at a conference? Problem User networking attendees Context of use at a conference
@RebeccaDestello | #hcdintro 5 MINUTES EACH TO UNDERSTAND RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE Produce something tangible EVALUATE Determine ease of use LAUNCH Release to users and measure Find someone you don't know and interview them about their experience, both good and bad while networking at a conference. Ask them: • "Tell me about your experience networking at a conference. What works and doesn’t work when it comes networking?" • Use “Why?”, “Tell me more”, and “How did that feel?” to go deeper and learn more. • Identify at least one goal and one need your user has.
@RebeccaDestello | #hcdintro 3 MINUTES TO SKETCH IDEAS RESEARCH Discover goals 
 & needs IDEATE Generate ideas EVALUATE Determine ease of use LAUNCH Release to users and measure PROTOTYPE Produce something tangible • Using your sketchpads, quickly sketch at least 3 ideas for how you might address the goals and needs you identified during your research.
@RebeccaDestello | #hcdintro 7 MINUTES TO DESIGN A SOLUTION RESEARCH Discover goals 
 & needs PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure IDEATE Generate ideas Produce something tangible • From your sketches, choose the idea that seems to best address your user's goals and needs. • Using the supplies from the prototyping boxes, quickly build a prototype that might solve your user’s need (feel free to ideate further!).
@RebeccaDestello | #hcdintro 3 MINUTES EACH TO TEST YOUR IDEAS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible • Get feedback from your user – what works, what needs improvement? ➡ "Based on what I heard, I made _______. Tell me how you might use this. What, if anything is working? What, if anything needs improvement?" • Try to stay neutral and be open to their feedback.
@RebeccaDestello | #hcdintro 3 MINUTES TO MAKE IMPROVEMENTS RESEARCH Discover goals 
 & needs PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure IDEATE Generate ideas Produce something tangible ITERATE • Respond to the feedback you heard from your user and make improvements to the prototype.
@RebeccaDestello | #hcdintro RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible • Present your prototype to your user once more and gather feedback about what works and what still needs improvement. 1 MINUTE EACH TO LAUNCH 🚀
@RebeccaDestello | #hcdintro SHARE YOUR EXPERIENCE! RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE How might HCD help you improve your own work?
@RebeccaDestello | #hcdintro @REBECCADESTELLO Thank you!

Recommended

Human centered design [explained with examples]
Human centered design [explained with examples]Human centered design [explained with examples]
Human centered design [explained with examples]
WowMakers Digital Media Studio
 
Design Thinking 101 Workshop
Design Thinking 101 WorkshopDesign Thinking 101 Workshop
Design Thinking 101 Workshop
Natalie Hollier
 
Design Thinking Workshop
Design Thinking WorkshopDesign Thinking Workshop
Design Thinking Workshop
Associação Portuguesa dos Profissionais de Marketing
 
Human centered design
Human centered designHuman centered design
Human centered design
Anupam Verma
 
IDEO - Design thinking workshop 2016
IDEO - Design thinking workshop 2016IDEO - Design thinking workshop 2016
IDEO - Design thinking workshop 2016
Center for Entrepreneurship (C4E), University of Cyprus
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Claudia Figueroa
 
Design Thinking Introduction
Design Thinking IntroductionDesign Thinking Introduction
Design Thinking Introduction
Varun Jhariya
 
Design Thinking 101 - An Introduction to Design Thinking for Developers
Design Thinking 101 - An Introduction to Design Thinking for DevelopersDesign Thinking 101 - An Introduction to Design Thinking for Developers
Design Thinking 101 - An Introduction to Design Thinking for Developers
Bill Bulman
 

Recommended

Human centered design [explained with examples]
Human centered design [explained with examples]Human centered design [explained with examples]
Human centered design [explained with examples]
WowMakers Digital Media Studio
 
Design Thinking 101 Workshop
Design Thinking 101 WorkshopDesign Thinking 101 Workshop
Design Thinking 101 Workshop
Natalie Hollier
 
Design Thinking Workshop
Design Thinking WorkshopDesign Thinking Workshop
Design Thinking Workshop
Associação Portuguesa dos Profissionais de Marketing
 
Human centered design
Human centered designHuman centered design
Human centered design
Anupam Verma
 
IDEO - Design thinking workshop 2016
IDEO - Design thinking workshop 2016IDEO - Design thinking workshop 2016
IDEO - Design thinking workshop 2016
Center for Entrepreneurship (C4E), University of Cyprus
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Claudia Figueroa
 
Design Thinking Introduction
Design Thinking IntroductionDesign Thinking Introduction
Design Thinking Introduction
Varun Jhariya
 
Design Thinking 101 - An Introduction to Design Thinking for Developers
Design Thinking 101 - An Introduction to Design Thinking for DevelopersDesign Thinking 101 - An Introduction to Design Thinking for Developers
Design Thinking 101 - An Introduction to Design Thinking for Developers
Bill Bulman
 
human centered design
human centered designhuman centered design
human centered design
Akriti Gupta
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - Bootcamp
Jan Schmiedgen
 
Design thinking
Design thinkingDesign thinking
Design thinking
Wisnu Dewobroto
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Shimon Shmueli
 
Design thinking
Design thinkingDesign thinking
Design thinking
Basmah AlMashari
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Aditya Yadav
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101
Atthaphong Limsupanark
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Stone Soup Leadership Institute
 
Design thinking
Design thinkingDesign thinking
Design thinking
Luz Estefanía Riquelme Miniño
 
Design thinking
Design thinkingDesign thinking
Design thinking
Christoffer Noring
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
Luca Lamera
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
Joel Fariss
 
Design Thinking - introduction
Design Thinking - introductionDesign Thinking - introduction
Design Thinking - introduction
Magdalena Marciniak
 
Design Led Thinking WOrkshop
Design Led Thinking WOrkshopDesign Led Thinking WOrkshop
Design Led Thinking WOrkshop
Claire Nelson
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
Sylvain Cottong
 
Design thinking: an overview
Design thinking: an overviewDesign thinking: an overview
Design thinking: an overview
Priscila Mendoza
 
Design thinking - IDEO
Design thinking - IDEODesign thinking - IDEO
Design thinking - IDEO
Ahmed Alaraj
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinking
Zaana Jaclyn
 
Design Thinking explained
Design Thinking explainedDesign Thinking explained
Design Thinking explained
Twan van den Broek
 
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Scrum Breakfast Vietnam
 
Intro to user centered design
Intro to user centered designIntro to user centered design
Intro to user centered design
Rebecca Destello
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUX
Michelle Chin
 

More Related Content

What's hot

Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Scrum Breakfast Vietnam
 

What's hot (20)

human centered design
human centered designhuman centered design
human centered design
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - Bootcamp
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Introduction to Design Thinking
Introduction to Design ThinkingIntroduction to Design Thinking
Introduction to Design Thinking
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
 
Design Thinking - introduction
Design Thinking - introductionDesign Thinking - introduction
Design Thinking - introduction
 
Design Led Thinking WOrkshop
Design Led Thinking WOrkshopDesign Led Thinking WOrkshop
Design Led Thinking WOrkshop
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
Design thinking: an overview
Design thinking: an overviewDesign thinking: an overview
Design thinking: an overview
 
Design thinking - IDEO
Design thinking - IDEODesign thinking - IDEO
Design thinking - IDEO
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinking
 
Design Thinking explained
Design Thinking explainedDesign Thinking explained
Design Thinking explained
 
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
Design Thinking in Solving Problem - HCMC Scrum Breakfast - July 27, 2019
 

Similar to Intro to Human Centered Design

A dive into DESIGN THINKING – Making products and services that people want
A dive into DESIGN THINKING – Making products and services that people wantA dive into DESIGN THINKING – Making products and services that people want
A dive into DESIGN THINKING – Making products and services that people want
Andy McBride
 
Creating Great User Experiences: Tips and Techniques
Creating Great User Experiences: Tips and TechniquesCreating Great User Experiences: Tips and Techniques
Creating Great User Experiences: Tips and Techniques
TechWell
 
2010.07.06 innowiz summer school creatieve starters
2010.07.06 innowiz summer school creatieve starters2010.07.06 innowiz summer school creatieve starters
2010.07.06 innowiz summer school creatieve starters
Innowiz
 
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
Garbage In, Garbage Out: Optimizing Design Inputs for Successful PrototypesGarbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
Kamaria Campbell
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
Michele Ide-Smith
 

Similar to Intro to Human Centered Design (20)

Intro to user centered design
Intro to user centered designIntro to user centered design
Intro to user centered design
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUX
 
Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
Stone Ward Brand Management March Meeting: Brainstorming Tech First
Stone Ward Brand Management March Meeting: Brainstorming Tech FirstStone Ward Brand Management March Meeting: Brainstorming Tech First
Stone Ward Brand Management March Meeting: Brainstorming Tech First
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
Design Thinking for Requirements Engineering
Design Thinking for Requirements EngineeringDesign Thinking for Requirements Engineering
Design Thinking for Requirements Engineering
 
Great ux portfolios
Great ux portfoliosGreat ux portfolios
Great ux portfolios
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
Design Thinking: A Common Sense Process
Design Thinking: A Common Sense ProcessDesign Thinking: A Common Sense Process
Design Thinking: A Common Sense Process
 
A dive into DESIGN THINKING – Making products and services that people want
A dive into DESIGN THINKING – Making products and services that people wantA dive into DESIGN THINKING – Making products and services that people want
A dive into DESIGN THINKING – Making products and services that people want
 
Creating Great User Experiences: Tips and Techniques
Creating Great User Experiences: Tips and TechniquesCreating Great User Experiences: Tips and Techniques
Creating Great User Experiences: Tips and Techniques
 
2010.07.06 innowiz summer school creatieve starters
2010.07.06 innowiz summer school creatieve starters2010.07.06 innowiz summer school creatieve starters
2010.07.06 innowiz summer school creatieve starters
 
Design process
Design processDesign process
Design process
 
Design Thinking - unlock your creative potential
Design Thinking - unlock your creative potentialDesign Thinking - unlock your creative potential
Design Thinking - unlock your creative potential
 
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
Garbage In, Garbage Out: Optimizing Design Inputs for Successful PrototypesGarbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
 
Design thinking in Engineering
Design thinking in EngineeringDesign thinking in Engineering
Design thinking in Engineering
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
 
LA Uncubed presentation
LA Uncubed presentationLA Uncubed presentation
LA Uncubed presentation
 
Prototyping approach and platforms nov. 2020
Prototyping approach and platforms nov. 2020Prototyping approach and platforms nov. 2020
Prototyping approach and platforms nov. 2020
 
innowiz for joanna et ses amis
innowiz for joanna et ses amisinnowiz for joanna et ses amis
innowiz for joanna et ses amis
 

More from Rebecca Destello

Welcome to management - Learning how to lead your first UX research team
Welcome to management - Learning how to lead your first UX research team Welcome to management - Learning how to lead your first UX research team
Welcome to management - Learning how to lead your first UX research team
Rebecca Destello
 

More from Rebecca Destello (8)

Welcome to management - Learning how to lead your first UX research team
Welcome to management - Learning how to lead your first UX research team Welcome to management - Learning how to lead your first UX research team
Welcome to management - Learning how to lead your first UX research team
 
Advanced usability testing - moderating
Advanced usability testing - moderatingAdvanced usability testing - moderating
Advanced usability testing - moderating
 
Keynote for Women in UX (2015)
Keynote for Women in UX (2015)Keynote for Women in UX (2015)
Keynote for Women in UX (2015)
 
User Research Portfolios - From web portfolios to decks - tips for success
User Research Portfolios - From web portfolios to decks - tips for successUser Research Portfolios - From web portfolios to decks - tips for success
User Research Portfolios - From web portfolios to decks - tips for success
 
Usability testing / Nearly everything you need to know to get started
Usability testing / Nearly everything you need to know to get startedUsability testing / Nearly everything you need to know to get started
Usability testing / Nearly everything you need to know to get started
 
Witness wednesdays informing agile software development with continuous user...
Witness wednesdays informing agile software development with continuous user...Witness wednesdays informing agile software development with continuous user...
Witness wednesdays informing agile software development with continuous user...
 
Intro to guerilla usability testing
Intro to guerilla usability testingIntro to guerilla usability testing
Intro to guerilla usability testing
 
The UX Industry & You
The UX Industry & YouThe UX Industry & You
The UX Industry & You
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
 

Recently uploaded (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Intro to Human Centered Design

  • 1. DESIGNING WITH THE USER IN MIND AN INTRODUCTION TO @RebeccaDestello
 Affiliate Lecturer, Human Centered Design & Engineering at the University of Washington 
 and UX Researcher, Facebook HUMAN-CENTERED DESIGN
  • 2. @RebeccaDestello | #hcdintro Who is this lady, and why should I listen to her? A FAIR QUESTION...
  • 3. @RebeccaDestello | #hcdintro Group Health Nordstrom University of Washington Atlas Informatics Anthro-Tech Facebook UX Consultant, 2007 Senior UX Researcher, 2011 Affiliate Lecturer, 2012 - present Manager Research & Insights, 2015 Director User Research, 2014 UX Research, 2017 - present MY BACKGROUND
  • 4. @RebeccaDestello | #hcdintro HUMAN-CENTERED DESIGN SO, WHAT IS THIS THING YOU CALL
  • 5. @RebeccaDestello | #hcdintro HUMAN-CENTERED DESIGN IS A FRAMEWORK RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 6. @RebeccaDestello | #hcdintro TRY GOOGLING "HUMAN-CENTERED DESIGN"
  • 7. @RebeccaDestello | #hcdintro Fail faster, so you can succeed sooner. David Kelley, The guy that put Human-Centered Design on the map, and founder of IDEO https://events.umich.edu/event/50717
  • 8. @RebeccaDestello | #hcdintro TL;DR: HUMAN-CENTERED DESIGN IS UNDERSTANDING USER PROBLEMS AND THEN SOLVING THEM
  • 9. @RebeccaDestello | #hcdintro Can't I just design based on my own experiences? BUT WAIT, I HAVE THAT PROBLEM TOO!
  • 10. @RebeccaDestello | #hcdintro Merely being the victim of a particular problem does not automatically bestow on one the power to see its solution. Alan Cooper, Smart guy and all-around design badass who among a million other things also wrote “The Inmates Are Running the Asylum” https://en.wikipedia.org/wiki/Alan_Cooper
  • 11. @RebeccaDestello | #hcdintro Is Homer Simpson the "Average American"? A DEBATABLE QUESTION http://www.chicagotribune.com/news/local/breaking/ct-homer-simpson-live-pizza-debate-met-0517-20160516-story.html
  • 12. @RebeccaDestello | #hcdintro https://www.youtube.com/watch?v=U9IV50KiiMI
  • 13. ALL THINGS NEED 
 HUMAN-CENTERED DESIGN AN ARGUMENT
  • 14. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro REMOTE CONTROL? EVER TRIED TO USE A https://unitedfiber.com/remote-guides/
  • 15. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro https://unitedfiber.com/remote-guides/ GET TO THE GROUND FLOOR? EVER TRIED TO
  • 16. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro DEFROST CHICKEN? EVER DARED TO https://www.seriouseats.com/2017/07/how-to-steam-vegetables-in-the-microwave.html
  • 17. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro CHANGE THE TIME ON YOUR CAR DASHBOARD? EVER TRIED TO http://www.thetruthaboutcars.com/tag/infotainment/
  • 18. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro Design is not what it looks and feels like. Design is how it works. Steve Jobs, Some famous guy who invented some stuff https://www.theverge.com/2011/10/27/2517152/book-review-steve-jobs-by-walter-isaacson
  • 19. @RebeccaDestello | #hcdintro Because it focuses your work on the user and roots your decisions in data. OKAY, BUT WHY USE A FRAMEWORK?
  • 20. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro THE HCD FRAMEWORK HELPS YOU Know where to begin More reliable than intuition Reminds you to continuously improve Keep the user at the center your decisions
  • 21. @RebeccaDestello | #hcdintro A designer's expertise lies not in the thing they are designing, their expertise lies in knowing how to apply a framework for design. Somebody really smart
  • 22. PHASE 1: RESEARCH LEARN ABOUT YOUR USERS
  • 23. @RebeccaDestello | #hcdintro PHASE I: RESEARCH RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 24. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro You cannot design apart from the world in which your users live. https://gbksoft.com/blog/why-does-everyone-buzz-about-giant-smartphone-kiosks/ WHY START WITH RESEARCH?
  • 25. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro RESEARCH HELPS YOU LEARN What are their goals and needs? Who is your target audience? https://www.ft.com/content/f6f45e0a-c1b8-11e4-8b74-00144feab7de What problems can be solved?
  • 26. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro HOW DO WE LEARN WHAT WE WANT TO KNOW? Interviews Usability Surveys ObservingDiary Studies Analytics A/B TestsCard Sorts And so many others . . .
  • 27. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro FOR BEST RESULTS, 
 TRIANGULATE Survey dataAnalytics Interviews APPARENT TRUTH
  • 28. COME UP WITH IDEAS TO SOLVE PROBLEMS PHASE II: IDEATE
  • 29. @RebeccaDestello | #hcdintro PHASE II: COME UP WITH IDEAS TO SOLVE PROBLEMS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 30. EXPLORE ALL POSSIBILITIES IDEATE TO INCREASE THE CHANCES FOR SUCCESS BY CONSIDERING A HUGE VOLUME OF IDEAS IN A SYSTEMATIC WAY. ONE OF THE WORST THINGS YOU CAN DO IS GO WITH THE FIRST IDEA THAT YOU GET. REMEMBER: YOU CAN ALWAYS COME BACK TO IT LATER.
  • 31. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro BRAINSTORMING STORY TELLING SKETCHING EXAMPLES FROM THE FIELD
  • 32. TEST YOUR ASSUMPTIONS PHASE III: PROTOTYPE
  • 33. @RebeccaDestello | #hcdintro PHASE III: TEST YOUR ASSUMPTIONS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 34. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro WHY PROTOTYPE? It's faster than coding You can test your ideas with users It uncovers subtleties & nuances It's cheaper to fix now than after it's built Your idea
 HERE https://kozmo.com/savings
  • 35. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro VIDEO SKETCHING PAPER PROTOTYPING WIZARD OF OZ EXAMPLES FROM THE FIELD
  • 36. IS WHAT YOU MADE EASY TO USE? PHASE IV: EVALUATE
  • 37. @RebeccaDestello | #hcdintro PHASE IV: IS WHAT YOU MADE EASY TO USE? RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 38. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro What needs improvement? What's missing? EVALUATION HELPS YOU ANSWER Does it address the user need? Is it easy to use? What works? http://www.inchiostroallaspina.com/2017/02/come-scrivere-una-mail/
  • 39. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro VALUE IS THE HUB OF THE WHEEL If the product or feature does not solve a problem for its end user, why do it? Valuable Effective Error Tolerant Easy to learn Efficient Engaging
  • 40. @RebeccaDestello | #hcdintro THE HCD FRAMEWORK HELPS YOU IDENTIFY AND FIX PROBLEMS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible Usefulness / appropriateness User’s understanding User’s performance
  • 41. RELEASE TO USERS AND MEASURE PHASE V: LAUNCH
  • 42. @RebeccaDestello | #hcdintro PHASE V: LAUNCH 🚀 RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE
  • 43. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro 🚀 WHY MEASURE AFTER LAUNCHING? It's being used by your customers Product is in the real world Helps you answer "Did we get it right?"
  • 44. @RebeccaDestello | #TIDEconference@RebeccaDestello | #hcdintro SOME MEASUREMENT METHODS Talk to people who are using your product Look at use analytics Run surveys Run A/B or multivariate testing https://beisgovuk.citizenspace.com/digital/further-education-how-do-we-measure-succes/
  • 45. KEEP YOUR USER AT THE CENTER OF YOUR DESIGN DECISIONS IN SUMMARY
  • 46. @RebeccaDestello | #hcdintro Sometimes you… • Skip steps • Go backward • Start in the middle Know the process, but be prepared to adapt RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ONE LAST THING TO KNOW...
  • 47. @RebeccaDestello | #hcdintro Join me at the breakout session! @REBECCADESTELLO
  • 48. BREAKOUT SESSION HUMAN-CENTERED DESIGN @RebeccaDestello
 Affiliate Lecturer, Human Centered Design & Engineering at the University of Washington 
 and UX Researcher, Facebook
  • 49. @RebeccaDestello | #hcdintro REMEMBER THE LAST TIME WE TALKED? RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE 5 mins. 
 each to research 3 mins. 
 to ideate 3 mins. 
 each to test 3 mins. 
 to iterate 1 min. 
 each to launch 7 mins. 
 to prototype
  • 50. @RebeccaDestello | #hcdintro DESIGN QUESTION How might we improve networking between attendees, 
 while they are at a conference? Problem User networking attendees Context of use at a conference
  • 51. @RebeccaDestello | #hcdintro 5 MINUTES EACH TO UNDERSTAND RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE Produce something tangible EVALUATE Determine ease of use LAUNCH Release to users and measure Find someone you don't know and interview them about their experience, both good and bad while networking at a conference. Ask them: • "Tell me about your experience networking at a conference. What works and doesn’t work when it comes networking?" • Use “Why?”, “Tell me more”, and “How did that feel?” to go deeper and learn more. • Identify at least one goal and one need your user has.
  • 52. @RebeccaDestello | #hcdintro 3 MINUTES TO SKETCH IDEAS RESEARCH Discover goals 
 & needs IDEATE Generate ideas EVALUATE Determine ease of use LAUNCH Release to users and measure PROTOTYPE Produce something tangible • Using your sketchpads, quickly sketch at least 3 ideas for how you might address the goals and needs you identified during your research.
  • 53. @RebeccaDestello | #hcdintro 7 MINUTES TO DESIGN A SOLUTION RESEARCH Discover goals 
 & needs PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure IDEATE Generate ideas Produce something tangible • From your sketches, choose the idea that seems to best address your user's goals and needs. • Using the supplies from the prototyping boxes, quickly build a prototype that might solve your user’s need (feel free to ideate further!).
  • 54. @RebeccaDestello | #hcdintro 3 MINUTES EACH TO TEST YOUR IDEAS RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible • Get feedback from your user – what works, what needs improvement? ➡ "Based on what I heard, I made _______. Tell me how you might use this. What, if anything is working? What, if anything needs improvement?" • Try to stay neutral and be open to their feedback.
  • 55. @RebeccaDestello | #hcdintro 3 MINUTES TO MAKE IMPROVEMENTS RESEARCH Discover goals 
 & needs PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure IDEATE Generate ideas Produce something tangible ITERATE • Respond to the feedback you heard from your user and make improvements to the prototype.
  • 56. @RebeccaDestello | #hcdintro RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible • Present your prototype to your user once more and gather feedback about what works and what still needs improvement. 1 MINUTE EACH TO LAUNCH 🚀
  • 57. @RebeccaDestello | #hcdintro SHARE YOUR EXPERIENCE! RESEARCH Discover goals 
 & needs IDEATE Generate ideas PROTOTYPE EVALUATE Determine ease of use LAUNCH Release to users and measure Produce something tangible ITERATE How might HCD help you improve your own work?