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

Beyond Whitespace: Designing for Complex Content

Beyond Whitespace: Designing for Complex Content

We’re all enamored with the minimalist websites that employ only the most essential use of color, images, and space. But what happens when the volume of information can’t be boiled down to something that simple? We’ll explore how to use design principles to organize and display elaborate user experiences like mega-menus, massive news sites, high-information catalog pages, and multi-level interactions.

E195ae45320d9202eaa01c9f1d31a416?s=128

Michelle Schulp

April 25, 2015
Tweet

Transcript

  1. BEYOND WHITESPACE DESIGNING FOR COMPLEX CONTENT

  2. @marktimemedia I Design THINGS.   USUALLY WORDPRESS.   HI, I’M

    MICHELLE.  
  3. @marktimemedia SIMPLICITY IN DESIGN

  4. @marktimemedia THE CONCEPT OF SIMPLICITY Apple

  5. @marktimemedia THE TREND OF SIMPLICITY via @TimCaynes

  6. @marktimemedia WHEN CONTENT ISN’T SIMPLE

  7. @marktimemedia FORCED SIMPLICITY VS. EMBRACED COMPLEXITY

  8. @marktimemedia “Everything should be made as simple as possible, but

    not simpler.” — Albert Einstein
  9. @marktimemedia ADJACENT IN SPACE

  10. @marktimemedia STACKED IN TIME

  11. @marktimemedia FORCED SIMPLICITY HIDDEN MULTIPLE CLICKS COUNTERINTUITIVE MISSING INFORMATION

  12. @marktimemedia EMBRACECD COMPLEXITY USER CONTROLLED (NOT AGENT-DIRECTED) SCANNABLE ACCESSIBLE

  13. @marktimemedia ISN’T THIS GOING TO BE CONFUSING?

  14. @marktimemedia HOW TO BE COMPLEX WITHOUT BEING COMPLICATED

  15. @marktimemedia “Clutter and overload are not an attribute of information,

    they are failures of design. If the information is in chaos, instead fix the design.” — Edward Tufte
  16. @marktimemedia REDUCE CLUTTER, NOT CONTENT

  17. @marktimemedia PURPOSEFUL DESIGN IEEE Software Technology Conference

  18. @marktimemedia MINIMIZE VISUAL NOISE Weather Underground

  19. @marktimemedia PROTOTYPICAL PATTERNS UX Patterns/WooThemes

  20. @marktimemedia CONSISTENT EXPERIENCE Fast Company / ESPN

  21. @marktimemedia KEEP PEOPLE ORIENTED

  22. @marktimemedia “ADJACENT IN SPACE” VS. “DECISIONS NOT OPTIONS”

  23. @marktimemedia EMPOWERED USER VS. DECISION FATIGUE

  24. @marktimemedia PROGRESSIVE DISCLOSURE

  25. @marktimemedia DESIGN FOR SCANNING Oneclub.org

  26. @marktimemedia EASILY FIND MORE WITH FEWEST CLICKS Twitter

  27. @marktimemedia AVOID STAGED DISCLOSURE

  28. @marktimemedia DISPLAYING COMPLEX INFORMATION WITH PROGRESSIVE DISCLOSURE

  29. @marktimemedia MEGA MENUS Maplin

  30. @marktimemedia MEGA MENUS Sliderobes

  31. @marktimemedia NEWS & DATA Newsweek

  32. @marktimemedia NEWS & DATA CNN Money

  33. @marktimemedia NICHE MARKETS Stentofon

  34. @marktimemedia NICHE MARKETS LC Homes

  35. @marktimemedia ADMIN INTERFACES BackupBuddy

  36. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  37. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  38. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  39. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  40. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  41. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  42. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  43. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  44. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  45. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  46. @marktimemedia ADMIN INTERFACES Events Calendar Pro

  47. @marktimemedia QUESTIONS? Michelle Schulp michelle@marktimemedia.com @marktimemedia bit.ly/mpls-complex-content