Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Is In The Details

Design Is In The Details

How specific and seemingly minor design decisions influence UX and effectiveness

Michelle Schulp Hunt

April 26, 2014
Tweet

More Decks by Michelle Schulp Hunt

Other Decks in Design

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  4. @marktimemedia
    RESEARCH
    PERSONAS
    BRANDING
    CONTENT
    DEVELOPMENT
    SEO
    DESIGN

    View full-size slide

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

    View full-size slide

  6. @marktimemedia
    HOW DO PEOPLE
    USE THE WEB?

    View full-size slide

  7. @marktimemedia
    A PAMPHLET?
    Flickr: bunchofpants

    View full-size slide

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

    View full-size slide

  9. @marktimemedia
    CAREFUL CONSIDERATION?

    View full-size slide

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

    View full-size slide

  11. @marktimemedia
    HOW CAN WE
    HELP?

    View full-size slide

  12. @marktimemedia
    ENABLE PEOPLE
    TO MAKE GOOD
    DECISIONS

    View full-size slide

  13. @marktimemedia
    SELF-
    EVIDENT
    Flickr: boeke

    View full-size slide

  14. @marktimemedia
    SELF-
    EXPLANATORY
    Flickr: ManWithAToyCamera

    View full-size slide

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

    View full-size slide

  16. @marktimemedia
    HOW CAN DESIGN
    DO THIS?

    View full-size slide

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

    View full-size slide

  18. @marktimemedia
    GETTING IN THE WAY

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  22. @marktimemedia
    VISUAL
    HIERARCHY

    View full-size slide

  23. @marktimemedia
    WRITE FOR SCANNING

    View full-size slide

  24. @marktimemedia
    WRITE FOR SCANNING

    View full-size slide

  25. @marktimemedia
    WRITE FOR SCANNING

    View full-size slide

  26. @marktimemedia
    GROUPING TITLES

    View full-size slide

  27. @marktimemedia
    GROUPING TITLES

    View full-size slide

  28. @marktimemedia
    PROXIMITY & HIERARCHY

    View full-size slide

  29. @marktimemedia
    PROXIMITY & HIERARCHY

    View full-size slide

  30. @marktimemedia
    GROUPING &
    ASSOCIATION

    View full-size slide

  31. @marktimemedia
    WHAT CONTROLS THIS?

    View full-size slide

  32. @marktimemedia
    PROXIMITY

    View full-size slide

  33. @marktimemedia
    COLOR/SHAPE

    View full-size slide

  34. @marktimemedia
    SIGNIFIERS

    View full-size slide

  35. @marktimemedia
    CLICKABILITY

    View full-size slide

  36. @marktimemedia
    THE PROBLEM WITH FLAT DESIGN

    View full-size slide

  37. @marktimemedia
    USING COLOR WISELY

    View full-size slide

  38. @marktimemedia
    USING
    DESIGN
    PATTERNS

    View full-size slide

  39. @marktimemedia
    ESTABLISHED PATTERNS

    View full-size slide

  40. @marktimemedia

    View full-size slide

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

    View full-size slide