Designing a Minimal UI

•

0 likes•237 views

Cory LaViska

Slides from my lightning talk at Front End Orlando on August 24, 2016.

Software

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 workﬂow
• 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

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

Similar to Designing a Minimal UI

Introduction to User Experience Design for EngineersICS

Software patternsAshok Korwar

User Experience Design for Software Engineers, ICS & The Qt CompanyQt

Improving Functional UsabilityYogesh B

Usability & Agile Developmentbinuvt

Scaling UX in a maturing organisationLinus Lennstrand

UI UX DESIGN.pptxRiniyaMary

What is User Experience?Anthony Hahn

UX design for every screenFour Kitchens

UI-UX Practical Talking - Mohamed ShehataMohamed Shehata

PowerShell and the Future of Windows AutomationConcentrated Technology

WebSG - UX @ SMU 11/11/10Shah Widjaja

The UI is the THE application #dpc19Antonio Peric-Mazar

體驗劇場_1050308_W3_崑曲與使用者經驗_楊政達Visual Cognition and Modeling Lab

A thing or two about User ExperienceYael Keren

Intro to ux and how to design a thoughtful uiThanos Makaronas

Drupal UI Tweaks PNW Drupal SummitDarkoDev

Using 10 Dumpster On Rent Strategies Like The ProsKatherineketty

Experience the InterfaceNikhil Chandran

Informed & Agile: Test Driven Design w/ Jon InnesUserZoom

Similar to Designing a Minimal UI (20)

Introduction to User Experience Design for Engineers

Software patterns

User Experience Design for Software Engineers, ICS & The Qt Company

Improving Functional Usability

Usability & Agile Development

Scaling UX in a maturing organisation

UI UX DESIGN.pptx

What is User Experience?

UX design for every screen

UI-UX Practical Talking - Mohamed Shehata

PowerShell and the Future of Windows Automation

WebSG - UX @ SMU 11/11/10

The UI is the THE application #dpc19

體驗劇場_1050308_W3_崑曲與使用者經驗_楊政達

A thing or two about User Experience

Intro to ux and how to design a thoughtful ui

Drupal UI Tweaks PNW Drupal Summit

Using 10 Dumpster On Rent Strategies Like The Pros

Experience the Interface

Informed & Agile: Test Driven Design w/ Jon Innes

Recently uploaded

Auto Affiliate AI Earns First Commission in 3 Hours..pdfSelfMade bd

COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...naitiksharma1124

A Deep Dive into Secure Product Development Frameworks.pdfICS

The mythical technical debt. (Brooke, please, forgive me)Roberto Bettazzoni

Modern binary build systems - PyCon 2024Henry Schreiner

The Evolution of Web App Testing_ An Ultimate Guide to Future Trends.pdfkalichargn70th171

Abortion Pill Prices Jane Furse ](+27832195400*)[ 🏥 Women's Abortion Clinic i...Abortion Clinic

Jax, FL Admin Community Group 05.14.2024 Combined DeckMarc Lester

Abortion Pills For Sale WhatsApp[[+27737758557]] In Birch Acres, Abortion Pil...drm1699

Lessons Learned from Building a Serverless Notifications System.pdfSrushith Repakula

Weeding your micro service landscape.pdftimtebeek1

[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypseTomasz Kowalczewski

From Knowledge Graphs via Lego Bricks to scientific conversations.pptxNeo4j

architecting-ai-in-the-enterprise-apis-and-applications.pdfWSO2

Test Automation Design Patterns_ A Comprehensive Guide.pdfkalichargn70th171

Workshop - Architecting Innovative Graph Applications- GraphSummit MilanNeo4j

Microsoft365_Dev_Security_2024_05_16.pdfMarkus Moeller

Navigation in flutter – how to add stack, tab, and drawer navigators to your ...Flutter Agency

Incident handling is a clearly defined set of procedures to manage and respon...Varun Mithran

Workshop: Enabling GenAI Breakthroughs with Knowledge Graphs - GraphSummit MilanNeo4j

Recently uploaded (20)

Auto Affiliate AI Earns First Commission in 3 Hours..pdf

COMPUTER AND ITS COMPONENTS PPT.by naitik sharma Class 9th A mittal internati...

A Deep Dive into Secure Product Development Frameworks.pdf

The mythical technical debt. (Brooke, please, forgive me)

Modern binary build systems - PyCon 2024

The Evolution of Web App Testing_ An Ultimate Guide to Future Trends.pdf

Abortion Pill Prices Jane Furse ](+27832195400*)[ 🏥 Women's Abortion Clinic i...

Jax, FL Admin Community Group 05.14.2024 Combined Deck

Abortion Pills For Sale WhatsApp[[+27737758557]] In Birch Acres, Abortion Pil...

Lessons Learned from Building a Serverless Notifications System.pdf

Weeding your micro service landscape.pdf

[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse

From Knowledge Graphs via Lego Bricks to scientific conversations.pptx

architecting-ai-in-the-enterprise-apis-and-applications.pdf

Test Automation Design Patterns_ A Comprehensive Guide.pdf

Workshop - Architecting Innovative Graph Applications- GraphSummit Milan

Microsoft365_Dev_Security_2024_05_16.pdf

Navigation in flutter – how to add stack, tab, and drawer navigators to your ...

Incident handling is a clearly defined set of procedures to manage and respon...

Workshop: Enabling GenAI Breakthroughs with Knowledge Graphs - GraphSummit Milan

Designing a Minimal UI

1. Designing a Minimal UI ⚡

2. Cory LaViska Founder  A Beautiful Site, LLC Postleaf  postleaf.org Surreal CMS  surrealcms.com DirtyMarkup  dirtymarkup.com @claviska

3. What is a Minimal UI? • Only showing users what they need • Encouraging a logical workﬂow • Making frequent tasks easier for the user • Smart defaults • Clear calls to action • Easy to search

4. What’s NOT a minimal UI? • Showing users every possible option • Complicated layouts • Poor component placement • Inconsistent UI patterns • Unnatural UX behaviors

5. Not So Minimal

10. We Can Do Better!

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

12.

13.

14.

15.

16.

17.

18.

19.

20.

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. Thank You! 🎉 Cory LaViska @claviska

Designing a Minimal UI

Recommended

Recommended

More Related Content

Similar to Designing a Minimal UI

Similar to Designing a Minimal UI (20)

Recently uploaded

Recently uploaded (20)

Designing a Minimal UI