33 examples of modal windows in web design

Is the modal window the Web 2.0 version of the ever so annoying pop up window? It can be! However, if used cleverly it can provide the flow and ease-of-use of desktop applications.

The modal window (or modal box) is a great way to hide things in order to give the user a great sense of overview and clarity of what he can expect from a user interface. Hiding things like contact forms, sign up forms, etc., can help unclutter an interface.

Modal windows can also be used to hide away large versions of screenshots, or even embedded videos. Modal are most used for hiding away contact forms, login forms, sign up forms, alerts and notices, help and tips, and search boxes.

Enjoy the modal window screenshot collection!

Published on 3 Feb, 2010

uipatternfactory.com

Watch the full Modal windows collection

Examining reward structures
Written by toxboe on Aug 3
When building a website that relies on social interaction it is particularly important to design your feedback and reward structures to match your design goals. This article examines important details to consider. Continue reading 0 comments
Keep users in the flow by prompting for continuation
Written by toxboe on Jul 19
A new trend on content-based websites seems is to animate a small box popping up at the bottom or top of the page, guiding users’ next move as they reach the end of an article. This technique is smart as it waits for just the right moment to break users’ attention. Continue reading 1 comment
63 great uses of icons in web design
Written by toxboe on Jul 15
Icons are most often used to enhance meaning and afford scanning in web design. The same icons have been used again and again for similar functions and in turn they have become synonyms for specific functionality or information. Continue reading 0 comments
57 video and audio player designs
Written by toxboe on Jul 13
There are far more video and audio player designs than what we know as the standard from youtube and vimeo. We’ve collected 57 examples of interesting multimedia player designs Continue reading 0 comments
51 good frontpage carousel design examples
Written by toxboe on Jun 15
We’ve explored the world of frontpage carousel slideshows and collected 51 great screenshot examples from web pages for your inspirational needs. Continue reading 2 comments
Designing for usability vs. motivation
Written by toxboe on Jun 5
Keeping your site usable is like keeping your home clean; it’s all about hygiene. It only becomes a problem if the hygiene is bad. If not, good usability won’t even get noticed, but be taken for a given. Continue reading 10 comments

UI-Patterns.com is the work of Anders Toxboe – a Danish web developer seeking to categorize what has before seemed like ad hoc approaches to developing web applications.

By not only listing different ways of solving common design problems, but also rationalizing about how, when, and why such solutions should be used, it is the goal to create a tool that will help end feature debates, get a clear understanding of why we’re doing what we’re doing, and why we’re not doing what we’re not doing.

UI-Patterns.com is an attempt to over time create a library of such solutions to common problems. It is a personal project, but is open to contributions.

About UI-Patterns.com