SlideShare a Scribd company logo
MIRUM AGENCY 2014
Session1:
USER-CENTERED DESIGNby Joan Lumanauw | May, 2015
Happy ?
Delighted ?
Frustrated ?
Simply put, user experience is how a person feels when
they are interacting with your system or product
Campaign Website Software
Social Media
Microsite
Brand Site
Portals
Mobile App
Platforms
Games
User Experience?
What is
MIRUM AGENCY 2014
So, if user experience is a feeling
How do we “design” user experience?
Imagine we are given..
~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
Common sense does..
Knives SpoonsForks
~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
Some of us might..
~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
DessertFork
FishFork
DinnerFork
FondueFork
OysterFork
SaladFork
ButcherKnife
CheeseKnife
ButterKnife
DinnerKnife
FishKnife
BreadKnife
SteakKnife
CoffeeSpoon
SoupSpoon
DessertSpoon
Sundaespoon
Tablespoon
Teaspoon
Woodenspoon
Knives SpoonsForks
What UX does..
~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
True user experience
Goes above and beyond giving the
customers what they think they want
Well first, we need to
understand a few basic rules
The Fundamentals
of User Experience
“This product is useful to me, it
meets my needs”
No. 1
Utility
UX Design starts
by being useful
People must be
able to use it
Usability
“I am able to use this product
easily”
No. 2
Utility
“I love the design, the colours are great,
this product makes me feel happy”
No. 3
Desirability
Utility
Usability
It gives added
value
“My overall feelings about the
brand is good. I love this brand”
No. 4
BRANDEXPERIENCE
Desirability
Utility
Usability
It shapes a
positive brand
experience
BRANDEXPERIENCE
Desirability
Utility
Usability
Love the brand
Added value
Easy to use
Product is useful
To recap
Great User Experience
General Assembly: User Persona Module
Now that we know what a great user experience entails
How do we achieve it?
Revise
Design Decision
Client
likes it?
YesNo Done
I think the
users..
My gut 

tells me..
Users
probably
think..
Well, it’s definitely not this way..
Because then this happens…
What marketing
requested
How the project
team understood it
How the designer
designed it
How the developer
build it
What the customer
really needed
Image courtesy of: Dashi Blog – ITプロジェクトの実態とは! / Posted on 02-22-2004 (Japanese, Internet Archive)
UCD is a multi-stage problem-solving process
that not only requires designers to analyse and
foresee how users are likely to use a product,
but also to test the validity of their assumptions.
User-Centered Design
Introducing
Discover Define Design Validate Develop
Doing
Output
Launch
User-Centered Design Process
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
Launch
User-Centered Design Process
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Launch
User-Centered Design Process
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Launch
User-Centered Design Process
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Launch
Core
Mechanism
User-Centered Design Process
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Launch
Core
Mechanism
User-Centered Design Process
Requirement
Gathering
User
Flow
Feature
Analysis
Task
Analysis
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Launch
Core
Mechanism
User-Centered Design Process
Requirement
Gathering
UX Design
User
Flow
Feature
Analysis
IA
UI
Task
Analysis
Sitemap &
Prototype
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Usability
Testing
Validated
Prototype
Real Users
Launch
Core
Mechanism
User-Centered Design Process
Requirement
Gathering
UX Design
Feature
Analysis
IA
UI
Task
Analysis
Sitemap &
Prototype
User
Flow
Stakeholder
Interview
Discover Define Design Validate Develop
Doing
Output
Business
Requirement
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Research
User
Personas
Needs Triggers
Motivations
Goals
Real Users
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Core
Mechanism
Usability
Testing
Validated
Prototype
Real Users
Launch
User-Centered Design Process
Requirement
Gathering
UX Design
Feature
Analysis
IA
UI
Task
Analysis
Sitemap &
Prototype
User
Flow
Discover Define Design Validate Develop
Stakeholder
Interview
Business
Requirement
Doing
Output
User
Research
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Personas
Needs Triggers
Motivations
Goals
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Usability
Testing
Validated
Prototype
Production
Graphic
Design
Code
Launch
Real Users Real Users
Core
Mechanism
User-Centered Design Process
Requirement
Gathering
UX Design
Feature
Analysis
IA
UI
Task
Analysis
Sitemap &
Prototype
User
Flow
Discover Define Design Validate Develop
Stakeholder
Interview
Business
Requirement
Doing
Output
User
Research
Success
Metrics
Target
Audience
Goals &
Objectives
Competitors
Brand
Vision
User
Personas
Needs Triggers
Motivations
Goals
Creative
Ideation
Idea
Campaign/
Product
Source
User
Journey
Experience
Mapping
CTA
Requirement
Gathering
UX Design
Sitemap
Task Analysis
UI
Wireframe
Prototype
Usability
Testing
Validated
Prototype
Production
Graphic
Design
Code
Launch
Real Users Real Users
Core
Mechanism
Feature
Analysis
User-Centered Design Process
Increases Exposure
Increase traffic/ audience size
Increase return visitors
Increase visits from search
Improves Performance
Reduce number of user errors
Increase ease of use
Increase ease of learning
Improves Credibility
Increase user satisfaction
Increase trust in the system
Increase number of visits referral
Reduces Resource Burden
Reduce development costs
Reduce development time
Reduce maintenance costs
Reduce redesign costs
Decrease support costs
ROI of User-Centered Design
MIRUM AGENCY 2014
Thank you
ANY QUESTIONS?

