Clicky



5 Popular UX Patterns That Users Hate

  • By Nick Hiley
  • 13 Jul, 2017
UX patterns are design solutions that can be repeated for common problems. Their aim is to make user accessibility much easier, which leads to better performance in terms of conversion or retention. However, sometimes these patterns can actually become quite a nuisance for your users instead of benefitting them. That’s why I’m here to show […]

1. Popups

I know you’re with me on this one. You click a link to open up a web page and half way through reading the content you’re abruptly interrupted by a huge overlay begging for your email address. I understand they think they have a pretty good newsletter going that I would probably enjoy, that’s why I clicked on their link, but they will never make new friends by shouting down their throats.
Instead allow users to read content and get acquainted before asking for anything. Give them the chance to decide on their own instead of forcing it on them. This could either be a subtle pop-out after reading the page, or a popup modal before the user clicks off the page.

2. Social Integration

Sharing is awesome. Especially for your business as it’s the most cost effective way to get customers to your website. Social widgets on the other hand should be used sparingly. Why spend hours of your time producing a great piece of content only to distort it with eager social buttons.
Sharing on social media should be an organic experience, not a forced one. A user will want to share your content more if they are not patronised into it, so limit your widgets and consider using a pleasant message at the end of the content asking them to give it a quick tweet if they enjoy your work.

3. Page Preloaders

As technology progresses our generation gets more impatient and in 2017 we shouldn’t have to watch a spinner load a 2MB website. I know this might just be a fancy trend, and I’m sure 80% of them weren’t actually loading anything but used aesthetically, but speed should be a priority when building a web application.
If you are having speed issues, load in the lighter elements of the page first—like the navigation—and use a loader for the heavier content, instead of leaving the user on a blank screen staring at a cute animation. This way the user doesn’t feel like you’ve stood them up on a date, and that you are still there.

4. Mega Menus

Mega menus may seem like a good solution for a website that has many pages and sections, but it’s not. The problem being is that they create a maze-like experience for the user as they try to find their desired page. It forces the burden of navigation to the user and they will quickly get frustrated or bored.
If you don’t want your site’s navigation to resemble a game of Where’s Waldo , you can split up the different links into sections. You could also swap out some of the text links for imagery to make it less mundane. Lastly, for the sake of all humanity, please stay well away from hover activated dropdowns.

5. Infinite Scrolling

While infinite scrolling solved retention issues for us, it created more problems than it fixed. If you need to reach an important page that’s located in the site’s footer and the site has auto infinite scrolling activated, it is a lost cause. Another problem being when you have been scrolling for a while and visit another page. Time to go back and carry on from where you left off? Not a chance.
Just like mega menus, infinite scrolling has great potential if implemented correctly. Blend the pattern with traditional pagination and allow the user to choose to continue scrolling with an action. This will help keep your footer accessible. In order to fix the issue of users losing where they were up to, have the URL change whenever the page loads up another section.

Wrapping Up

A quick disclaimer to bear in mind is that although I’ve mentioned that the above UX patterns are insanely annoying, that doesn’t mean that you should avoid them like the plague. While they are not the best option, some of them might work for your website depending on your requirements. However, try empathising with your users and think before you employ any of these patterns.

Latest News

By Inessa Brown 21 Jul, 2017
Have you ever encountered a website with confusing navigation? Been sent down the wrong path by misleading labels? Or needed your best detective skills to find a particular piece of content? It’s frustrating, isn’t it? What can companies do to ensure that users can find what they are looking for on a website? Usability testing […]
By Ben Moss 20 Jul, 2017
Google’s minimal search page has consistently been heralded as a minimalist masterpiece since it first appeared in 1996. It’s been argued by numerous designers—myself included—that it was the perception of Google as a ‘pure’ unadulterated search was more central to Google’s rise and eventual dominance, than the merits of its (in)famous algorithm. So it’s something […]
By Ezequiel Bruni 20 Jul, 2017
When I go to any website, I’m looking for something. I may want to buy a product, or find information, or browse random memes, but whatever it is, I have a goal in mind. That goal could even be subconscious, but it’s there. Human beings never do anything without a reason. Whether or not they […]
By _dm_templates 20 Jul, 2017
Red Rocket are pleased to announce the launch of the new website for Gillian Allard the winner of Sky Arts Master Of Photography award for 2017. The website is built on our platform and allows Gillian to update all parts of the website herself.
By Nick Babich 19 Jul, 2017
Transitions are a powerful way to communicate a change in a user interface. They can be used in apps to help offload a lot of the cognitive work into the visual cortex: they help transport users between navigational contexts, explain changes in the arrangement of elements on a screen, and reinforce element hierarchy. Consequently they […]
By Mickey Aharony 18 Jul, 2017
Designing fun, visually appealing party banners can be a complicated task if you don’t have enough graphic design experience or know how to use image editing software, such as Photoshop or Sketch. Buying and installing an image editing software, installing custom fonts, designing the graphics and figuring out how to apply a text overlay can […]
By _dm_templates 18 Jul, 2017

Joan is applying for a small loan on all-online-loanzzz.com. She’s becoming frustrated with the number of financial-disclosure forms she has to fill out. She’s thinking about visiting her local bank to ask for a loan instead.

While waiting for a page to load, the application presents a cartoon image of a person wearing a business suit sitting in a jail cell. The image caption says, “Hey, everyone hates disclosures. We know you do, too. We’re doing our best to keep everyone out of jail. Please bear with us for a few more clicks. You won’t regret it, and our loan officers will stay out of jail.” Joan smirks at the image. She might not appreciate the number of forms she has to complete, but she understands the serious nature of applying for a loan.

Humor is an important aspect of life. Researchers find  humor has many positive benefits . It can reduce stress, increase psychological well being and increase tolerance for pain. Most of us have had experiences in which we’ve used humor to lighten a mood or cheer someone up. Humor is integral and inherent to human relationships.

You can use humor in your design (both in the process and the product) to create a positive user experience. We want to develop positive relationships with our users — humor can help make that happen.

But how do I do this?, you might ask. Do I need to be a comedian? Should I format all of my FAQs as knock-knock jokes? The answer is no to both of those questions. You can incorporate humor in your design, maintain your brand identity and not look like you are trying too hard in the process.


By Cassandra Naji 17 Jul, 2017
2017 looks set to be the year that augmented reality (AR) moves firmly into the mainstream. As the next big technology trend, it looks set to have a massive impact on user experience and, by extension, user experience design. The good news is that augmented reality has the potential to solve user problems that have […]
By Cameron Chapman 16 Jul, 2017
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, […]
By Jerry King 15 Jul, 2017
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world […]
More Posts
Share by: