ux for developers (or, how to make stuff that matters)

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

Upload: skot-carruth

Post on 14-Jul-2015

167 views

Category:

Engineering


6 download

TRANSCRIPT

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

make it better

UX for DevelopersHow to make stuff that matters.

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

make it better

Quick Poll

ux for developers tweet @skotcarruth

prepared for someday startups hackathon

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

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

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

make it better

What is UX?

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

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

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

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

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

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

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

make it better

tweet @skotcarruth

Everything.

created by Information Architects Inc.

ux for developers

prepared for someday startups hackathon

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

make it better

User-Centered Design

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

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

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

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!

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

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.

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

make it better

I am not the user.

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

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?

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

make it better

What is their context of use?

tweet @skotcarruthux for developers

prepared for someday startups hackathon

• Location

• Distractions

• Devices

• Other people

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

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

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

make it better

tweet @skotcarruth

Science, b*tch

ux for developers

prepared for someday startups hackathon

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

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

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

make it better

Or, having a genuine conversation with a human.

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

make it better

Analyze Data

tweet @skotcarruth

Affinity Mapping

ux for developers

prepared for someday startups hackathon

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

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

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Define

1. User scenarios

2. User tasks

3. User stories == Features

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Design: Information

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Design: Workflows

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Design: Interfaces

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Prototype

• Sketches

• Print-outs

• Clickable images

• HTML

• Functional

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Test

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

make it better

tweet @skotcarruthux for developers

prepared for someday startups hackathon

Rinse and repeat

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

make it better

How to win

tweet @skotcarruthux for developers

prepared for someday startups hackathon

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

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

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

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

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

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

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

make it better

Questions?

tweet @skotcarruthux for developers

prepared for someday startups hackathon