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 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
Matin Maleki
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
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
 
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
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
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
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
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 is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
Motivate Design
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
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®
 
UX design
UX designUX design
UX design
Tanay Kumar
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
Kevin Jackson
 
Customer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldCustomer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex World
Relax In The Air
 

What's hot (20)

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
 
What is UX?
What is UX?What is UX?
What is UX?
 
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
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
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
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
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 is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UX design
UX designUX design
UX design
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
Customer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldCustomer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex World
 

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 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
 
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
 
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.
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
Brand Positioning Workshop
Brand Positioning WorkshopBrand Positioning Workshop
Brand Positioning Workshop
Beloved Brands Inc.
 

Viewers also liked (16)

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 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
 
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
 
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
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
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 ExperiencePierre 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

一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 

Recently uploaded (20)

一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 

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?