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

Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...kellynguyen01

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.

Hand gesture recognition PROJECT PPT.pptxbodapatigopi8531

Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...MyIntelliSource, Inc.

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

cybersecurity notes for mca students for learningVitsRangannavar

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin

XpertSolvers: Your Partner in Building Innovative Software SolutionsMehedi Hasan Shohan

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfkalichargn70th171

chapter--4-software-project-planning.pptkotipi9215

EY_Graph Database Powered SustainabilityNeo4j

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3

Optimizing AI for immediate response in Smart CCTVshikhaohhpro

5 Signs You Need a Fashion PLM Software.pdfWave PLM

Engage Usergroup 2024 - The Good The Bad_The UglyFrank van der Linden

Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...ICS

Call Girls in Naraina Delhi 💯Call Us 🔝8264348440🔝soniya singh

why an Opensea Clone Script might be your perfect match.pdfjoe51371421

Asset Management Software - InfographicHr365.us smith

Recently uploaded (20)

Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Hand gesture recognition PROJECT PPT.pptx

Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

cybersecurity notes for mca students for learning

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

XpertSolvers: Your Partner in Building Innovative Software Solutions

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf

chapter--4-software-project-planning.ppt

EY_Graph Database Powered Sustainability

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data

Optimizing AI for immediate response in Smart CCTV

5 Signs You Need a Fashion PLM Software.pdf

Engage Usergroup 2024 - The Good The Bad_The Ugly

Salesforce Certified Field Service Consultant

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...

Call Girls in Naraina Delhi 💯Call Us 🔝8264348440🔝

why an Opensea Clone Script might be your perfect match.pdf

Asset Management Software - Infographic

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