SlideShare ist ein Scribd-Unternehmen logo
1 von 45
DESIGNING THE 
USER 
EXPERIENCE 
THE FUNDAMENTALS
Christina Wodtke 
@cwodtke | linkedin.com/in/christinawodtke | cwodtke.com
jesse james garrett 
User Experience Design: 
the design of anything 
independent of medium 
or across [device] 
with human experience as an explicit outcome 
and human engagement as an explicit goal 
-Jesse James Garrett
jesse 
james 
garrett 
4 
-Jesse James Garrett
Coined The Term: Don Norman 
"User 
experience" 
encompasses all 
aspects of the 
end-user's 
interaction with 
the company, its 
services, and its 
products.
Let’s be honest: it’s all about the smiling boxes.
Don Norman 
The first 
requirement for an 
exemplary user 
experience is to 
meet the exact 
needs of the 
customer, without 
fuss or bother.
Don Norman 
Next comes simplicity 
and elegance that 
produce products that 
are a joy to own, a 
joy to use. 
True user experience 
goes far beyond 
giving customers 
what they say they 
want, or providing 
checklist features.
Don Norman 
In order to achieve 
high-quality user 
experience in a 
company's offerings 
there must be a 
seamless merging 
of the services of 
multiple 
disciplines, including 
engineering, 
marketing, graphical 
and industrial design, 
and interface design.
What is user experience?
What is user experience?
HEADER 
WHAT IS 
GOOD? What is it? Why do you love it? What’s your favorite part? 
19
20 HEADER 
WHAT IS 
BAD? What is it? Why do you hate it? What’s the worst part?
Universal Principles 
Direct Manipulation 
Affordances 
Feedback 
Standards 
Poka-yoke
Direct 
Manipulation
Affordances
Feedback before
Feedback after
Feedback… even if a lie
Feedback: time of or after?
Inline feedback vs validation: Luke Wrobowski 
http://alistapart.com/article/inline-validation-in-web-forms 
Traditional
Inline feedback vs validation: Luke Wrobowski 
http://alistapart.com/article/inline-validation-in-web-forms 
Inline
Feedback Matters 
Inline feedback gave: 
•a 22% increase in success rates, 
•a 22% decrease in errors made, 
•a 31% increase in satisfaction rating, 
•a 42% decrease in completion times, and 
•a 47% decrease in the number of eye 
fixations. 
“You’d rather know about your 
mistakes as you go along.” 
“It’s much better than getting all 
the way down and hitting 
‘submit,’ only to find out that it 
doesn’t like your username. It’s 
much better when it tells you as 
you go along.” 
Inline Validation in Web Forms 
by LUKE WROBLEWSKI September 01, 2009
The Poka-Yoke Principle 
Poka-Yoke roughly translates in English to mistake proofing: avoiding 
(yokeru) inadvertent errors (poka). Designers use Poka-Yoke when 
they put constraints on products to prevent errors, forcing users to 
adjust their behavior and correctly execute an operation.
Errors 
Prevent 
Allow fixes 
COMPASSION 
Avoid learned dismissal
"Obey standards 
unless there is a 
truly superior 
alternative" 
- Alan Cooper 
Standards
Law of the Conservation of Complexity 
Some complexity is 
inherent in every 
process. There is a 
point beyond which 
you can’t simplify the 
process any further; 
you can only move 
the inherent 
complexity from 
one place to 
another. 
Larry Tessler
The Magical Number 
Seven +- 1 
Is a myth
Contextual Principles 
What you know about the context/users/activity. E.g. 
‣ Recipes must be scannable 
‣ User should know where they are in a recipe 
‣ Recipes allow users to find ingredients for shopping and mise en 
place by listing them apart from instructions 
You make them up
Tivo Tennants 
It’s entertainment, stupid. 
It’s TV, stupid. 
It’s video, dammit. 
Everything is smooth and gentle. 
No modality or deep hierarchy. 
Respect the viewer’s privacy. 
It’s a robust appliance, like a TV.
Farmville 2 Principles
How to make things be better 
LAWS + PRINCIPLES + YOUR INSIGHT
40 HEADER 
MAKE IT 
BE 
GOOD. 
Teams, 5-5-5 (problem, solution, document)
Too big? 
USER 
EXPERIENC 
E IS BIG
42 dan saffer
User Experience Design is big. You 
will suck if you try to do it all. 
That is AWESOME 
Not trying=failing 
Find your love. Follow it.
DISCUSSION TIME