More Related Content

What's hot

UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
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
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
deorwine infotech
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
Aciron Consulting
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 

What's hot (20)

UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
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)
 
Ux design process
Ux design processUx design process
Ux design process
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
What is UX?
What is UX?What is UX?
What is UX?
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 

Viewers also liked

A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 
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 - WCSF
Sara Cannon
 
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
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
Think 360 Studio
 
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
Eva Willis
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps Workshop
Alan Colville
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
Joan Lumanauw
 
Prototyping Workshop
Prototyping WorkshopPrototyping Workshop
Prototyping Workshop
Tamara Pinos
 
Delivering a powerful customer service experience
Delivering a powerful customer service experienceDelivering a powerful customer service experience
Delivering a powerful customer service experience
delaware BeLux
 
Introduction to User Experience
Introduction to User ExperienceIntroduction to User Experience
Introduction to User Experience
Christina Wodtke
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
Jordan Julien
 
From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 
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
Melissa Perri
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
Brand Management Training Program
Brand Management Training ProgramBrand Management Training Program
Brand Management Training Program
Beloved Brands Inc.
 
Brand Positioning Workshop
Brand Positioning WorkshopBrand Positioning Workshop
Brand Positioning Workshop
Beloved Brands Inc.
 

Viewers also liked (18)

A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
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 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!
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
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
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps Workshop
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Prototyping Workshop
Prototyping WorkshopPrototyping Workshop
Prototyping Workshop
 
Delivering a powerful customer service experience
Delivering a powerful customer service experienceDelivering a powerful customer service experience
Delivering a powerful customer service experience
 
Introduction to User Experience
Introduction to User ExperienceIntroduction to User Experience
Introduction to User Experience
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
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)
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
Brand Management Training Program
Brand Management Training ProgramBrand Management Training Program
Brand Management Training Program
 
Brand Positioning Workshop
Brand Positioning WorkshopBrand Positioning Workshop
Brand Positioning Workshop
 

Similar to UX Lesson 1: User Centered Design

Introduction To Product Management
Introduction To Product ManagementIntroduction To Product Management
Introduction To Product Management
Jovana Tokic
 
Introduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from PakistanIntroduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from Pakistan
Ebtihaj khan
 
Introduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General AssemblyIntroduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General Assembly
Doralin Kelly
 
Crafting the User Experience
Crafting the User ExperienceCrafting the User Experience
Crafting the User Experience
seejake
 
My portfolio 6.2
My portfolio 6.2My portfolio 6.2
My portfolio 6.2
Nicholas Mauro
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
What Is Product Excellence by Google Product Manager
What Is Product Excellence by Google Product ManagerWhat Is Product Excellence by Google Product Manager
What Is Product Excellence by Google Product Manager
Product School
 
A quick introduction to User Experience
A quick introduction to User ExperienceA quick introduction to User Experience
A quick introduction to User Experience
Pierre Sauvignon
 
How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?
Highland
 
Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)
Kelley Howell
 
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
Do Tank
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
Cyber-Duck
 
Demystifying Design for Developers
Demystifying Design for DevelopersDemystifying Design for Developers
Demystifying Design for Developers
Manoj Nair
 
Demystifying design for developers
Demystifying design for developersDemystifying design for developers
Demystifying design for developers
Manish Chiniwalar
 
Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911
thegroop
 
First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2
Kazumichi (Mario) Sakata
 
Building & Sustaining Successful UX Teams
Building & Sustaining Successful UX TeamsBuilding & Sustaining Successful UX Teams
Building & Sustaining Successful UX Teams
uxpin
 
Why you’re a Brand Shaper (knowingly or not) and what you can do about it
Why you’re a Brand Shaper (knowingly or not) and what you can do about itWhy you’re a Brand Shaper (knowingly or not) and what you can do about it
Why you’re a Brand Shaper (knowingly or not) and what you can do about it
Rupert Platz
 
Teaching UX to Your Team
Teaching UX to Your TeamTeaching UX to Your Team
Teaching UX to Your Team
Lindsay Tabas
 
Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3
Eduardo Wydler
 

Similar to UX Lesson 1: User Centered Design (20)

Introduction To Product Management
Introduction To Product ManagementIntroduction To Product Management
Introduction To Product Management
 
Introduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from PakistanIntroduction to User Experience and case studies from Pakistan
Introduction to User Experience and case studies from Pakistan
 
Introduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General AssemblyIntroduction to Lean UX Methods - General Assembly
Introduction to Lean UX Methods - General Assembly
 
Crafting the User Experience
Crafting the User ExperienceCrafting the User Experience
Crafting the User Experience
 
My portfolio 6.2
My portfolio 6.2My portfolio 6.2
My portfolio 6.2
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
What Is Product Excellence by Google Product Manager
What Is Product Excellence by Google Product ManagerWhat Is Product Excellence by Google Product Manager
What Is Product Excellence by Google Product Manager
 
A quick introduction to User Experience
A quick introduction to User ExperienceA quick introduction to User Experience
A quick introduction to User Experience
 
