Design Is In The Details

Design Is In The Details

How specific and seemingly minor design decisions influence UX and effectiveness

E195ae45320d9202eaa01c9f1d31a416?s=128

Michelle Schulp

April 26, 2014
Tweet

Transcript

  1. COVER SLIDE WUT SUBTITLE ALL THE THINGS DESIGN IS IN

    THE DETAILS How Decisions Shape Communication
  2. @marktimemedia HI, I’M MICHELLE @marktimemedia i do design for print&web&wordpress

  3. @marktimemedia LOTS OF WORK GOES INTO BUILDING A WEBSITE

  4. @marktimemedia RESEARCH PERSONAS BRANDING CONTENT DEVELOPMENT SEO DESIGN

  5. @marktimemedia DON’T STUMBLE AT THE FINISH LINE

  6. @marktimemedia HOW DO PEOPLE USE THE WEB?

  7. @marktimemedia A PAMPHLET? Flickr: bunchofpants

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

  9. @marktimemedia CAREFUL CONSIDERATION?

  10. @marktimemedia IRL: “SATISFICING” Flickr: CarbonNYC

  11. @marktimemedia HOW CAN WE HELP?

  12. @marktimemedia ENABLE PEOPLE TO MAKE GOOD DECISIONS

  13. @marktimemedia SELF- EVIDENT Flickr: boeke

  14. @marktimemedia SELF- EXPLANATORY Flickr: ManWithAToyCamera

  15. @marktimemedia ELIMINATE QUESTION MARKS Flickr: Leo Reynolds Wait, what does

    THAT do?
  16. @marktimemedia HOW CAN DESIGN DO THIS?

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

    WAY.
  18. @marktimemedia GETTING IN THE WAY

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

  20. @marktimemedia “MINOR” DECISIONS MAKE A HUGE IMPACT

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

  22. @marktimemedia VISUAL HIERARCHY

  23. @marktimemedia WRITE FOR SCANNING

  24. @marktimemedia WRITE FOR SCANNING

  25. @marktimemedia WRITE FOR SCANNING

  26. @marktimemedia GROUPING TITLES

  27. @marktimemedia GROUPING TITLES

  28. @marktimemedia PROXIMITY & HIERARCHY

  29. @marktimemedia PROXIMITY & HIERARCHY

  30. @marktimemedia GROUPING & ASSOCIATION

  31. @marktimemedia WHAT CONTROLS THIS?

  32. @marktimemedia PROXIMITY

  33. @marktimemedia COLOR/SHAPE

  34. @marktimemedia SIGNIFIERS

  35. @marktimemedia CLICKABILITY

  36. @marktimemedia THE PROBLEM WITH FLAT DESIGN

  37. @marktimemedia USING COLOR WISELY

  38. @marktimemedia USING DESIGN PATTERNS

  39. @marktimemedia ESTABLISHED PATTERNS

  40. @marktimemedia

  41. COVER SLIDE WUT SUBTITLE ALL THE THINGS QUESTIONS? Michelle Schulp

    michelle@marktimemedia.com @marktimemedia bit.ly/design-details