Intro to

Design

OR

why anyone in journalism
should give a crap about design

Design is

Invisible

Clearview Hwy

Clearview Hwy

Not so Invisible

"Turn on the bottom left burner"

Instructions, much?

“When a device as simple as a door needs an instruction manual, it is a failure.” - Don Norman

Not that invisible

Beauty

Craigslist

Proof that ugly things can be well designed.

Design Principles

Four tips for designing anything, ever.

Proximity

Group related things together

Proximity

Proximity

Alignment

Find a line and stick with it

Alignment

Alignment

Alignment

Alignment

Alignment

Alignment

Alignment

Alignment

Alignment

Alignment

If you're

going to make it

CENTERED

be obvious, plz

Alignment

Now, an Exercise!

Before & After

Contrast

If its not the same, make it very different

Contrast

You can't contrast 12pt with 13pt

Contrast

Contrast

You can't contrast black with dark brown. srsly.

Contrast

Contrast

Contrast

don't be a

if it's supposed to be different, make it different for goodness sake!

Contrast

Contrast

Contrast

Repetition

Pick a visual element & use it over and over

Repetition

Repetition

Repetition

Repetition

Repetition

Repetition

To Summarize:

Proximity

Alignment

Contrast

Repetition

Principles In the Wild

Just your everyday credit card disclosure statement

Principles In the Wild

A total redesign!

Before & After

Now, an Exercise!

Before & After

Details

The details are not the details.
They MAKE the design. CHARLES EAMES

Give Hints

What do I do here?


Affordances



Online Affordances

Hints

Hints

Hints

Bring it Forward

Don't make me click

Bring it Forward

Bring it Forward

Bring it Forward

Prevent Errors

Don't let me mess up

Prevent Errors

Prevent Errors

Prevent Errors

Surprise me!

(and just make my life easier)

Humor

Delight