I'm sure you've seen them before; those pesky, inescapable Cookie consent banners! They typically appear at the top or bottom of websites -- often obscuring important content. For example, if you were to visit CNN, Zara, or Unicef today; or, any other news, e-commerce, or charitable website for that matter -- especially those with an international presence -- you'd likely see one; a UI/UX eyesore. Such Cookie consent banners, ubiquitous and omnipresent, have become the defacto solution for complying with an important part of the European Union's (EU) ePrivacy Directive (ePD).
If you're unfamiliar with the ePD, it basically mandates that websites first obtain a user's consent before storing and/or retrieving any Personally Identifiable Information (PII) about them in and/or from HTTP cookies. (HTTP Cookies are small pieces of data stored by websites in a user's web browser for easier retrieval later.) The Cookie Law, as the ePD has become known, not only requires a website to notify its users about any PII it stores; but, also any PII its vendors might store too. As a result, users have been getting bombarded with Cookie consent notices from every website that they visit.
But are those Cookie consent banners even necessary? The original intent of the Cookie Law was to protect users' privacy; however, its implementation has actually had the opposite effect. Rather than increasing awareness, the Cookie Law's instead led to users just blindly closing the banners due to information overload -- often without even reading them first. In addition, the banners have created numerous UI/UX issues for websites in terms of their placement, copy/language, look & feel, etc. One major issue with the banners is that they introduce unnecessary friction into the browsing/purchasing path of users. This is especially true on mobile devices where the banners are often placed at the top of a webpage, taking up valuable screen real estate.
To address such problems, websites such as The Guardian and Amazon UK have started to experiment with novel ways of displaying their Cookie consent banners. By far the best solution I've come across is ShakeShack's Privacy Badge (see http://prntscr.com/o1xzdf), a small icon that's affixed to the lower-left hand corner of its webpages. (It's akin to the way in which a back-top-top link is typically displayed.) Clicking on the Privacy Badge brings up a modal window from which a user can learn more about Shake Shack's privacy policies. The UI for the badge is dead simple; and, the UX for the subsequent modal is minimal; it's an approach that more websites ought to consider. An even simpler solution though would be to embed a Cookie consent banner directly into a website's footer, thereby saving users any unnecessary aggrevation from having to interact with it. After all, the footer's where most websites' Privacy Policy and Terms of Use are located anyway, so it makes sense to put the banner there too.
Regardless of whether any website chooses to adopt ShakeShack's Privacy Badge, most should seriously reevaluate their implementation of the Cookie consent banner -- if only to prevent users from bouncing from their sites or abandoning their shopping carts. For example, a simple check of the "navigator.language" property in JavaScript to suppress the banner for non-EU countries could be enough for most websites. (Remember, the Cookie Law only applies to websites that do business in EU countries). For other websites, remember that nowhere in the ePD does it state that all Cookie consent banners must be implemented in the exact same way; nor has any website ever been sued by the EU over their implementation of a Cookie consent banner. So, stop following the crowd; put your UI/UX designers to work on a better solution for your website (that still complies with the law).
If you're unfamiliar with the ePD, it basically mandates that websites first obtain a user's consent before storing and/or retrieving any Personally Identifiable Information (PII) about them in and/or from HTTP cookies. (HTTP Cookies are small pieces of data stored by websites in a user's web browser for easier retrieval later.) The Cookie Law, as the ePD has become known, not only requires a website to notify its users about any PII it stores; but, also any PII its vendors might store too. As a result, users have been getting bombarded with Cookie consent notices from every website that they visit.
But are those Cookie consent banners even necessary? The original intent of the Cookie Law was to protect users' privacy; however, its implementation has actually had the opposite effect. Rather than increasing awareness, the Cookie Law's instead led to users just blindly closing the banners due to information overload -- often without even reading them first. In addition, the banners have created numerous UI/UX issues for websites in terms of their placement, copy/language, look & feel, etc. One major issue with the banners is that they introduce unnecessary friction into the browsing/purchasing path of users. This is especially true on mobile devices where the banners are often placed at the top of a webpage, taking up valuable screen real estate.
To address such problems, websites such as The Guardian and Amazon UK have started to experiment with novel ways of displaying their Cookie consent banners. By far the best solution I've come across is ShakeShack's Privacy Badge (see http://prntscr.com/o1xzdf), a small icon that's affixed to the lower-left hand corner of its webpages. (It's akin to the way in which a back-top-top link is typically displayed.) Clicking on the Privacy Badge brings up a modal window from which a user can learn more about Shake Shack's privacy policies. The UI for the badge is dead simple; and, the UX for the subsequent modal is minimal; it's an approach that more websites ought to consider. An even simpler solution though would be to embed a Cookie consent banner directly into a website's footer, thereby saving users any unnecessary aggrevation from having to interact with it. After all, the footer's where most websites' Privacy Policy and Terms of Use are located anyway, so it makes sense to put the banner there too.
Regardless of whether any website chooses to adopt ShakeShack's Privacy Badge, most should seriously reevaluate their implementation of the Cookie consent banner -- if only to prevent users from bouncing from their sites or abandoning their shopping carts. For example, a simple check of the "navigator.language" property in JavaScript to suppress the banner for non-EU countries could be enough for most websites. (Remember, the Cookie Law only applies to websites that do business in EU countries). For other websites, remember that nowhere in the ePD does it state that all Cookie consent banners must be implemented in the exact same way; nor has any website ever been sued by the EU over their implementation of a Cookie consent banner. So, stop following the crowd; put your UI/UX designers to work on a better solution for your website (that still complies with the law).
Thanks for Sharing..Keep Update…
ReplyDeleteWeb Hosting is the process of buying space for a website on the World Wide Web.
What is Web Hosting
Web Hosting for Beginners
A good UI and UX design creates satisfactory and efficient website interactions between a consumer and a company's products/services. I appreciate your efforts in writing this amazing article. Thank you for sharing this. Custom UI UX Design Service in USA
ReplyDeleteThanks for sharing the best information and suggestions, it is very nice and very useful to us. I appreciate the work that you have shared in this post. Keep sharing these types of articles here.https://mudev.net/
ReplyDeleteWow, your post is really very useful thanks for sharing for UX Service Agency in USA . It's really informative. keep sharing more with us.
ReplyDeleteThis is excellent information about Professional Website Designer In Usa which is shared by you. This information is meaningful and magnificent for us to increase our knowledge about it. Keep sharing this kind of information. Thank you.
ReplyDeleteWow, your post is really very useful thanks for sharing about $1 Web Hosting. It's really informative. keep sharing more with us.
ReplyDeleteIt is truly a well-researched content and excellent wording. I got so engaged in this material that I couldn’t wait to read. I am impressed with your work and skill. Thanks. UI and UX Design Company
ReplyDeleteThis post is Awesome. It’s helped me a lot. Please keep up your good work. We are always with you and Waiting for your new interesting post. Visit also Cloud Vps Hosting Services Provider
ReplyDeleteThis post is very nice and informative. Thanks for sharing Info about Medical Laboratory Management Software. I am waiting for your next post. Keep it up.
ReplyDeleteDu har en ægte kapacitet til at sammensætte et stof, der er nyttigt for os. Du har delt et fantastisk indlæg om Markedsføringsbureau Danmark. Vi er meget taknemmelige for din indsats for at dele sådanne oplysninger med os.
ReplyDelete