Weitere ähnliche Inhalte

Andere mochten auch

Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...
Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...
Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...ExternalEvents
 
Ux professionalism
Ux professionalismUx professionalism
Ux professionalismAndy Budd
 
Designers are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusDesigners are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusCornelius Rachieru Jr.
 
The Elements Of User Experience
The Elements Of User ExperienceThe Elements Of User Experience
The Elements Of User ExperienceJohn Chen, Jun
 
The User Experience Brief
The User Experience BriefThe User Experience Brief
The User Experience BriefJohn Yesko
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal Marta Fioni
 
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
 

Andere mochten auch (11)

Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...
Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...
Agricultural sector risk assessment in Central Asia. Kazakhstan, Kyrgyz Repub...
 
Ux professionalism
Ux professionalismUx professionalism
Ux professionalism
 
1. JJG Impact Summary
1. JJG Impact Summary1. JJG Impact Summary
1. JJG Impact Summary
 
Designers are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusDesigners are from Mars, BAs are from Venus
Designers are from Mars, BAs are from Venus
 
The Anatomy of a Design Argument
The Anatomy of a Design ArgumentThe Anatomy of a Design Argument
The Anatomy of a Design Argument
 
The Elements Of User Experience
The Elements Of User ExperienceThe Elements Of User Experience
The Elements Of User Experience
 
The User Experience Brief
The User Experience BriefThe User Experience Brief
The User Experience Brief
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
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!
 
Elements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James GarrettElements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James Garrett
 

Ähnlich wie DESIGNING USER EXPERIENCES

101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization TipsJosh Patrice
 
47 Conversion Rate Optimization Tips
47 Conversion Rate Optimization Tips47 Conversion Rate Optimization Tips
47 Conversion Rate Optimization TipsBrightEdge
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product managementPhil Barrett
 
The Usability of Usability
The Usability of UsabilityThe Usability of Usability
The Usability of UsabilityAndrew Chak
 
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...Aggregage
 
Rapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wantsRapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wantsMike Parsons
 
Five Innovations to Supercharge The Branch Experience & Better Connect With M...
Five Innovations to Supercharge The Branch Experience & Better Connect With M...Five Innovations to Supercharge The Branch Experience & Better Connect With M...
Five Innovations to Supercharge The Branch Experience & Better Connect With M...Emily Sweillam
 
Communications e business
Communications e businessCommunications e business
Communications e businessRalph Paglia
 
Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Paul Sherman
 
Organizational Access
Organizational AccessOrganizational Access
Organizational AccessMark Farmer
 
Ten lessons I painfully learnt while moving from software developer to entrep...
Ten lessons I painfully learnt while moving from software developer to entrep...Ten lessons I painfully learnt while moving from software developer to entrep...
Ten lessons I painfully learnt while moving from software developer to entrep...Wojciech Seliga
 
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...NASSCOM Design4India
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!Zach Pousman
 
Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Human Interface Group
 
How BDD enables True CI/CD
How BDD enables True CI/CDHow BDD enables True CI/CD
How BDD enables True CI/CDRoger Turnau
 
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...Paul Sherman
 
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing SuccessBring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing SuccessLogMeIn
 
Think product workshop at J. Boye 14, awaken the Steve Jobs in you
Think product workshop at J. Boye 14, awaken the Steve Jobs in youThink product workshop at J. Boye 14, awaken the Steve Jobs in you
Think product workshop at J. Boye 14, awaken the Steve Jobs in youRoland Benedetti
 
