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: https://experience.sap.com/basics/ui-vs-ux-what-a-difference-a-letter-makes/ twentyideas.com
The UX Pyramid twentyideas.com
Why is UX so important? twentyideas.com
The Principles twentyideas.com
Principle No.1 UX Design is everyone’s job. twentyideas.com
Principle No.2 Define the Problem First. 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 twentyideas.com
twentyideas.com
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 twentyideas.com
Principle No.3 Be Empathetic 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 twentyideas.com
twentyideas.com
Accessibility controls go here... twentyideas.com
twentyideas.com Source: Expedia
twentyideas.com Source: AirBnB
Principle No.4 Make it Obvious twentyideas.com
Sit Here. twentyideas.com
twentyideas.com
twentyideas.com Source: https://dribbble.com/shots/6257734-Drag-and-Drop/attachments/1340669
Principle No.5 Be conventional. twentyideas.com
twentyideas.com
twentyideas.com
twentyideas.com
Principle No.6 Focus on Essentials. twentyideas.com
“20% efgort causes 80% of results.” - Vilfredo Pareto, Italian Economist with killer hipster beard twentyideas.com
Pareto’s Law applied to UX “Users use 20% of your features 80% of the time, and 80% of your features 20% of the time.” twentyideas.com
twentyideas.com
twentyideas.com
twentyideas.com
twentyideas.com Source: Google Gmail
twentyideas.com Source: Google Gmail
Principle No.7 Don’t Leave Anyone Out. twentyideas.com
twentyideas.com
twentyideas.com
twentyideas.com
Principle No.8 Create Constraints. twentyideas.com
twentyideas.com
Principle No.9 Provide Feedback. twentyideas.com
twentyideas.com 49
twentyideas.com
twentyideas.com 51
Principle No.10 Think MAYA. twentyideas.com
Most Advanced Yet Acceptable Design for the Future - but deliver the future gradually. twentyideas.com
twentyideas.com
twentyideas.com
twentyideas.com
Principle No.1 Principle No.6 UX Design is everyone’s job. Focus on Essentials Principle No.2 Principle No.7 Define the Problem First Don’t Leave Anyone Out Principle No.3 Principle No.8 Be Empathetic Create Constraints Principle No.4 Principle No.9 Make it Obvious Provide Feedback Principle No.5 Principle No.10 Be Conventional. Think MAYA twentyideas.com
twentyideas.com
Thank you! www.TwentyIdeas.com
Recommend
More recommend