Design Is In The Details

Slide 1

Slide 1 text

COVER SLIDE WUT SUBTITLE ALL THE THINGS DESIGN IS IN THE DETAILS How Decisions Shape Communication

Slide 2

Slide 2 text

@marktimemedia HI, I’M MICHELLE @marktimemedia i do design for print&web&wordpress

Slide 3

Slide 3 text

@marktimemedia LOTS OF WORK GOES INTO BUILDING A WEBSITE

Slide 4

Slide 4 text

@marktimemedia RESEARCH PERSONAS BRANDING CONTENT DEVELOPMENT SEO DESIGN

Slide 5

Slide 5 text

@marktimemedia DON’T STUMBLE AT THE FINISH LINE

Slide 6

Slide 6 text

@marktimemedia HOW DO PEOPLE USE THE WEB?

Slide 7

Slide 7 text

@marktimemedia A PAMPHLET? Flickr: bunchofpants

Slide 8

Slide 8 text

@marktimemedia IRL: A BILLBOARD @60MPH Flickr: moominsean

Slide 9

Slide 9 text

@marktimemedia CAREFUL CONSIDERATION?

Slide 10

Slide 10 text

@marktimemedia IRL: “SATISFICING” Flickr: CarbonNYC

Slide 11

Slide 11 text

@marktimemedia HOW CAN WE HELP?

Slide 12

Slide 12 text

@marktimemedia ENABLE PEOPLE TO MAKE GOOD DECISIONS

Slide 13

Slide 13 text

@marktimemedia SELF- EVIDENT Flickr: boeke

Slide 14

Slide 14 text

@marktimemedia SELF- EXPLANATORY Flickr: ManWithAToyCamera

Slide 15

Slide 15 text

@marktimemedia ELIMINATE QUESTION MARKS Flickr: Leo Reynolds Wait, what does THAT do?

Slide 16

Slide 16 text

@marktimemedia HOW CAN DESIGN DO THIS?

Slide 17

Slide 17 text

@marktimemedia GOOD DESIGN IS INVISIBLE. IT DOESN’T GET IN THE WAY.

Slide 18

Slide 18 text

@marktimemedia GETTING IN THE WAY

Slide 19

Slide 19 text

@marktimemedia THE RESULT Flickr: quinn.anya *Mandatory WordCamp Cat Picture

Slide 20

Slide 20 text

@marktimemedia “MINOR” DECISIONS MAKE A HUGE IMPACT

Slide 21

Slide 21 text

@marktimemedia HOW CAN YOUR DESIGN GET OUT OF THE WAY?

Slide 22

Slide 22 text

@marktimemedia VISUAL HIERARCHY

Slide 23

Slide 23 text

@marktimemedia WRITE FOR SCANNING

Slide 24

Slide 24 text

@marktimemedia WRITE FOR SCANNING

Slide 25

Slide 25 text

@marktimemedia WRITE FOR SCANNING

Slide 26

Slide 26 text

@marktimemedia GROUPING TITLES

Slide 27

Slide 27 text

@marktimemedia GROUPING TITLES

Slide 28

Slide 28 text

@marktimemedia PROXIMITY & HIERARCHY

Slide 29

Slide 29 text

@marktimemedia PROXIMITY & HIERARCHY

Slide 30

Slide 30 text

@marktimemedia GROUPING & ASSOCIATION

Slide 31

Slide 31 text

@marktimemedia WHAT CONTROLS THIS?

Slide 32

Slide 32 text

@marktimemedia PROXIMITY

Slide 33

Slide 33 text

@marktimemedia COLOR/SHAPE

Slide 34

Slide 34 text

@marktimemedia SIGNIFIERS

Slide 35

Slide 35 text

@marktimemedia CLICKABILITY

Slide 36

Slide 36 text

@marktimemedia THE PROBLEM WITH FLAT DESIGN

Slide 37

Slide 37 text

@marktimemedia USING COLOR WISELY

Slide 38

Slide 38 text

@marktimemedia USING DESIGN PATTERNS

Slide 39

Slide 39 text

@marktimemedia ESTABLISHED PATTERNS

Slide 40

Slide 40 text

@marktimemedia

Slide 41

Slide 41 text

COVER SLIDE WUT SUBTITLE ALL THE THINGS QUESTIONS? Michelle Schulp [email protected] @marktimemedia bit.ly/design-details