good design is honest: cognitive science to ux design principles

58

Upload: william-evans

Post on 21-Apr-2017

28.524 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Good Design is Honest: Cognitive Science to UX Design Principles
Page 2: Good Design is Honest: Cognitive Science to UX Design Principles

WILL EVANS

@SEMANTICWILL

[email protected]

Page 3: Good Design is Honest: Cognitive Science to UX Design Principles
Page 4: Good Design is Honest: Cognitive Science to UX Design Principles
Page 5: Good Design is Honest: Cognitive Science to UX Design Principles
Page 6: Good Design is Honest: Cognitive Science to UX Design Principles

LEAST EFFORT

Page 7: Good Design is Honest: Cognitive Science to UX Design Principles

HUMAN FINATUDE

Page 8: Good Design is Honest: Cognitive Science to UX Design Principles

PEOPLE MAKE MISTAKES

Page 9: Good Design is Honest: Cognitive Science to UX Design Principles

MEMORY IS COMPLICATED

Page 10: Good Design is Honest: Cognitive Science to UX Design Principles

PEOPLE ARE SOCIAL

Page 11: Good Design is Honest: Cognitive Science to UX Design Principles

ATTENTION

Page 12: Good Design is Honest: Cognitive Science to UX Design Principles

PEOPLE CRAVE DOPAMINE

Page 13: Good Design is Honest: Cognitive Science to UX Design Principles

UNCONSCIOUS PROCESSING

Page 14: Good Design is Honest: Cognitive Science to UX Design Principles

MENTAL MODELS

Page 15: Good Design is Honest: Cognitive Science to UX Design Principles

VISUAL SYSTEMS

Page 16: Good Design is Honest: Cognitive Science to UX Design Principles
Page 17: Good Design is Honest: Cognitive Science to UX Design Principles
Page 18: Good Design is Honest: Cognitive Science to UX Design Principles
Page 19: Good Design is Honest: Cognitive Science to UX Design Principles

PRINCIPLES

GUIDING PRINCIPLES

Page 20: Good Design is Honest: Cognitive Science to UX Design Principles

YOU ARE NOT THE USER

Page 21: Good Design is Honest: Cognitive Science to UX Design Principles

EMPATHY FIRST

Page 22: Good Design is Honest: Cognitive Science to UX Design Principles

Customer Hypothesis

UNDERSTAND THE REAL PROBLEM

Page 23: Good Design is Honest: Cognitive Science to UX Design Principles

MAKE THINGS SIMPLE

Page 24: Good Design is Honest: Cognitive Science to UX Design Principles

DO NO HARM

Page 25: Good Design is Honest: Cognitive Science to UX Design Principles

PRINCIPLES OF USER EXPERIENCE DESIGN

Page 26: Good Design is Honest: Cognitive Science to UX Design Principles

ARTICULATE CONTEXT

Page 27: Good Design is Honest: Cognitive Science to UX Design Principles

USE CONSTRAINTS APPROPRIATELY

Page 28: Good Design is Honest: Cognitive Science to UX Design Principles

FIRST IMPRESSIONS

Page 29: Good Design is Honest: Cognitive Science to UX Design Principles

BE CREDIBLE

Page 30: Good Design is Honest: Cognitive Science to UX Design Principles

SIMPLICITY

Page 31: Good Design is Honest: Cognitive Science to UX Design Principles

VISUAL HIERARCHY

Page 32: Good Design is Honest: Cognitive Science to UX Design Principles

INFORMATION SCENT

Page 33: Good Design is Honest: Cognitive Science to UX Design Principles

AVOID JARGON

Page 34: Good Design is Honest: Cognitive Science to UX Design Principles

WAYFINDING

Page 35: Good Design is Honest: Cognitive Science to UX Design Principles

LEAST EFFORT

Page 36: Good Design is Honest: Cognitive Science to UX Design Principles

ROBUST MULLIGAN!

Page 37: Good Design is Honest: Cognitive Science to UX Design Principles

CLOSE THE LOOP

Page 38: Good Design is Honest: Cognitive Science to UX Design Principles

RESONATE

Page 39: Good Design is Honest: Cognitive Science to UX Design Principles

USE EMOTION

Page 40: Good Design is Honest: Cognitive Science to UX Design Principles
Page 41: Good Design is Honest: Cognitive Science to UX Design Principles

PRINCIPLES OF VISUAL DESIGN

Page 42: Good Design is Honest: Cognitive Science to UX Design Principles

CONTRAST

Page 43: Good Design is Honest: Cognitive Science to UX Design Principles

EMPHASIS

Page 44: Good Design is Honest: Cognitive Science to UX Design Principles

PROXIMITY

Page 45: Good Design is Honest: Cognitive Science to UX Design Principles

REPETITION

Page 46: Good Design is Honest: Cognitive Science to UX Design Principles

WHITE SPACE

Page 47: Good Design is Honest: Cognitive Science to UX Design Principles

WHITE SPACE

Page 48: Good Design is Honest: Cognitive Science to UX Design Principles

HARMONY

Page 49: Good Design is Honest: Cognitive Science to UX Design Principles

UNITY

Page 50: Good Design is Honest: Cognitive Science to UX Design Principles

EXERCISE An introduction to Heuristic Evaluations!

Page 51: Good Design is Honest: Cognitive Science to UX Design Principles
Page 52: Good Design is Honest: Cognitive Science to UX Design Principles

“There is a cognitive limit to the amount of complexity that can be handled internally; sketching provides a temporary, external store for tentative ideas, and supports the ‘dialogue’ that the designer has between problem and solution.”

Nigel Cross

Page 53: Good Design is Honest: Cognitive Science to UX Design Principles

TECHNICALLY THIS IS CALLED A CHARRETTE*.

CREATE PITCH

CRITIQUE

Page 54: Good Design is Honest: Cognitive Science to UX Design Principles

BARE MINIMUM

Page 55: Good Design is Honest: Cognitive Science to UX Design Principles

SOLVE A PROBLEM

Page 56: Good Design is Honest: Cognitive Science to UX Design Principles

Generate lots of design concepts (options*) Present concept as stories

Check stories for coherence Integrate (steal) & Iterate

Critique using Ritual Dissent Converge around testable solution hypotheses

*See Chris Matts Real Options Theory

DESIGN STUDIO

Page 57: Good Design is Honest: Cognitive Science to UX Design Principles

   

Page 58: Good Design is Honest: Cognitive Science to UX Design Principles

Thank you!

WILL EVANS @semanticwill