The Optimal Way to Display Modals on Mobile Screens

Turning modal windows into 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.



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

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