Tag Archives: interface

Guidelines to Avoiding Google’s Penalty Caused by Intrusive Interstitials

Intrusive interstitials guidelines to avoiding google's penalty

This year, Google has made one recent change known as the intrusive interstitial update. This update aims to penalize intrusive popup ads which affect the mobile user experience. No wonder that some websites have experienced lowered mobile rankings. If you are working in SEO service field, this thing may become one of your concerns. But, don’t worry as you can avoid Google’s penalty caused by intrusive interstitials. Figure out the solutions in the passages below.

Decrypting the Intrusive Interstitial Update
First of all, it’s a mobile popup penalty.  Secondly, it’s an intrusive popup penalty. In light of this, Google wants to make sure that ads and popups do not interfere with the user experience. By devaluing pages with popups and overlays on the screen, Google can help users access the content they’ve requested in the first place.

What is the Impact of this Latest Update?
Pages with intrusive interstitials will no longer consider as being mobile-friendly. This is because obstructing content on mobile with ads or other popups is against Google’s guidelines. Ads or popups on screen causes the content inaccessible for a few seconds. In fact, Ads displayed over content are no longer acceptable on mobile. This includes popups that appear when you load the page from Google or when you scroll down.

What Constitutes an Intrusive Interstitial?
Intrusive interstitials will lead to a frustrating experience for desktop and mobile users alike. In fact, it tends to block most or all of a page. This will hinder visitors from experiencing your site as they block the content that visitors seek unexpectedly. In light of this, intrusive interstitials has become the biggest enemy as on desktop they are annoying at best and can ruin the entire experience on mobile.

What is still Permitted and not?
Even though, you have to deal with pop ups ads, but this doesn’t mean that all pop ups are forbidden. In fact, some popups are still permitted, such as:

  • Intrusive popups are still ok on desktop
  • Interstitials triggered by exit intent are still allowed
  • Page to page interstitials will not be penalized

Types of intrusive interstitials that will be forbidden are:

  • a popup or modal window that blocks most or all of the content on a page (this is basically a full-screen interstitial above the header);
  • a standalone interstitial that’s not responsive and that blocks the content;
  • a layout in which the content above the fold has the look and feel of an interstitial and requires dismissal or scrolling in order for the user to reach the main content beneath the fold.

Popups is frustrating indeed, but companies use them as at some points they are effective. So, if interstitials still become the best options to convert users for your websites. You can consider keeping them on the website by a no-index tag in your code. However, this will cut off organic traffic from Google to that page.

Therefore, designers, developers and marketers must create another ways to generate revenue. A sound strategy would be to leverage content marketing to educate audiences and guide them through the buying process. In the other words, you should move away from interruption marketing towards permission marketing.

So, the solutions that you can do related to this situation are; audit your popups, cookie notifications, overlays and big banners. This is to make sure that they comply with Google’s new guidelines. Furthermore, make sure that don’t take up space more than 15% from the screen to avoid penalty.

Is Ghost Button an effective UX design?


Ghost button may be one of the most used buttons that reached its peak around a year ago. But, this button is still popular to this day; you can find them across a wide range of websites. This type of button is usually used on minimalist or flat design.

If you are web designers, ghost buttons can be a good choice for creating an attractive design perspective. Their subtle design can give prominence to other design elements on the page. Moreover, it is also a good choice if you want to work well with responsive websites.

However, this makes it hard for people to see if their contrast with the background image is poor. Moreover, some people find it is difficult to spot the button, as they can be too subtle sometimes.

The Pros of Ghost Buttons

In the right context, ghost buttons will give a great look; they can give an elegant, subtle feel to a design. As a result, your pages will appear more minimal and lighter. Moreover, they can give you a deep visual hierarchy of a design when you can use them well. On the other hand, they will highlight an order of importance when you have more than one CTA on a page. This will give a more subtle effect to a secondary CTA.

The Cons of Ghost Buttons

While providing lots of benefits, in the other hand ghost buttons also bring some issues for users that affect in important page elements being overlooked. This has made Ghost buttons become a very questionable design decision since it often suffers from usability and accessibility issues. Based on the data available, it was clear that the ghost buttons were harder to spot during the tests.


Considering what impact you’d like your CTA to have is important. Only by this, you can decide which type to use. Even though, some experiments have shown that Ghost button grab less attention than solid CTAs. However, for some people Ghost button is still a ‘visually pleasing’ design.

Knowing 3 UX Mistakes that Almost Every Designer Makes


It’s in every designer’s DNA to make the impossible mission happens to be easy, simple, and beautiful. This makes many designers tend to be perfectionists which terrible critics would make their world fall apart and beautiful praise makes them fly. However, everyone will make mistakes and this also works for designers, especially web designers who should cope with user interfaces design. Therefore, every web designers should accept that mistakes is part of learning process since only by accepting it that way, they will learn and grow.

UX Mistake 1: Thinking users will understand what designers understand about.

Since designer will often deal with user interfaces, they use their common sense in everything they do. Their intuitive knowledge about how things work on the web is trained already, and sometimes this situation makes them think that it is a usual thing for people to think the same common sense like they did which cause further problems such as assuming that users: understand the controls, know which questions to ask, know what their icons, symbols and logos mean, will read or follow the instructions we give them, and know how to find what they want.

However, the fact is many users know nothing about design world at all since they come from different work background or etc., some even find that your visuals are confusing them. So, it is designer’s job to explain your design in varied points of view and lead their thought into yours.

UX Mistake 2: Do not know who Your Target Audiences actually are

There are many types of users, and not all users are your target audience, sometimes designers who do not understand about this will create wrong design which in the end may disappoint their target audience. Google’s designers seem to understand the difference between users and target audiences, instead of creating design that would please all users, they create user experience designs that would cause conflict with their goals, and in this case, if you are advertisers, bots, fraudsters, and searchers, you are removed from their user experience goals. They only create design that would please searchers, regular people searching for something.

UX Mistake 3: Not Enough Friction

Not many designers see the importance of having the right friction in their web design. In fact, some designers still believe user friction is bad. But, the truth is all websites need friction. Friction will help you manage things to adjust the users you attract.

There are many kind of good friction that you can use as examples, one of them is Quora, a Q&A site which have simple policy. Quora requires its users to be nice and respectful, unless they will be blocked or banned. Thus system is designed to maximize the user experience and make Quora a safe place for others.

The main point about friction is to know how to adjust the dial to attract the users they want, if you don’t then you will potentially overreacting it or you are chronically abused it. Below are some examples of bad friction:

  • Using captcha forms on a contact form with three or four fields.
  • Applying too many steps which are unnecessary
  • Not using enough form fields so everyone can easily gain access to whatever your design is offering.
  • Asking for privacy information in a matter where you should keep it as privacy.