Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
make it better
UX for Developers
How to make stuff that matters.
make it better
Quick Poll
ux for developers tweet @skotcarruth
prepared for someday startups hackathon
make it better
Who’s this guy?
tweet @skotcarruth
• Web design and development since 1996
• Founded Philosophie in 2008
• ...
make it better
What is UX?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
make it better
What most people think UX Design is:
tweet @skotcarruth
Field research
Face to face interviewing
Creation a...
make it better
What UX Designers think UX Design is:
tweet @skotcarruthux for developers
prepared for someday startups hac...
make it better
“User experience encompasses
all aspects of the end-user’s
interaction with the company,
its services, and ...
make it better
tweet @skotcarruth
Everything.
created by Information Architects Inc.
ux for developers
prepared for someda...
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
make it better
User-Centered Design
tweet @skotcarruthux for developers
prepared for someday startups hackathon
make it better
UX: aka “Design”
40s 50s 60s 80s70s
tweet @skotcarruth
90s 00s
Hum
an
Factors
Ergonom
ics
Hum
an-Com
puterI...
make it better
UCD is a process
tweet @skotcarruthux for developers
prepared for someday startups hackathon
1. Research (t...
make it better
ISO 9241-210: Human-Centered Design for
Interactive Systems
tweet @skotcarruthux for developers
prepared fo...
make it better
I am not the user.
tweet @skotcarruthux for developers
prepared for someday startups hackathon
make it better
Who is your user?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
• Personal Hi...
make it better
What is their context of use?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
•...
make it better
What are their activities?
• What does the user want to accomplish?
• What tasks must the user complete to ...
make it better
tweet @skotcarruth
Science, b*tch
ux for developers
prepared for someday startups hackathon
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Research methods
• Secondary re...
make it better
Or, having a genuine
conversation with a human.
tweet @skotcarruthux for developers
prepared for someday st...
make it better
Analyze Data
tweet @skotcarruth
Affinity Mapping
ux for developers
prepared for someday startups hackathon
make it better
via http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience
tweet @skotcarruthux for d...
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Define
1. User scenarios
2. Use...
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Information
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Workflows
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Interfaces
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Prototype
• Sketches
• Print-ou...
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Test
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Rinse and repeat
make it better
How to win
tweet @skotcarruthux for developers
prepared for someday startups hackathon
make it better
5 Goals of Usability
tweet @skotcarruth
1. Learnability
2. Efficiency
3. Memorability
4. Error Management
5...
make it better
5 Goals of Usability
tweet @skotcarruth
1. Learnability
2. Efficiency
3. Memorability
4. Error Management
5...
make it better
Levels of UX achievement
• Utility
• Usable
• Desirable
• Emotional
tweet @skotcarruth
via User Experience ...
make it better
Questions?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Prochain SlideShare
Chargement dans…5
×

UX for Developers (or, How to Make Stuff That Matters)

992 vues

Publié le

Slides from a talk I gave at "Someday Startups," a hackathon in Santa Monica. The participants were mostly software engineers, so I wanted to introduce them to a user-centered design process that they could apply to their own startup ideas.

Publié dans : Ingénierie
  • Identifiez-vous pour voir les commentaires

UX for Developers (or, How to Make Stuff That Matters)

  1. 1. make it better UX for Developers How to make stuff that matters.
  2. 2. make it better Quick Poll ux for developers tweet @skotcarruth prepared for someday startups hackathon
  3. 3. make it better Who’s this guy? tweet @skotcarruth • Web design and development since 1996 • Founded Philosophie in 2008 • Worked on 200+ web/mobile projects • UXD Instructor, UXDi Curriculum Fellow @ GA ux for developers prepared for someday startups hackathon
  4. 4. make it better What is UX? tweet @skotcarruthux for developers prepared for someday startups hackathon
  5. 5. make it better What most people think UX Design is: tweet @skotcarruth Field research Face to face interviewing Creation and administering of tests Gathering, organizing, and presenting statistics Documentation of personas and findings Product design Feature writing Requirement writing Graphic arts Interaction design Information Architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copy writing Presentation and speaking Working tightly with programmers Brainstorm coordination Company culture evangelism Communication to stakeholders via helloerik.com/ux-is-not-ui ux for developers prepared for someday startups hackathon
  6. 6. make it better What UX Designers think UX Design is: tweet @skotcarruthux for developers prepared for someday startups hackathon Field research Face to face interviewing Creation and administering of tests Gathering, organizing, and presenting statistics Documentation of personas and findings Product design Feature writing Requirement writing Graphic arts Interaction design Information Architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presentation and speaking Working tightly with programmers Brainstorm coordination Company culture evangelism Communication to stakeholders
  7. 7. make it better “User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products.” 
 — Donald Norman tweet @skotcarruthux for developers prepared for someday startups hackathon
  8. 8. make it better tweet @skotcarruth Everything. created by Information Architects Inc. ux for developers prepared for someday startups hackathon
  9. 9. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon
  10. 10. make it better User-Centered Design tweet @skotcarruthux for developers prepared for someday startups hackathon
  11. 11. make it better UX: aka “Design” 40s 50s 60s 80s70s tweet @skotcarruth 90s 00s Hum an Factors Ergonom ics Hum an-Com puterInteraction Cooperative DesignDesign Thinking Interaction DesignUX/CX ux for developers prepared for someday startups hackathon
  12. 12. make it better UCD is a process tweet @skotcarruthux for developers prepared for someday startups hackathon 1. Research (the users, the problem, and the business) 2. Design 3. Prototype 4. Test with the users 5. Repeat!
  13. 13. make it better ISO 9241-210: Human-Centered Design for Interactive Systems tweet @skotcarruthux for developers prepared for someday startups hackathon • The design is based upon an explicit understanding of users, tasks and environments. • Users are involved throughout design and development. • The design is driven and refined by user-centered evaluation. • The process is iterative. • The design addresses the whole user experience. • The design team includes multidisciplinary skills and perspectives.
  14. 14. make it better I am not the user. tweet @skotcarruthux for developers prepared for someday startups hackathon
  15. 15. make it better Who is your user? tweet @skotcarruthux for developers prepared for someday startups hackathon • Personal History • Culture • Education • Motivations • How do they organize information in their heads?
  16. 16. make it better What is their context of use? tweet @skotcarruthux for developers prepared for someday startups hackathon • Location • Distractions • Devices • Other people
  17. 17. make it better What are their activities? • What does the user want to accomplish? • What tasks must the user complete to do so? • How do people accomplish it now? • What are their pain points? tweet @skotcarruthux for developers prepared for someday startups hackathon
  18. 18. make it better tweet @skotcarruth Science, b*tch ux for developers prepared for someday startups hackathon
  19. 19. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Research methods • Secondary research • Contextual inquiry (field study) • User interviews • Focus groups • Diary studies • Card sorting • Analytics • A/B testing • Eye tracking • Surveys • …and many, many more
  20. 20. make it better Or, having a genuine conversation with a human. tweet @skotcarruthux for developers prepared for someday startups hackathon
  21. 21. make it better Analyze Data tweet @skotcarruth Affinity Mapping ux for developers prepared for someday startups hackathon
  22. 22. make it better via http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience tweet @skotcarruthux for developers prepared for someday startups hackathon
  23. 23. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Define 1. User scenarios 2. User tasks 3. User stories == Features
  24. 24. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Design: Information
  25. 25. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Design: Workflows
  26. 26. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Design: Interfaces
  27. 27. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Prototype • Sketches • Print-outs • Clickable images • HTML • Functional
  28. 28. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Test
  29. 29. make it better tweet @skotcarruthux for developers prepared for someday startups hackathon Rinse and repeat
  30. 30. make it better How to win tweet @skotcarruthux for developers prepared for someday startups hackathon
  31. 31. make it better 5 Goals of Usability tweet @skotcarruth 1. Learnability 2. Efficiency 3. Memorability 4. Error Management 5. Satisfaction ux for developers prepared for someday startups hackathon
  32. 32. make it better 5 Goals of Usability tweet @skotcarruth 1. Learnability 2. Efficiency 3. Memorability 4. Error Management 5. Satisfaction ux for developers prepared for someday startups hackathon
  33. 33. make it better Levels of UX achievement • Utility • Usable • Desirable • Emotional tweet @skotcarruth via User Experience 2008, nnGroup Conference Amsterdam ux for developers prepared for someday startups hackathon
  34. 34. make it better Questions? tweet @skotcarruthux for developers prepared for someday startups hackathon

×