SlideShare une entreprise Scribd logo
1  sur  31
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?

Contenu connexe

Tendances

Tendances (20)

i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
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
 
Ux design process
Ux design processUx design process
Ux design process
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
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
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
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
UX designUX design
UX design
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
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 & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 

En vedette

From Paths to Sandboxes
From Paths to SandboxesFrom Paths to Sandboxes
From Paths to Sandboxes
Stephen Anderson
 
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
 

En vedette (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
 

Similaire à UX Lesson 1: User Centered Design

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

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

Dernier

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
ZurliaSoop
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 

Dernier (20)

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 

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?