As a website designer, after receiving a project, I try to imagine a general design of the website in my mind, according to the client’s request, and experiences, and also use my creativity, and implement it on paper, just for myself.

In this process, I will try to implement the best ideas I have on the site and design a perfect site.


The use of knowledge and all the ideas for the design of the site will take me away from success! Why?

In my experience, too much of good features in a website design do not bring an interesting output, because the user who enters the site did not come looking to use all the parts of my site and also enjoys my creativity. He has come to perform a specific action.

Simplicity in website design; the key to success

According to my experience and the studies I have done in this field, the best way to design a website that most users can benefit from is to use a simple design.

The simplicity of the site as well as the transparency in the design is one of the factors of success and one of the features liked by the users.

The meaning of simplicity and transparency is not to forget the discussion of sales and the use of marketing tools.

When you prioritize user satisfaction as a website designer, you are one step closer to success

What is the role of pop-ups in this story?

Between 1994 and 1999, Ethan Zuckerman wrote the original code for pop-up ads, and far from being a compliment, it became a source of discomfort for the viewers of web pages in the same years. It was accompanied by the abuse of various sites.

The purpose of pop-up windows was originally to be able to display the important and required content of the user without changing the overall structure of the website.

But after some time, many sites abused this good feature and gave it an advertising image.

When the internet was flooded with pop-ups, it was Google that entered the field like a superhero. According to Google’s rules, sites that have a lot of ads and pop-ups on their site face a reduction in ranking on the Google results page.

The main problem was that at that time there were no clear rules for a pop-up accepted by Google and users.

Another question that occupied the minds of digital marketers as well as designers was whether or not using pop-ups was a good way to increase newsletter subscribers, offer new discounts, and introduce new articles.

In the continuation of this article, we will clear all your doubts and questions regarding the use of pop-ups and, with a brief look at the current state of pop-ups in website design, we will provide you with useful advice on the use of pop-ups.

Types of pop-ups and differences together

Let’s first see how many types of pop-ups are currently available and for what purpose they are used and why we should use them in website design projects.

Modal: It is one of the most common types of pop-ups that users encounter on the web.

This type of pop-up appears at the bottom or corner of your screen as soon as you enter the site or with a little delay.

Interstitial: This type of pop-up, which is not very recommended, covers the entire page when you enter the website, and you have to try to get rid of it first to view the content of the page.

Notification Bar: This pop-up model is usually placed in the form of a notification bar at the top or bottom of the page.

Using pop-ups is not wrong at all.

The most important factor that affects the quality of the pop-up is the content placed in it and how the user accesses the main space of the page.

Reasons for using pop-ups in website design

You might think that Google doesn’t have a good relationship with pop-ups and it’s better to avoid them anyway; But for the 6 reasons that you will read below, you will conclude that if you use pop-ups in principle, they can play a very important and effective role in your website design.

Attracting attention: Use small and temporary windows that contain important and valuable messages, definitely with an appropriate color scheme and great headline writing. The pop-up attracts a lot of attention.

Psychological dimension: the human eye is unconsciously drawn to elements and small windows and colors that have beautiful effects.

Flexibility: You can use pop-ups in different situations such as when the user is scrolling or when he decides to leave.

Appearance: As we said at the beginning of the article, simplicity is one of the important criteria and principles in website design, this principle is also discussed in pop-up design.

Increase conversion rate: According to statistics, using pop-ups increases customer conversion rate by 3%. If you pay attention to the design and functionality of your site’s pop-ups, this amount will increase to 9%.

Reducing the bounce rate: By designing a smart pop-up, you can not only improve your conversion rate but also significantly reduce the bounce rate of your site.

What pops should we not use?

Google in the webmaster blog asked the programmers and designers of the site to design and target advertising pops as well as for users so that the audience does not encounter spam and annoying content.

Google also has a severe penalty for those websites that use the following pop-ups:

  • The pop-up is displayed to the user immediately after entering the page
  • Pop-up hides the content of the site page and there is no access to the main content or they cover the entire page, such as interstitial pops introduced in this article.

Important rules in using pops as a standard

Compliance with these rules will increase your pop-up conversion rate, reduce your bounce rate, and comply with Google’s expected rules and standards, which also affect site SEO.

Do not use pop-ups for no purpose, because this will waste users’ time and, as a result, lose their trust.

The pop-up should match your site in terms of design and color.

Responsiveness of pop-ups is considered a very important thing in website design.

1) Use short and effective titles.

2) The CTA button or your message in the pop-up must be clear and fully accessible.

3) Don’t overdo it in getting your users’ information and only use their email addresses.

4) The content of the pop-up must be related to the content on the page.

5) Give users enough time to check the site and do not use pops on the first page of your site as much as possible.

6) Design a dedicated pop-up for each platform, it is better to have different pop-ups for mobile and desktop.

7) Be sure to provide users with an exit way to close the pop-up.

8) Show the pop-up at least 5 seconds after the user enters the page.

9) Do not use repeated pops on different pages of the site.

10) If you want your user’s attention to be drawn to only one thing, place your pop-up window in the center of the page.

11) If you want to inform the user of a special offer or special discount, use Sticky Bar instead of the popup, I have used this many times in my projects.

12) If the content of your pop-up is not much needed by the user, place your pop-up in the margin of the page.

13) Take advantage of the user’s personalized pop-ups so that your audience pays more attention to the pop-up content.

14) If the pop-up is closed once by the user, it should not be displayed on other pages of the site or for future reference, unfortunately, many sites do not follow this point.

Leave a Reply

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