User Zoom Kli Health Webinar Sep09 Vf
User Zoom Kli Health Webinar Sep09 VfUser Zoom Kli Health Webinar Sep09 Vf
User Zoom Kli Health Webinar Sep09 VfAlfonso de la Nuez
 
Quant + Qual + Iteration for Great Products
Quant + Qual + Iteration for Great ProductsQuant + Qual + Iteration for Great Products
Quant + Qual + Iteration for Great ProductsBen Carey
 

Ähnlich wie DESIGNING USER EXPERIENCES (20)

101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips
 
47 Conversion Rate Optimization Tips
47 Conversion Rate Optimization Tips47 Conversion Rate Optimization Tips
47 Conversion Rate Optimization Tips
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product management
 
The Usability of Usability
The Usability of UsabilityThe Usability of Usability
The Usability of Usability
 
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...
Empowering You to Empower Them: Product-Led Onboarding: How to Turn New Users...
 
Rapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wantsRapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wants
 
Five Innovations to Supercharge The Branch Experience & Better Connect With M...
Five Innovations to Supercharge The Branch Experience & Better Connect With M...Five Innovations to Supercharge The Branch Experience & Better Connect With M...
Five Innovations to Supercharge The Branch Experience & Better Connect With M...
 
Communications e business
Communications e businessCommunications e business
Communications e business
 
Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?Usability...Or Strategic User Experience?
Usability...Or Strategic User Experience?
 
Organizational Access
Organizational AccessOrganizational Access
Organizational Access
 
Ten lessons I painfully learnt while moving from software developer to entrep...
Ten lessons I painfully learnt while moving from software developer to entrep...Ten lessons I painfully learnt while moving from software developer to entrep...
Ten lessons I painfully learnt while moving from software developer to entrep...
 
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...
NASSCOM Design4India Design Summit & Awards 2019 - Five key takeaways for Des...
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!
 
Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...
 
How BDD enables True CI/CD
How BDD enables True CI/CDHow BDD enables True CI/CD
How BDD enables True CI/CD
 
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
Changing Minds, Removing Barriers: UX Practitioner as Strategist and Change A...
 
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing SuccessBring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
Bring Your Own App (BYOA) - The Secret Weapon for Sales and Marketing Success
 
Think product workshop at J. Boye 14, awaken the Steve Jobs in you
Think product workshop at J. Boye 14, awaken the Steve Jobs in youThink product workshop at J. Boye 14, awaken the Steve Jobs in you
Think product workshop at J. Boye 14, awaken the Steve Jobs in you
 
User Zoom Kli Health Webinar Sep09 Vf
User Zoom Kli Health Webinar Sep09 VfUser Zoom Kli Health Webinar Sep09 Vf
User Zoom Kli Health Webinar Sep09 Vf
 
Quant + Qual + Iteration for Great Products
Quant + Qual + Iteration for Great ProductsQuant + Qual + Iteration for Great Products
Quant + Qual + Iteration for Great Products
 

Mehr von Christina Wodtke

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning TeamsChristina Wodtke
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals MegadeckChristina Wodtke
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeedChristina Wodtke
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignChristina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
 

Mehr von Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Kürzlich hochgeladen

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 

