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

Design Is In The Details

Michelle Schulp
April 26, 2014
Design
4
680

Design Is In The Details

How specific and seemingly minor design decisions influence UX and effectiveness

Michelle Schulp

April 26, 2014
Tweet

More Decks by Michelle Schulp

See All by Michelle Schulp
The Future of Themes: Designing for the Block Editor and Beyond
marktimemedia
1
280
Hustle & Health: Creating A Culture of Wellness When Working From Home
marktimemedia
1
100
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
110
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.3k
Rethinking Themes: Embracing Atomic Design with Gutenberg
marktimemedia
3
2.7k
Templates & Plugins & Blocks, Oh My! Designing the Theme that Thinks of Everything
marktimemedia
2
240
How To Speak Unicorn: Translating Design for the Digital Age
marktimemedia
2
270
Design for Interaction: Using animation to enhance user experience
marktimemedia
0
320
Web Design: When to DIY and When to Hire
marktimemedia
0
92

Other Decks in Design

See All in Design
【総合案内資料】180 Inc. Company Introduction 2022.11改定
shogouenaka
1
380
UDM#2 水産現場のユーザーに寄り添う ウーオ流プロダクト開発
misaaa09
0
200
MIXI スポーツ領域とライフスタイル領域のデザイン
mixil
0
700
Богдана Кибза — Дизайн-система ✕ SDUI: как мы собирали грабли
ozontech
0
560
イカれたUIを作ろうの会のスライドdoke
yd_niku
0
21k
Return
juliantruitt
0
190
TIPSTARでのデザイナーの働き方について
mixil
0
720
超簡単！デザインシステム導入の手引き
fixel_admin
1
440
未来をデザインするDesignOps / DesignOpsMeets #1
takeshiinotsume
2
650
The Sound of a Soul
ohtristanart
PRO
0
290
3d, architectural visualisation and scenography
dmitry_tolonen
0
730
The Green Food Project
ryanm519
1
160

Featured

See All Featured
Thoughts on Productivity
jonyablonski
50
2.8k
Documentation Writing (for coders)
carmenintech
51
3k
GitHub's CSS Performance
jonrohan
1021
430k
Teambox: Starting and Learning
jrom
124
8k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
Clear Off the Table
cherdarchuk
79
290k
Designing on Purpose - Digital PM Summit 2013
jponch
108
5.9k
Support Driven Design
roundedbygravity
88
8.9k
The Pragmatic Product Professional
lauravandoore
21
3.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
22
1.5k
Optimizing for Happiness
mojombo
366
65k
How GitHub Uses GitHub to Build GitHub
holman
466
280k

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

  4. @marktimemedia
    RESEARCH
    PERSONAS
    BRANDING
    CONTENT
    DEVELOPMENT
    SEO
    DESIGN

    View Slide

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

    View Slide

  6. @marktimemedia
    HOW DO PEOPLE
    USE THE WEB?

    View Slide

  7. @marktimemedia
    A PAMPHLET?
    Flickr: bunchofpants

    View Slide

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

    View Slide

  9. @marktimemedia
    CAREFUL CONSIDERATION?

    View Slide

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

    View Slide

  11. @marktimemedia
    HOW CAN WE
    HELP?

    View Slide

  12. @marktimemedia
    ENABLE PEOPLE
    TO MAKE GOOD
    DECISIONS

    View Slide

  13. @marktimemedia
    SELF-
    EVIDENT
    Flickr: boeke

    View Slide

  14. @marktimemedia
    SELF-
    EXPLANATORY
    Flickr: ManWithAToyCamera

    View Slide

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

    View Slide

  16. @marktimemedia
    HOW CAN DESIGN
    DO THIS?

    View Slide

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

    View Slide

  18. @marktimemedia
    GETTING IN THE WAY

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. @marktimemedia
    VISUAL
    HIERARCHY

    View Slide

  23. @marktimemedia
    WRITE FOR SCANNING

    View Slide

  24. @marktimemedia
    WRITE FOR SCANNING

    View Slide

  25. @marktimemedia
    WRITE FOR SCANNING

    View Slide

  26. @marktimemedia
    GROUPING TITLES

    View Slide

  27. @marktimemedia
    GROUPING TITLES

    View Slide

  28. @marktimemedia
    PROXIMITY & HIERARCHY

    View Slide

  29. @marktimemedia
    PROXIMITY & HIERARCHY

    View Slide

  30. @marktimemedia
    GROUPING &
    ASSOCIATION

    View Slide

  31. @marktimemedia
    WHAT CONTROLS THIS?

    View Slide

  32. @marktimemedia
    PROXIMITY

    View Slide

  33. @marktimemedia
    COLOR/SHAPE

    View Slide

  34. @marktimemedia
    SIGNIFIERS

    View Slide

  35. @marktimemedia
    CLICKABILITY

    View Slide

  36. @marktimemedia
    THE PROBLEM WITH FLAT DESIGN

    View Slide

  37. @marktimemedia
    USING COLOR WISELY

    View Slide

  38. @marktimemedia
    USING
    DESIGN
    PATTERNS

    View Slide

  39. @marktimemedia
    ESTABLISHED PATTERNS

    View Slide

  40. @marktimemedia

    View Slide

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

    View Slide