ux for developers (or, how to make stuff that matters)
TRANSCRIPT
make it better
UX for DevelopersHow 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
• Worked on 200+ web/mobile projects
• UXD Instructor, UXDi Curriculum Fellow @ GA
ux for developers
prepared for someday startups hackathon
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 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
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
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
make it better
tweet @skotcarruth
Everything.
created by Information Architects Inc.
ux for developers
prepared for someday startups hackathon
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
Human Factors
Ergonomics
Human-Computer In
teraction
Cooperative D
esign
Design Thinking
Interaction D
esign
UX/CX
ux for developers
prepared for someday startups hackathon
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!
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.
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 History
• Culture
• Education
• Motivations
• How do they organize information in their heads?
make it better
What is their context of use?
tweet @skotcarruthux for developers
prepared for someday startups hackathon
• Location
• Distractions
• Devices
• Other people
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
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 research
• Contextual inquiry (field study)
• User interviews
• Focus groups
• Diary studies
• Card sorting
• Analytics
• A/B testing
• Eye tracking
• Surveys
• …and many, many more
make it better
Or, having a genuine conversation with a human.
tweet @skotcarruthux for developers
prepared for someday startups hackathon
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 developers
prepared for someday startups hackathon
make it better
tweet @skotcarruthux for developers
prepared for someday startups hackathon
Define
1. User scenarios
2. User tasks
3. User stories == Features
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-outs
• Clickable images
• HTML
• Functional
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. Satisfaction
ux 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. Satisfaction
ux for developers
prepared for someday startups hackathon
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
make it better
Questions?
tweet @skotcarruthux for developers
prepared for someday startups hackathon