SLIDE 1
OSCON July 2019
twentyideas.com
Who are we?
Mike Biglan
CEO
Josh Clark
Design Director
10 UX Principles Every Developer must know. OSCON July 2019 Who - - PowerPoint PPT Presentation
10 UX Principles Every Developer must know. OSCON July 2019 Who - - PowerPoint PPT Presentation
10 UX Principles Every Developer must know. OSCON July 2019 Who are we? Mike Biglan Josh Clark CEO Design Director twentyideas.com Who are you? twentyideas.com What is UX? twentyideas.com Source:
SLIDE 2
SLIDE 3
twentyideas.com
Who are you?
SLIDE 4
twentyideas.com
What is UX?
SLIDE 5
twentyideas.com
Source: https://experience.sap.com/basics/ui-vs-ux-what-a-difference-a-letter-makes/ SLIDE 6
twentyideas.com
The UX Pyramid
SLIDE 7
twentyideas.com
Why is UX so important?
SLIDE 8
twentyideas.com
The Principles
SLIDE 9
twentyideas.com
Principle No.1
UX Design is everyone’s job.
SLIDE 10
twentyideas.com
Principle No.2
Define the Problem First.
SLIDE 11
twentyideas.com
“Good designers never start by trying to solve the problem given to them: they start by trying to understand what the real issues are… it drives managers crazy.”
- Donald Norman,
The Design of Everyday Things
SLIDE 12
twentyideas.com
SLIDE 13
twentyideas.com
SLIDE 14
twentyideas.com
“You’re developers were so preoccupied with whether they could that they didn’t stop to think if they should.”
- Dr. Malcolm, Jurassic Park
SLIDE 15
twentyideas.com
Principle No.3
Be Empathetic
SLIDE 16
twentyideas.com
“Before you criticize someone, walk a mile in their shoes. That way you’ll be a mile away and you’ll have their shoes.”
- Jack Handey
SLIDE 17
twentyideas.com
SLIDE 18
twentyideas.com
Accessibility controls go here...
SLIDE 19
twentyideas.com
Source: Expedia SLIDE 20
twentyideas.com
Source: AirBnB SLIDE 21
twentyideas.com
Principle No.4
Make it Obvious
SLIDE 22
twentyideas.com
Sit Here.
SLIDE 23
twentyideas.com
SLIDE 24
twentyideas.com
Source: https://dribbble.com/shots/6257734-Drag-and-Drop/attachments/1340669 SLIDE 25
twentyideas.com
Principle No.5
Be conventional.
SLIDE 26
twentyideas.com
SLIDE 27
twentyideas.com
SLIDE 28
twentyideas.com
SLIDE 29
twentyideas.com
Principle No.6
Focus on Essentials.
SLIDE 30
twentyideas.com
“20% efgort causes 80% of results.”
- Vilfredo Pareto, Italian Economist with killer
hipster beard
SLIDE 31
twentyideas.com
Pareto’s Law applied to UX
“Users use 20% of your features 80%
- f the time, and 80% of your features
20% of the time.”
SLIDE 32
twentyideas.com
SLIDE 33
twentyideas.com
SLIDE 34
twentyideas.com
SLIDE 35
twentyideas.com
Source: Google Gmail SLIDE 36
twentyideas.com
Source: Google Gmail SLIDE 37
twentyideas.com
Principle No.7
Don’t Leave Anyone Out.
SLIDE 38
twentyideas.com
SLIDE 39
twentyideas.com
SLIDE 40
twentyideas.com
SLIDE 41
twentyideas.com
Principle No.8
Create Constraints.
SLIDE 42
SLIDE 43
SLIDE 44
SLIDE 45
SLIDE 46
SLIDE 47
twentyideas.com
SLIDE 48
twentyideas.com
Principle No.9
Provide Feedback.
SLIDE 49
twentyideas.com
49
SLIDE 50
twentyideas.com
SLIDE 51
twentyideas.com
51
SLIDE 52
twentyideas.com
Principle No.10
Think MAYA.
SLIDE 53
twentyideas.com
Most Advanced Yet Acceptable
Design for the Future - but deliver the future gradually.
SLIDE 54
twentyideas.com
SLIDE 55
twentyideas.com
SLIDE 56
twentyideas.com
SLIDE 57
twentyideas.com
Principle No.1
UX Design is everyone’s job.
Principle No.2
Define the Problem First
Principle No.3
Be Empathetic
Principle No.4
Make it Obvious
Principle No.5
Be Conventional.
Principle No.6
Focus on Essentials
Principle No.7
Don’t Leave Anyone Out
Principle No.8
Create Constraints
Principle No.9
Provide Feedback
Principle No.10
Think MAYA
SLIDE 58
twentyideas.com
SLIDE 59
www.TwentyIdeas.com