Designing a Minimal UI
⚡
Cory LaViska
Founder

A Beautiful Site, LLC
Postleaf

postleaf.org
Surreal CMS

surrealcms.com
DirtyMarkup

dirtymarkup.com
@claviska
What is a Minimal UI?
• Only showing users what they need
• Encouraging a logical workflow
• Making frequent tasks easier for the user
• Smart defaults
• Clear calls to action
• Easy to search
What’s NOT a minimal UI?
• Showing users every possible option
• Complicated layouts
• Poor component placement
• Inconsistent UI patterns
• Unnatural UX behaviors
Not So Minimal
We Can Do Better!
What if we...
• Take away the things users don't need
• Organize our layouts intuitively
• Group similar, less frequently used options
• Give components room to breath
• Flatten things out to remove distractions
Less is More
• Users don’t need everything in front of them
• Clean, minimal UIs improve usability
• Less distraction equals more productivity
• More pleasant UI means a more pleasant UX
Thank You!
🎉
Cory LaViska @claviska

Designing a Minimal UI

  • 1.
  • 2.
    Cory LaViska Founder
 A BeautifulSite, LLC Postleaf
 postleaf.org Surreal CMS
 surrealcms.com DirtyMarkup
 dirtymarkup.com @claviska
  • 3.
    What is aMinimal UI? • Only showing users what they need • Encouraging a logical workflow • Making frequent tasks easier for the user • Smart defaults • Clear calls to action • Easy to search
  • 4.
    What’s NOT aminimal UI? • Showing users every possible option • Complicated layouts • Poor component placement • Inconsistent UI patterns • Unnatural UX behaviors
  • 5.
  • 10.
    We Can DoBetter!
  • 11.
    What if we... •Take away the things users don't need • Organize our layouts intuitively • Group similar, less frequently used options • Give components room to breath • Flatten things out to remove distractions
  • 21.
    Less is More •Users don’t need everything in front of them • Clean, minimal UIs improve usability • Less distraction equals more productivity • More pleasant UI means a more pleasant UX
  • 22.