The Dysfunctional Back Button
A horrifying trip through poor UX design
Visit this website and you’ll be infiltrated by three separate popup modals and two banners urging you to sign up for something. You’ll be forced to sequentially close the popups and banners to actually see the text on the page. One modal, fine - but three of them? And two banners? A bit excessive. The worst is yet to come though - reserved for when you try to hit the back button to return to whatever page you were previously on. No, it’s not an alert box asking you to confirm that you want to leave, or a case of the infinitely-refreshing page. This site decided to opt for a far more bold and dubious infringement of good UX. Potentially the “holy-grail” of annoying website practices: hitting back on this site will scroll you up about a ¼ of a centimeter.
If you clicked on this site from a Google search and were hoping to go back to the results, you can kiss that dream goodbye. You’ll be clicking the back button for at least five minutes, potentially years. If you dare stay on the site in a last-ditch attempt to salvage your tab, you’ll be solicited once again with a popup requesting permission to send you push notifications. Which, I can only assume would lead to never-ending push notifications, too. Either way, the authors of this site have clearly chosen one method of retaining users: through force.
With all jokes aside, this site is a great example of web developers going too far in the name of conversions. Like, way too far. This site is so intrusive I thought I accidentally clicked on a satirical site made to highlight frustrating UX by reddit user /u/GooseRepresentative1: https://how-i-experience-web-today.com/. Ironically, said site is actually easier to leave than the SearchEngineWatch site.
So why am I writing this? First, it’s not to chastise developers/companies that use popup registration forms. After all, this site also makes use of one. We’d be silly not to - it’s a quick and easy way to capture far more leads than otherwise possible. What I do want to bash, though, are purposefully obtrusive mechanisms, like hijacking the back button. And frankly, it’s time for Google to penalize sites that interfere with the browsers default behavior in such a commanding manner.
We all know how Google strives to optimize search results: good results mean people keep using google. Bad results mean users switch to competitors, such as Bing, for their search engine needs. Google’s algorithms are fine-tuned to deliver the best results by monitoring a variety of metrics, one of such is the duration that users spend on a website after clicking on it from a search. Clearly, SearchEngineJournal is manipulating the game to boost their stats, and as far as I can tell, it works! Which is a problem - because as more developers come across this tactic, more and more sites sporting this digital handcuff will pop up.
To Google’s benefit, they historically do fix issues once they become pervasive. So while they’re at it, wouldn’t it be nice if they penalized sites that use any of the biggest UX offenders? Surely, creating a fake browser history to block users from leaving would make the list. Let us know what you think and please, don’t do what they did.
More from Snappy Web Design
Subscribe to the Snappy Web Design Blog to get notified when a new post goes live. We'll never share your e-mail address or use it for any reason other than to share new posts.
Published September 1
Snappy Web Design is the one-stop-shop for web design.
Michigan's Newest Web Design Company
You search Google for “Michigan web design” and find my site. I’m Joe, and I’m the head developer at Snappy Web Design. I’m the new guy on the block, and an expert in providing full-service web design for small business owners in MI.
I’m different from typical web design agencies because I aim to be your partner for all things related to your onli...
Published August 6
You’ve heard of WordPress, Squarespace, and Wix...but what the heck is Gatsby.js?
You’re hiring a freelancer or agency to build your company's website and considering your options - WordPress, Squarespace, Wix - and then, someone mentions Gatsby.js. You learn that it’s used by many of the largest companies across the globe - but you’ve never heard of it, and don’t know what to think. This is the position that 95% of our new clients find themselves in and it’s understandable. Technology evolves fast and it can be hard to keep up. However, if you’re hiring an agency to build...
Published August 5
Learn how to style and set the active link in this Material-UI Tutorial
Wondering how to set or style the active link in Material-UI? This Material-UI tutorial will teach you how to style an active drawer / tab item with simplest code possible.
The Mui AppBar and Drawer provide a great starting point - but they don't provide a solid foundation for highlighting the active tab. As a result, many developers end up with 'hacky' methods of setting active nav items. Fortunately, there's a better way.