Beyond Whitespace: Designing For Complex Content (2016)

BEYOND WHITESPACE DESIGNING FOR COMPLEX CONTENT

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

@marktimemedia SIMPLICITY

@marktimemedia SIMPLICITY: THE CONCEPT Apple

@marktimemedia SIMPLICITY: THE TREND via @TimCaynes

@marktimemedia WHEN CONTENT ISN’T SIMPLE

@marktimemedia FLYING AN AIRPLANE

@marktimemedia “Everything should be made as simple as possible, but
not simpler.” — Albert Einstein

@marktimemedia FORCED SIMPLICITY VS. EMBRACED COMPLEXITY

@marktimemedia FORCED SIMPLICITY HIDDEN MULTIPLE CLICKS COUNTERINTUITIVE MISSING INFORMATION

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

@marktimemedia COMPLEX DATA: ENTERPRISE APPLICATIONS

@marktimemedia ENTERPRISE SOFTWARE

@marktimemedia ENTERPRISE USERS SPECIALIZED MANDATED COMPARTMENTALIZED MISSION CRITICAL

@marktimemedia DESIGNING FOR ENTERPRISE

@marktimemedia EFFICIENCY > BEAUTY ENTERPRISE DESIGN

@marktimemedia FRICTIONLESS > DELIGHTFUL ENTERPRISE DESIGN

@marktimemedia COMPLEX DATA: CONSUMER APPLICATIONS

@marktimemedia NEWS & DATA Newsweek

@marktimemedia NICHE MARKETS Stentofon

@marktimemedia ECOMMERCE MoMA

@marktimemedia ADMIN & HOME SCREENS My Name Is Michelle/WordPress

@marktimemedia HOW TO BE COMPLEX WITHOUT BEING COMPLICATED

@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

@marktimemedia GRAPHIC DESIGN REDUCE CLUTTER, NOT CONTENT

@marktimemedia DESIGN PRINCIPLES IEEE Software Technology Conference

@marktimemedia MINIMIZE VISUAL NOISE Weather Underground

@marktimemedia PROTOTYPICAL PATTERNS UX Patterns/MoMA

@marktimemedia INTERNAL PATTERNS Fast Company / ESPN

@marktimemedia CHUNKING CNN Money

@marktimemedia CHUNKING Apple

@marktimemedia GOAL: INFORMATION IS READABLE, ACCESSIBLE, & LOGICAL

@marktimemedia ADJACENT IN SPACE

@marktimemedia PHONE SCREEN YouTube

@marktimemedia CARD LAYOUTS Pinterest

@marktimemedia MEGA MENUS Maplin

@marktimemedia MEGA MENUS Sliderobes

@marktimemedia STACKED IN TIME

@marktimemedia STAGED DISCLOSURE

@marktimemedia ISN’T THIS GOING TO BE CONFUSING?

@marktimemedia WHAT ABOUT “DECISIONS NOT OPTIONS?”

@marktimemedia DECISION FATIGUE VS. EMPOWERED USER

@marktimemedia UX DESIGN GUIDING WITHOUT RESTRICTING

@marktimemedia ONBOARDING

@marktimemedia VIDEO GAMES

@marktimemedia SETUP & PROCESS blog.intercom.io/ LinkedIn

@marktimemedia ONGOING GAMIFICATION blog.intercom.io/ LinkedIn

@marktimemedia PROGRESSIVE DISCLOSURE

@marktimemedia CONTEXTUAL DISCLOSURE The Events Calendar

@marktimemedia CLICK TO VIEW MORE Twitter

@marktimemedia FILTERING & SEARCH

@marktimemedia SEARCH + AUTOCOMPLETE Client Project

@marktimemedia FILTERING Amazon

@marktimemedia TAXONOMIES A List Apart

@marktimemedia COLUMNS My Name Is Michelle / WooCommerce

@marktimemedia ORIENTATION & FEEDBACK

@marktimemedia TOOLTIPS

@marktimemedia ERROR/VALIDATION MESSAGE MailChimp

@marktimemedia PROGRESS BARS

@marktimemedia BREADCRUMBS Amazon / CNN / MoMA

@marktimemedia GOAL: REDUCE DECISION FATIGUE & ENABLE POWER USERS

@marktimemedia RESOURCES • Nielsen Norman Group https://www.nngroup.com/articles/ • A List
Apart http://alistapart.com/article/ux-for-the-enterprise • Uday Gajendar https://medium.com/@udanium/why-i-design- enterprise-ux-fa74e9f12671#.5tek1yke8 • Edward Tufte http://www.edwardtufte.com/bboard/

@marktimemedia QUESTIONS? Michelle Schulp [email protected] @marktimemedia bit.ly/complex-design

Beyond Whitespace: Designing For Complex Content (2016)

Beyond Whitespace: Designing For Complex Content (2016)

More Decks by Michelle Schulp Hunt

Other Decks in Design

Featured

Transcript