Kürzlich hochgeladen (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 

DESIGNING USER EXPERIENCES

  • 1. DESIGNING THE USER EXPERIENCE THE FUNDAMENTALS
  • 2. Christina Wodtke @cwodtke | linkedin.com/in/christinawodtke | cwodtke.com
  • 3. jesse james garrett User Experience Design: the design of anything independent of medium or across [device] with human experience as an explicit outcome and human engagement as an explicit goal -Jesse James Garrett
  • 4. jesse james garrett 4 -Jesse James Garrett
  • 5. Coined The Term: Don Norman "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.
  • 6.
  • 7.
  • 8. Let’s be honest: it’s all about the smiling boxes.
  • 9.
  • 10. Don Norman The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother.
  • 11.
  • 12. Don Norman Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features.
  • 13.
  • 14.
  • 15.
  • 16. Don Norman In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.
  • 17. What is user experience?
  • 18. What is user experience?
  • 19. HEADER WHAT IS GOOD? What is it? Why do you love it? What’s your favorite part? 19
  • 20. 20 HEADER WHAT IS BAD? What is it? Why do you hate it? What’s the worst part?
  • 21. Universal Principles Direct Manipulation Affordances Feedback Standards Poka-yoke
  • 27. Feedback: time of or after?
  • 28. Inline feedback vs validation: Luke Wrobowski http://alistapart.com/article/inline-validation-in-web-forms Traditional
  • 29. Inline feedback vs validation: Luke Wrobowski http://alistapart.com/article/inline-validation-in-web-forms Inline
  • 30. Feedback Matters Inline feedback gave: •a 22% increase in success rates, •a 22% decrease in errors made, •a 31% increase in satisfaction rating, •a 42% decrease in completion times, and •a 47% decrease in the number of eye fixations. “You’d rather know about your mistakes as you go along.” “It’s much better than getting all the way down and hitting ‘submit,’ only to find out that it doesn’t like your username. It’s much better when it tells you as you go along.” Inline Validation in Web Forms by LUKE WROBLEWSKI September 01, 2009
  • 31. The Poka-Yoke Principle Poka-Yoke roughly translates in English to mistake proofing: avoiding (yokeru) inadvertent errors (poka). Designers use Poka-Yoke when they put constraints on products to prevent errors, forcing users to adjust their behavior and correctly execute an operation.
  • 32. Errors Prevent Allow fixes COMPASSION Avoid learned dismissal
  • 33. "Obey standards unless there is a truly superior alternative" - Alan Cooper Standards
  • 34. Law of the Conservation of Complexity Some complexity is inherent in every process. There is a point beyond which you can’t simplify the process any further; you can only move the inherent complexity from one place to another. Larry Tessler
  • 35. The Magical Number Seven +- 1 Is a myth
  • 36. Contextual Principles What you know about the context/users/activity. E.g. ‣ Recipes must be scannable ‣ User should know where they are in a recipe ‣ Recipes allow users to find ingredients for shopping and mise en place by listing them apart from instructions You make them up
  • 37. Tivo Tennants It’s entertainment, stupid. It’s TV, stupid. It’s video, dammit. Everything is smooth and gentle. No modality or deep hierarchy. Respect the viewer’s privacy. It’s a robust appliance, like a TV.
  • 39. How to make things be better LAWS + PRINCIPLES + YOUR INSIGHT
  • 40. 40 HEADER MAKE IT BE GOOD. Teams, 5-5-5 (problem, solution, document)
  • 41. Too big? USER EXPERIENC E IS BIG
  • 43.
  • 44. User Experience Design is big. You will suck if you try to do it all. That is AWESOME Not trying=failing Find your love. Follow it.

Hinweis der Redaktion

  1. Model introductions here
  2. Talk throughthe model
  3. Amazon offers a wide variety of products
  4. Powerful algorythm
  5. Unmatched delivery, smiling boxes
  6. Subscriptions solve a real problem
  7. Doodles are the fun, surprising, and sometimes spontaneous changes that are made to the Google logo to celebrate holidays, anniversaries, and the lives of famous artists, pioneers, and scientists. How did the idea for doodles originate?  In 1998, before the company was even incorporated, the concept of the doodle was born when Google founders Larry and Sergey played with the corporate logo to indicate their attendance at the Burning Man festival in the Nevada desert. They placed a stick figure drawing behind the 2nd "o" in the word, Google, and the revised logo was intended as a comical message to Google users that the founders were "out of office." While the first doodle was relatively simple, the idea of decorating the company logo to celebrate notable events was born. Two years later in 2000, Larry and Sergey asked current webmaster Dennis Hwang, an intern at the time, to produce a doodle for Bastille Day. It was so well received by our users that Dennis was appointed Google's chief doodler and doodles started showing up more and more regularly on the Google homepage. In the beginning, the doodles mostly celebrated familiar holidays; nowadays, they highlight a wide array of events and anniversaries from the Birthday of John James Audubon to the Ice Cream Sundae. Over time, the demand for doodles has risen in the U.S. and internationally. Creating doodles is now the responsibility of a team of talented illlustrators (we call them doodlers) and engineers. For them, creating doodles has become a group effort to enliven the Google homepage and bring smiles to the faces of Google users around the world. How many doodles has Google done over the years?  The team has created over 1000 doodles for our homepages around the world. Who chooses what doodles will be created and how do you decide which events will receive doodles?  A group of Googlers get together regularly to brainstorm and decide which events will be celebrated with a doodle. The ideas for the doodles come from numerous sources including Googlers and Google users. The doodle selection process aims to celebrate interesting events and anniversaries that reflect Google's personality and love for innovation. Who designs the doodles?  There is a team of illustrators (we call them doodlers) and engineers that are behind each and every doodle you see. How can Google users/the public submit ideas for doodles? The doodle team is always excited to hear ideas from users - they can email proposals@google.com with ideas for the next Google doodle. The team receives hundreds of requests every day so we unfortunately can't respond to everyone. But rest assured that we're reading them :)
  8. The amazon joke reviews not only stay but are promoted
  9. Instructor talks about a product you love (replace mini with one you love). Why do you love it? What makes it great?
  10. Now talk about the wider ecosystem, the things that add to the expereince.
  11. This is to discuss the ideas they brought in on what is good. Capture heuristics that support their idea fo good stuff
  12. Brainstorm annoying things
  13. Exercise Have a student write their name on a white board. Now tape the marker to a long stick (like a broom handle) and try again.
  14. Compare the keyboard buttons you can feel and push, to the hyper-flat keyboad. What is nicer to use? Is the ipad keyboard enough?
  15. On twitter, when you post you get feedback so you know your tweet went out. on Facebook, they show the link preview as soon as you add it, so you know all is workign (and can preview0 Your new status is always posted on top, to let you know its there. Discuss: do you need a message? Is it enough it always shows? What if technology doesn’t allow it to be on top (more recent, etc) Should you force it there to make sure user knows its posted?
  16. On twitter, when you post you get feedback so you know your tweet went out. on Facebook, they show the link preview as soon as you add it, so you know all is workign (and can preview0 Your new status is always posted on top, to let you know its there. Discuss: do you need a message? Is it enough it always shows? What if technology doesn’t allow it to be on top (more recent, etc) Should you force it there to make sure user knows its posted?
  17. On twitter, when you post you get feedback so you know your tweet went out. on Facebook, they show the link preview as soon as you add it, so you know all is workign (and can preview0 Your new status is always posted on top, to let you know its there. Discuss: do you need a message? Is it enough it always shows? What if technology doesn’t allow it to be on top (more recent, etc) Should you force it there to make sure user knows its posted?
  18. USB can only be put in one place.
  19. i.e. I don’t care if it’s stupid, use it.
  20. So bloody true. And mostly we move the complexity from the user to the designer.
  21. Limiting the number of menu tabs or the number of items in a dropdown list to the George Miller’s magic number 7 is a false constraint. Miller’s original theory argues that people can keep no more than 7 (plus or minus 2) items in their short-term memory. On a webpage, however, the information is visually present, people don’t have to memorize anything and therefore can easily manage broader choices. For example, research shows that broad and shallow menu structures may even work better than deeper menus. Also, link-rich e-commerce homepages, like that of Amazon with 90+ product category links, are found to be more usable than homepages with only a few links. http://uxmyths.com/post/931925744/myth-23-choices-should-always-be-limited-to-seven
  22. Use heuristics from good to redesign the bad thing. 20 minutes work, 10 min sharing.