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.

1. make it better
UX for Developers
How to make stuff that matters.

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

10. make it better
User-Centered Design
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

34. make it better
Questions?
tweet @skotcarruthux for developers
prepared for someday startups hackathon