Please, enter a valid email!

Anger Management: The Modal Experiment

How many times have you seen modal windows that cover the whole area of your browser window with a semi transparent layer? Probably lots of times…actually modal windows are very important they work as an interrupter on a way of the user with some required action.

Modal windows are intended to grab user's full attention. People may not recognize that a modal window requires their attention, leading to confusion about the main window being non-responsive, or causing loss of the user's data input intended for the main window.

Example#1: I’m an average Internet user, I use Google to find info I need. So I googled the phrase “the funniest cats”, I’m offered about 9,230,000 results. I hit one of those links, website page opens and what I see is a blackout…the modal window appears and makes me do actions I don’t want to fulfill…anger trigger #1.

Those actions may include either subscription to a newsletter or social media sharing. And here comes that very moment when devs divide into two groups: first one allows skipping this window (by pressing Esc or the cross), the second group makes the action in the modal window obligatory, and that’s the…anger trigger #2.

Example #2: I accidentally came across some website through search results. I’m not yet sure if this website is useful for me, so why should I subscribe and allow this resource access my info in the social network? There are two options:

Option one: I can grant access to my info, browse this website, in case it will be of no use for me I’ll have to disallow it via the setting in my social media profile…anger trigger #3.

Option two: I’ll close this website and will never visit it again because of this damned window…outburst of rage extinguished 🙂

But what exactly interface designers think about modal windows? A modal window forces users to complete the action before going back to the browser window. This makes users more productive because they’re doing one action at a time instead of multi-tasking. Users are less likely to get confused and lost in their workflow because of the control and constraint modal windows have.

Yeah, right. Forcing someone do something is a lost cause…this is why offering alternative options is really important for every user.

So how to do it right without irritating any of your visitors?

Add closing cross to make the required action in the window optional...


...or the Close button

Anyway, these were just three anger triggers from others possible. If you had any experience creating or you've seen some examples of modal windows that enraged you with their meddlesomeness use the comments below to describe your feelings.

SPEAK UP! So, if you're for or against points of view discussed in this blog post feel free to share your thoughts in the comments section below. First of all this applies to those who are against 🙂


Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service - to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership - to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins - to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites - to create amazing visuals. You’ll get access to Depositphotos.com to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service - to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service - to increase UX of your site and get a better Google PageSpeed score.

Alex Bulat

Writing a blog post or building a micro niche WordPress website is something Alex can do bare-handed. You're welcome to contact him via Telegram, Facebook, or LinkedIn.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

2 responses to “Anger Management: The Modal Experiment”

  1. Silvio says:

    could you link the css3 style of the first modal box please

Leave a Reply

Your email address will not be published. Required fields are marked *