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

The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
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
 
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
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
Sebastian Waters
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
Muhammad Ishfaq Ch ✔
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
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
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
Prottay Karim
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
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
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 

What's hot (20)

The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
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
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
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
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
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!
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 

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
 
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 (17)

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
 
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 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

Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
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
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
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
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
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
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
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
 

Recently uploaded (20)

Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
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
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
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
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
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
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 

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?