How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?
 
Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)
 
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
Do Tank - Visual Report for Introduction to Business Design Thinking (Santa M...
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
Demystifying Design for Developers
Demystifying Design for DevelopersDemystifying Design for Developers
Demystifying Design for Developers
 
Demystifying design for developers
Demystifying design for developersDemystifying design for developers
Demystifying design for developers
 
Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911Groop Skool Workbook: Inception 42911
Groop Skool Workbook: Inception 42911
 
First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2
 
Building & Sustaining Successful UX Teams
Building & Sustaining Successful UX TeamsBuilding & Sustaining Successful UX Teams
Building & Sustaining Successful UX Teams
 
Why you’re a Brand Shaper (knowingly or not) and what you can do about it
Why you’re a Brand Shaper (knowingly or not) and what you can do about itWhy you’re a Brand Shaper (knowingly or not) and what you can do about it
Why you’re a Brand Shaper (knowingly or not) and what you can do about it
 
Teaching UX to Your Team
Teaching UX to Your TeamTeaching UX to Your Team
Teaching UX to Your Team
 
Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3
 

Recently uploaded

Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
21uul8se
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
lyurzi7r
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
yk5hdsnr
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
sf3cfttw
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
w26izoeb
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
RashmitaSwain3
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 

Recently uploaded (20)

Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 

UX Lesson 1: User Centered Design

  • 1. MIRUM AGENCY 2014 Session1: USER-CENTERED DESIGNby Joan Lumanauw | May, 2015
  • 2. Happy ? Delighted ? Frustrated ? Simply put, user experience is how a person feels when they are interacting with your system or product Campaign Website Software Social Media Microsite Brand Site Portals Mobile App Platforms Games User Experience? What is
  • 3. MIRUM AGENCY 2014 So, if user experience is a feeling How do we “design” user experience?
  • 4. Imagine we are given.. ~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
  • 5. Common sense does.. Knives SpoonsForks ~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
  • 6. Some of us might.. ~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000 DessertFork FishFork DinnerFork FondueFork OysterFork SaladFork ButcherKnife CheeseKnife ButterKnife DinnerKnife FishKnife BreadKnife SteakKnife CoffeeSpoon SoupSpoon DessertSpoon Sundaespoon Tablespoon Teaspoon Woodenspoon Knives SpoonsForks
  • 7. What UX does.. ~ images adapted from The Order of Things: How Everything in the World is Organized into Hierarchies, Structures and Pecking Orders Barbara Ann Kipfer, Random House NY 2000
  • 8. True user experience Goes above and beyond giving the customers what they think they want
  • 9. Well first, we need to understand a few basic rules The Fundamentals of User Experience
  • 10. “This product is useful to me, it meets my needs” No. 1 Utility UX Design starts by being useful
  • 11. People must be able to use it Usability “I am able to use this product easily” No. 2 Utility
  • 12. “I love the design, the colours are great, this product makes me feel happy” No. 3 Desirability Utility Usability It gives added value
  • 13. “My overall feelings about the brand is good. I love this brand” No. 4 BRANDEXPERIENCE Desirability Utility Usability It shapes a positive brand experience
  • 14. BRANDEXPERIENCE Desirability Utility Usability Love the brand Added value Easy to use Product is useful To recap Great User Experience General Assembly: User Persona Module
  • 15. Now that we know what a great user experience entails How do we achieve it?
  • 16. Revise Design Decision Client likes it? YesNo Done I think the users.. My gut tells me.. Users probably think.. Well, it’s definitely not this way..
  • 17. Because then this happens… What marketing requested How the project team understood it How the designer designed it How the developer build it What the customer really needed Image courtesy of: Dashi Blog – ITプロジェクトの実態とは! / Posted on 02-22-2004 (Japanese, Internet Archive)
  • 18. UCD is a multi-stage problem-solving process that not only requires designers to analyse and foresee how users are likely to use a product, but also to test the validity of their assumptions. User-Centered Design Introducing
  • 19. Discover Define Design Validate Develop Doing Output Launch User-Centered Design Process
  • 20. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision Launch User-Centered Design Process
  • 21. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Launch User-Centered Design Process
  • 22. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Launch User-Centered Design Process
  • 23. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Launch Core Mechanism User-Centered Design Process
  • 24. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Launch Core Mechanism User-Centered Design Process Requirement Gathering User Flow Feature Analysis Task Analysis
  • 25. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Launch Core Mechanism User-Centered Design Process Requirement Gathering UX Design User Flow Feature Analysis IA UI Task Analysis Sitemap & Prototype
  • 26. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Usability Testing Validated Prototype Real Users Launch Core Mechanism User-Centered Design Process Requirement Gathering UX Design Feature Analysis IA UI Task Analysis Sitemap & Prototype User Flow
  • 27. Stakeholder Interview Discover Define Design Validate Develop Doing Output Business Requirement Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Research User Personas Needs Triggers Motivations Goals Real Users Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Core Mechanism Usability Testing Validated Prototype Real Users Launch User-Centered Design Process Requirement Gathering UX Design Feature Analysis IA UI Task Analysis Sitemap & Prototype User Flow
  • 28. Discover Define Design Validate Develop Stakeholder Interview Business Requirement Doing Output User Research Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Personas Needs Triggers Motivations Goals Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Usability Testing Validated Prototype Production Graphic Design Code Launch Real Users Real Users Core Mechanism User-Centered Design Process Requirement Gathering UX Design Feature Analysis IA UI Task Analysis Sitemap & Prototype User Flow
  • 29. Discover Define Design Validate Develop Stakeholder Interview Business Requirement Doing Output User Research Success Metrics Target Audience Goals & Objectives Competitors Brand Vision User Personas Needs Triggers Motivations Goals Creative Ideation Idea Campaign/ Product Source User Journey Experience Mapping CTA Requirement Gathering UX Design Sitemap Task Analysis UI Wireframe Prototype Usability Testing Validated Prototype Production Graphic Design Code Launch Real Users Real Users Core Mechanism Feature Analysis User-Centered Design Process
  • 30. Increases Exposure Increase traffic/ audience size Increase return visitors Increase visits from search Improves Performance Reduce number of user errors Increase ease of use Increase ease of learning Improves Credibility Increase user satisfaction Increase trust in the system Increase number of visits referral Reduces Resource Burden Reduce development costs Reduce development time Reduce maintenance costs Reduce redesign costs Decrease support costs ROI of User-Centered Design
  • 31. MIRUM AGENCY 2014 Thank you ANY QUESTIONS?