design principles as a tool - ux open 2014

27
Design Principles as a tool Gabriel Svennerberg Designed for Humans | www.meetod.com

Upload: gabriel-svennerberg

Post on 02-Jul-2015

737 views

Category:

Software


5 download

DESCRIPTION

This is my presentation from UX Open 2014 translated to english. It's about using Design Principles as a tool to create better products and services. In this version I've also added some additional annotations to the slides.

TRANSCRIPT

Page 1: Design principles as a tool - UX Open 2014

Design Principles as a tool

Gabriel Svennerberg Designed for Humans | www.meetod.com

Page 2: Design principles as a tool - UX Open 2014

Gabriel SvennerbergUX Designer

Designed for Humans | www.meetod.se

Page 3: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Page 4: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Design Principles FTWwww.designprinciplesftw.com

A great resource to get inspiration from other people’s Design Principles

Page 5: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.se

What is a Design Principle?

Designed for Humans | www.meetod.se

Page 6: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Designprinciper

Experience principles

Design criteria

Design personality

Experience attributes

Heuristics

Design mantras

Design tenants

There are a lot of different terms for Design Principles and no definite definition.

Page 7: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ON

I’ve tried to categorize different kinds of principles in a matrix like this according to level of specificity and focus.

Page 8: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ON

Visibility of system status– 10 Usability Heuristics for User Interface Design

Page 9: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ONZero/low interaction

– Design Principles for Android Wear

Page 10: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ON

Focus on the experience, not on the function– UX Axioms by Erik Dahl

Page 11: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ONDiscover the Unexpected

– HTC Hero Principles

Page 12: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Specific

General

The experiencePropertiesFOCUS ON FOCUS ON

You’ll find the most useful principles here

Page 13: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

What are they good for?

Page 14: Design principles as a tool - UX Open 2014

“Design principles are like a north star to help you sail the ship of design.”

– Leah Buley

Designed for Humans | www.meetod.com

Page 15: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Acts as Guard Rails

Design Principles can act as guard rails to keep your design from getting completely derailed

Page 16: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Create a consistent experience

Helping in creating a consistent experience is especially true when there’s a lot of people involved in the project

Page 17: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

How do you create your own?

Page 18: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

There’s always a next stepThe experience does not end. There is always a next step that the user can take to move on.

Headline: Short and memorable

A richer d

escription of the prin

ciple

• Finish with a clear call-to-action • Link to deeper information • Suggest to contact someone • Display related information

Exampels

Sometimes some concrete examples of the implications can be useful

THE ANATOMY OF A DESIGN PRINCIPLE

Page 19: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Tip• Base the principles on your research

or the research of others

• Create them collaborativelyThey have a much greater impact with a shared ownership

• Get inspiration from the principles of others For example from designprinciplesftw.com

• 5-7 principles are sufficientLess and you risk not covering the primary parts of your product/service, more and they will be hard to remember

Page 20: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

How do you use them?

Page 21: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Keep them alive

They are no use just collection dust. Keep them accessible to team members, either in digital format or in print.

Page 22: Design principles as a tool - UX Open 2014

Från: UX Team of One av Leah Buley

Print posters an put up on strategic places or print a simple folder that team members kan keep at their desks.

Page 23: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Repeat, repeat, repeat

Start every workshop or design meeting with a brief reiteration of the design principles. It keeps them top of

mind.

Page 24: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Modify them as you go

Just as our products evolve so must our principles. If a principle doesn’t work anymore, change it!

Page 25: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com Image: Simple Unicorn av Marc Clancy Designed for Humans | www.meetod.com

Create great design principles, get them into the team members minds and your job as a UX-designer or Product

Owner will be much easier.

Page 26: Design principles as a tool - UX Open 2014

“These are my principles; if you don’t like them, I have others.”

– Groucho Marx

Designed for Humans | www.meetod.com

And remember: If you’re principles doesn’t work the way you expect them, you can always create new ones.

Page 27: Design principles as a tool - UX Open 2014

Designed for Humans | www.meetod.com

Email [email protected] Twitter @svennerberg Web www.meetod.com Phone +46 (0)73-687 07 30

Thank you!

Designed for Humans | www.meetod.com