16
5-minute Design Guidelines for the everyday person By Albert Holaso UX Designer

5 minute design guidelines

Embed Size (px)

DESCRIPTION

Just a quick little something to help non-designers make something not totally unusable ;)

Citation preview

Page 1: 5 minute design guidelines

5-minute Design Guidelinesfor the everyday person

By Albert HolasoUX Designer

Page 2: 5 minute design guidelines

No Design – what do your eyes focus on? What do you do? There is no clear answer.

Page 3: 5 minute design guidelines

A mistake most non-designers make is they succumb to their natural instincts to fill in EVERYTHING… “It looks empty we need to put something there” Avoid that!

Page 4: 5 minute design guidelines

Allow WHITESPACE (or ‘quiet’ space)

Page 5: 5 minute design guidelines

This allows readers to ‘rest’ mentally and physically so they are not overloaded with sensory input. Rest time allows the readers to DIGEST content

Page 6: 5 minute design guidelines

Differentiation adds importance against other elements in simultaneous view.

Page 7: 5 minute design guidelines

Change aspects of an element such as SIZE, COLOR, ORIENTATION, etc to give priority to important information.

Page 8: 5 minute design guidelines

DETAILS!!! …are subtle adjustments of alignment and consistency to bring more order to the information presented.

Go ahead…look at the previous slide and go back-and-forth

Page 9: 5 minute design guidelines

Attention to Details brings a sense of stability and trust.

Page 10: 5 minute design guidelines

Trust instills loyalty and extra perseverance for the viewer or user to keep looking or keep trying even instead of just giving up.

Page 11: 5 minute design guidelines

FLOW is an important part of any visual or interactive display. Flow is any means by which you link various elements together to create a linear order.

Page 12: 5 minute design guidelines

Viewers like to be led around. This can be done subtly such as through the consistency of elements or obviously with pointer arrows or similar mechanisms.

Page 13: 5 minute design guidelines

Flow insures that users and viewers are never lost and enables users to achieve a task or otherwise feel satisfied.

Page 14: 5 minute design guidelines

RECAP

Whitespace allows content absorption Differentiation creates priority Alignment and Consistency create trust Trust creates loyal customers Flow enables users to achieve tasks

Page 15: 5 minute design guidelines

Keeping these basic concepts in mind will go a long way to make visual presentations effective.

Page 16: 5 minute design guidelines

Thank You for your attention