Modals on Mobile: How to use them wisely

Posted by Chris Wigley |28 May 15 |

May 28, 2015

Somewhere along the line, modal dialogs have become a ubiquitous feature of web design. We’ve become used to modal windows popping up everywhere, including on mobile devices. Given their pervasiveness, one would think we would have mastered better ways to design and incorporate modals on mobile that don’t detract from the user experience. If modals are becoming commonplace, they should be designed the best way possible: easy to use, easy to understand, and easy to dismiss. So why aren’t they?

More often than not, modal overlays just don’t work well on tablets and mobile devices. They take some work to get right, and it takes time to address the different phone operating systems and resolve any glitches. They also have to be maintained to relate to the parent page. In many applications, they aren’t scaled properly to be optimized for mobile, or the window stutters as it starts…read more
By Chris Wigley