Cookie disclaimers are like explosions in a Michael Bay movie. They’re distracting and there’s way too many of them. It seems websites aren’t getting rid of them any time soon since notifying you about the spying action going behind the science is the norm now.
So in this article, I shall discuss how to reduce the noise of that explosion, and how (make them more user-friendly)
Rewrite to get the “right” attention:
The first step of any decision-making process related to purchasing is Attention, according to the AIDA Model of advertising: Attention, Interest, Desire, and Action.
Now, we can agree that most cookies disclaimers we see grab our attention, but they do it in a bad way that doesn’t peak internet but annoys you as a user.
To give you an example of what I mean by grabbing attention in a bad way:
Say Paul (assume that’s the name of a person you dislike) called you by your name. He got your attention, but do you really want to reply? If the answer is no, then that’s a bad way of grabbing attention. If the answer is yes, and Paul, for the sake of this example suddenly becomes your best friend! then that’s a good way of grabbing attention.
Now that you understand both ways of grabbing attention, let’s look at some of the bad examples and what makes them that bad:
1- Too long: While the target audience for The Times are readers and this cookie disclaimer is informative of what the cookie does, the fact it takes that space in the page might prevent people from actually reading it.
2- You have to click the button dismiss it: Unless you scroll down and really down this one seems like a loyal companion that can’t be dismissed unless an action(clicking the button) is taken and while the main goal of any website on the internet is to have the user performing an action. A bad user experience will force it upon you while a good one will convince you that your life isn’t complete without a temperature control mug.
While it’s short and can be dismissed by scrolling, The H&M cookie disclaimer got what some UX designers might consider a major flow. There’s a link when you hover over “Find out more” but you can’t find that out unless you hover over it.
The link can’t be distinguished from the rest of text and you have to read the whole thing to find out that “Find out” is a link.
Now the moment you’ve all been waiting for, let’s rewrite a cookie disclaimer to capture attention in a good way and peak interest
As designers, we hear a lot about convening the brand and its message in our design, but it’s not just the logo and the layout, it’s every part of the page even the one forced upon you. My version of the cookie disclaimer isn’t meant as one-size-fits-all sort of claimer, but to shows you another approach you can take while designing an annoying rectangle in your page.