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

Don’t call me, I’ll call you; How customer feedback helped shape our new navigation UX

An image showing the transofrmation from old UI to the new UI

The Perfect Formula for FinTech Products: CX = ML + UX

User experience for B2B SaaS — tryst with heuristics

A design system business case & business benefits — the ultimate guide

An illustration of designers holding design props.

Designing a Scanning Experience for Nordstrom Fulfillers (Part 1)

How collecting metadata can yield better research insights

A zoom-in of a black dog’s collar, which has a number of identifiers attached to the collar to identify him.

5 tools to learn, to advance your career as an aspiring UX designer

Working with Adobe after effects

3 Ideas for Freelancers Who Are Losing Contracts

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

ProtoPie formula fundamentals: What is a formula?

Design is math

The HSB codes written on rectangles with different colors

Axure Tutorial: Making Common Animation Template