The Optimal Way to Display Modals on Mobile Screens

Modal Sheets

Are you displaying your modals optimally on mobile screens? A modal window on a desktop screen shouldn’t look the same on a mobile one.

Desktop modal windows open in the center of the screen with a transparent backdrop. Users can see through the backdrop to the parent screen as the child window is overlaid on top. The window has ample room to display content, and the buttons are easy to click.

--

--

--

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

UI/UX Design: We are NOT Developers!

You might be using the wrong wording when talking about user findings

A person gesturing with his hands sitting as part of a conference table. A macbook is on the table as well as a paper notebook open and a phone. Other laptops and things are on the table, and other people at the table are listening to the person gesturing.

How To Build Figma UI Library For Vue.js

The UX of new parenthood: Why we’ve got to conceive a better way

Gif animation of vibrant neon green background with the word “UX,” flashing in bright colors like purple, orange, and green. Different broken toys are appearing and reappearing in this animation such as a deflated basketball, an upside down toy car, etc.

How to Get Users to Swipe Content on Mobile Screens

The user experience of eating a machine-made burger

Master story, master UX

Man holding a black mask to represent the archetypal persona

Envisaging a modern Goodreads iOS experience — a redesign study

Updated Goodreads design — login page and home

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
UX Movement

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

More from Medium

Anatomy of an Optimally Designed Modal

Spacing guide for designers

Spacing

Understanding Figma’s interactive components feature

Graphic showing interactive elements, to introduce the story

6 Components Of Design