SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
+
User Experience
in a Nutshell
UI
UX HCI
IA IxDWhat Is It?
Why Does It Matter?
Ying Jiang | UI/UX Designer
GingerStudio.com
What?
Myth: “UX = UI”
UI UX
User research
Usability testing
Information architecture
Interaction design
UI design
Visual design
Prototyping
Development
Content strategy
Service design & delivery
UX
…
Myth: “Good UX = Looking pretty”
form
+
behavior
+
content
+
context
UX
“UX highlights the experiential,
affective, meaningful and
valuable aspects of human-
computer interaction and
product ownership, but it also
covers a person’s perceptions of
the practical aspects such as
utility, ease of use and efficiency
of the system.”
- Wikipedia
Definition of UX
“User eXperience (UX) is about how a
person feels about using a system.”
“UX is subjective in nature,
because it is about an
individual’s performance,
feelings and thoughts
about the system.”
- Wikipedia
“UX is
dynamic,
because it changes over time
as the circumstances change.”
- Wikipedia
“ Design is not
just what it looks
like and feels like.
Design is how it
works. ”
- Steve Jobs
Why?
Myth: “UX is an add-on.”
UX
UX is the blueprint.
UX is the driving force behind the direction for the product.
Myth: “UX is a cost.”
“ Every $1 invested in usability
returns between $10 and $100.”
- IBM “Cost-Justifying Ease of Use”
“ UX focused companies
outperform the market
by a 300% margin.”
- The UX Fund, Teehan & Lax
Happier users
More productive users
More sales
ROI
of
UX
Good UX Process
Less development cost
Easier using & learning
Less support calls
Who?
UX Roles:
User Researcher  Information Architect 
Content Specialist  Interaction Designer 
Visual Designer  Content Strategist 
Copywriter  Usability Specialist …
How?
The Process
General Principles
• User is the Center
• UX is Holistic
• Great UX is Invisible
• UX is a Lifecycle
• Context is King
• Give User the Control
• UX is a Conversation
• Great UX is Simple
The Deliverables: Flowchart
The Deliverables: Persona
The Deliverables: Moodboard
The Deliverables: Storyboard
The Deliverables: Scenario
The Deliverables: Wireframe
The Deliverables: Prototype
The Deliverables: Mockup
100 Things Every Designer Needs To Know About People (Susan M. Weinschenk)
Don’t Make Me Think: A Common Sense Approach to Web Usability (Steve Krug)
Smashing UX Design: Foundations for Designing Online User Experiences (J. Allen & J. Chudley)
Sketching User Experiences: Getting the Design Right and the Right Design (Bill Buxton)
Usable Usability: Simple Steps for Making Stuff Better (Eric Reiss)
Lean UX: Applying Lean Principles to Improve User Experience (Jeff Gothelf & Josh Seiden)
http://uxbooth.com
http://alistapart.com/
http://blog.uxpin.com/
http://boxesandarrows.com/
http://www.smashingmagazine.com/
Further reading:
Thank you.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (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
 
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!
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
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
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
What is UX?
What is UX?What is UX?
What is UX?
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
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 and UI
UX and UIUX and UI
UX and UI
 
Building a UX Research Program
Building a UX Research ProgramBuilding a UX Research Program
Building a UX Research Program
 
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 design process
Ux design processUx design process
Ux design process
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
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
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX design
UX designUX design
UX design
 

Andere mochten auch

Beginner's Guide to UI Design
Beginner's Guide to UI DesignBeginner's Guide to UI Design
Beginner's Guide to UI Design
Máirín Duffy
 
Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of Words
Carl Collins
 

Andere mochten auch (20)

What The Fuck Is UX Design
What The Fuck Is UX DesignWhat The Fuck Is UX Design
What The Fuck Is UX Design
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
 
Beginner's Guide to UI Design
Beginner's Guide to UI DesignBeginner's Guide to UI Design
Beginner's Guide to UI Design
 
5 Golden Rules of UX
5 Golden Rules of UX 5 Golden Rules of UX
5 Golden Rules of UX
 
Design in Japan and US
Design in Japan and USDesign in Japan and US
Design in Japan and US
 
What is User Experience?
What is User Experience?What is User Experience?
What is User Experience?
 
Mike Lai creating organizational change v2 uxmy
Mike Lai   creating organizational change v2 uxmyMike Lai   creating organizational change v2 uxmy
Mike Lai creating organizational change v2 uxmy
 
Bridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionBridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer Edition
 
Trends by designers for designers
Trends by designers for designersTrends by designers for designers
Trends by designers for designers
 
Stepping up: Beyond Design Thinking
Stepping up: Beyond Design ThinkingStepping up: Beyond Design Thinking
Stepping up: Beyond Design Thinking
 
UX Of Touch - creating physical information architecture and user experience
UX Of Touch - creating physical information architecture and user experienceUX Of Touch - creating physical information architecture and user experience
UX Of Touch - creating physical information architecture and user experience
 
10 UX Myths busted!
10 UX Myths busted!10 UX Myths busted!
10 UX Myths busted!
 
IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!
 
Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of Words
 
Structure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & ConversionsStructure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & Conversions
 
2nd Order Effects of AVs_10mins
2nd Order Effects of AVs_10mins2nd Order Effects of AVs_10mins
2nd Order Effects of AVs_10mins
 
IA & UX: Where Great Design Journeys Begin
IA & UX: Where Great Design Journeys BeginIA & UX: Where Great Design Journeys Begin
IA & UX: Where Great Design Journeys Begin
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
Design process
Design processDesign process
Design process
 
UX Essentials For Startups
UX Essentials For StartupsUX Essentials For Startups
UX Essentials For Startups
 

Ähnlich wie UX in a Nutshell

WTF is UX? upload
WTF is UX? uploadWTF is UX? upload
WTF is UX? upload
Joe Szabo
 

Ähnlich wie UX in a Nutshell (20)

Dcu
DcuDcu
Dcu
 
UX
UXUX
UX
 
Service Design meets UX Design
Service Design meets UX DesignService Design meets UX Design
Service Design meets UX Design
 
User Experience Design: The Past, The Present, The Future
User Experience Design: The Past, The Present, The FutureUser Experience Design: The Past, The Present, The Future
User Experience Design: The Past, The Present, The Future
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
 
Few Words About User Experience Design
Few Words About User Experience DesignFew Words About User Experience Design
Few Words About User Experience Design
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
 
"So UX Designers Just Make Things Pretty, Right?" and Other Myths Debunked
"So UX Designers Just Make Things Pretty, Right?" and Other Myths Debunked"So UX Designers Just Make Things Pretty, Right?" and Other Myths Debunked
"So UX Designers Just Make Things Pretty, Right?" and Other Myths Debunked
 
WTF is UX? upload
WTF is UX? uploadWTF is UX? upload
WTF is UX? upload
 
The Science behind Good UIs and UXs
The Science behind Good UIs and UXsThe Science behind Good UIs and UXs
The Science behind Good UIs and UXs
 
INTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' CourseINTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' Course
 
User Experience Design - Why & How to
User Experience Design - Why & How toUser Experience Design - Why & How to
User Experience Design - Why & How to
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
Brisbane Content Strategy Meetup Cct 2017
Brisbane Content Strategy Meetup Cct 2017Brisbane Content Strategy Meetup Cct 2017
Brisbane Content Strategy Meetup Cct 2017
 
Creating an Experience-Centered Library
Creating an Experience-Centered LibraryCreating an Experience-Centered Library
Creating an Experience-Centered Library
 
Design Pursuit
Design PursuitDesign Pursuit
Design Pursuit
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 

Kürzlich hochgeladen

Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 

Kürzlich hochgeladen (20)

The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 

UX in a Nutshell