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.
2. make it better
Quick Poll
ux for developers tweet @skotcarruth
prepared for someday startups hackathon
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. make it better
What is UX?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
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. 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. 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. make it better
tweet @skotcarruth
Everything.
created by Information Architects Inc.
ux for developers
prepared for someday startups hackathon
9. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
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. 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. 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. make it better
I am not the user.
tweet @skotcarruthux for developers
prepared for someday startups hackathon
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. make it better
What is their context of use?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
• Location
• Distractions
• Devices
• Other people
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. make it better
tweet @skotcarruth
Science, b*tch
ux for developers
prepared for someday startups hackathon
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. make it better
Or, having a genuine
conversation with a human.
tweet @skotcarruthux for developers
prepared for someday startups hackathon
21. make it better
Analyze Data
tweet @skotcarruth
Affinity Mapping
ux for developers
prepared for someday startups hackathon
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. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Define
1. User scenarios
2. User tasks
3. User stories == Features
24. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Information
25. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Workflows
26. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Design: Interfaces
27. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Prototype
• Sketches
• Print-outs
• Clickable images
• HTML
• Functional
28. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Test
29. make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Rinse and repeat
30. make it better
How to win
tweet @skotcarruthux for developers
prepared for someday startups hackathon
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. 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. 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