Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Course: Elements of a Great They Ask, You Answer Website

Start the Course Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

The 4 Most Dangerous UX Traps You Need to Avoid

By Joe Rinaldi

Joe Rinaldi also recommends this free course, Elements of a Great They Ask, You Answer Website.

The 4 Most Dangerous UX Traps You Need to Avoid Blog Feature

common-ux-traps.jpgYou know that feeling you get when you achieve the perfect milk to cereal ratio in the morning? What about the one when you see the last shirt on the rack and it just happens to be your size?

You feel satisfied and accomplished (even if you didn’t do anything) and there are not many other things that can top that.

As marketers, that’s exactly how we aim to make our website visitors feel.

We do this by researching and evaluating the latest design patterns and trends to work into our site’s UX. Unfortunately, from time to time those trends can lead us into the wrong functional direction.

Free Course: Elements of a Great They Ask, You Answer Website

I’ve been guilty on a few occasions of designing something based on visual aesthetics rather than usability. When I would start to see a site’s bounce rate increase or conversions drop, a sobering moment always followed.

Luckily I’ve learned from those mistakes and have compiled a list of the 4 most dangerous UX traps to avoid on your own site. Check out the list below to save yourself future headaches and stay in your users’ good graces.   

1. Frustrating Forms

The initial feeling a person has when encountering a form on any site is skepticism.

Thoughts that race through someone's mind range from “why do they need my information?”and “am I going to be slammed with spam now?” to “what am I going to eat for dinner?” (Ok, maybe not the last one.)

Those thoughts are typically followed by the user debating if the form is REALLY worth their time, energy, and personal information.

As marketers (and designers) we should always be on the lookout for ways to optimize our forms and make the submission process simple and painless. When setting up a form be sure to:

Provide Examples of How Text Should Be Formatted

Nothing is more frustrating than receiving an error message while submitting a form because a piece of information wasn’t formatted properly. If you require a special format for something such as a date, time, or phone number show the user with an example.

form-ux-examples1.png

You can also take this one step further by setting up your forms to auto-format this type of information.

Be Specific with Your Error Messages

form-ux-error-messages.png

Speaking of error messages: if a user does fill out a field incorrectly, make sure yours are direct and specific. Nobody wants to spend time guessing where the issue is. Making it easy to find and solve the first time around will lead to higher engagement and happy users.

Ask for the Right Amount of Information

Deciding how much information to gather can be tricky. The more information you gather, the better you can tailor any future content or interaction, but if you ask too much, you may start to feel like a celebrity stalker.

I think Ted Ammon of HubSpot put it best in his “4 Secrets to Contact Forms that Convert” blog post.

He suggests treating forms like dates. He quips “Did you pry for every ounce of information the first time you took a girl (or guy—we’re feminists, too) to dinner? Did you ask her age? If you did, you probably never had a second date.

Aside from being solid dating advice, it sums up how to approach forms. Start with just the basics, then ask for a little more on the next date, and over time you’ll have enough information to give your date a great marketing experience.

The amount of information you ask should also make sense for the offer at hand. For example, if someone’s subscribing to your blog, you shouldn’t be asking for their phone number or address. Why would you need that for a blog subscription?

2. Oversized Fixed Headers

ux-fixed-header.png

A large, fixed header is a design trend that is becoming more prevalent across The Web. These headers come from good intentions (making it easy for people to jump to a page from anywhere on a site), but when not executed properly, they can end up doing more harm than good.

Imagine yourself sitting in a movie theatre with Shaq sitting directly in front of you. You lean left, he moves left, you lean right, he moves right. Frustrating right? This is the similar feeling users get when a fixed header is too large. -- But don’t go giving all fixed headers a bad rep just yet.

Just like any other element on a website, they need to be done with reason and in moderation, but Smashing Magazine also actually found that fixed headers help people find what they were looking for 22% faster.

If you’ve made the decision to implement a fixed header on your site keep the following in mind:

  • The size of the header.
    A good rule of thumb is to try and keep your header under 100px tall, anything larger than that can start to hide valuable information.
  • Your Mobile Approach.
    A fixed header on a desktop will require a different treatment on mobile. You can’t afford to waste 100px of real estate on a smartphone! Consider removing the fixed functionality on mobile and switching over to minimal hamburger-style menu.
  • Experiment with different background opacities.
    Lowering the opacity on your fixed header is a good tactic to make sure your header doesn’t take up too much focus on a page. Remember, a fixed header should always be a secondary element to a pages content.

3. Conversion Crushing Carousels

Chances are you have all come across a carousel slider (also known as an image slider or rotating offers) at some point during your internet travels. A few years ago, these were all the rage but now, just like that pair of acid-washed jeans you still own, it’s time to retire this fad.

If you’ve currently got a site with a slider, I’m going to be blunt - Kill off that conversion crushing carousel! (how’s that for an alliteration?)

In case you’re still on the fence about your carousel, take the following into consideration:

Banner Blindness:

Carousels are notorious for creating “banner blindness”. This means over time people have learned to tune out and ignore carousels when visiting a page. In fact, a study done by Erik Runyon found that of the 3 million visitors that came to the Notre Dame website, only 1.07% actually interacted with their carousel. This is a huge waste of real estate and conversion opportunities.

Taking Control Away From the User:

Carousels also break many of today’s basic UX rules. They often scroll too quickly, have buttons that are too small or non-existent, and worst of all, they take away control from the user.  

According to the Principles of UI Design, people naturally feel most comfortable when they are in control. Elements like these take that comfort away and leave a bad impression.

Diluted Messages:

Many companies take the route of using a carousel slider when different departments can’t agree on one unified message. The result is a barrage of different messages which end up leaving the user confused.

People need to time to read, digest, and form an opinion on something before they take action. It’s common for carousels to rotate too quickly and end up cutting this process short.

4. Poor Mobile Optimization

Stats from IDC, a research firm, say that more users will access the internet using mobile devices than desktop computers this year.

This means that simply having a “responsive website” isn’t enough anymore. Responsive design can make a website look good on mobile, but may not address the specific needs of a mobile user. When it comes to optimizing your site for mobile conversions, keep the following in mind:

  • Have a  “mobile first” mindset. In other words, prioritize mobile context when creating user experiences.
  • Make it easy for users to get in and get out. Smartphone users are typically on-the-go so they need to be able to take action quickly and easily on your site. Give them a clear call-to-action right on your homepage hero section.
  • Design for touch. Optimize your form fields and buttons to be used by fingers of different shapes and sizes. This may mean increasing a button's height or the spacing between form fields.

Key Takeaways

This may seem like a lot of work up front, but I promise you taking these action items and applying them to your own sites will save you and your users a load of frustration. Just remember the following:

  • Keep your forms simple with clear and direct instructions
  • Keep fixed headers minimal and unobtrusive
  • Retire those old conversion killing carousels
  • Lastly don’t just make your site mobile responsive, mobile OPTIMIZE it  
Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Published on April 27, 2016

Recent Articles

8 Crucial Elements Every Homepage Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2021)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read
Every website agency talks about strategy; How is IMPACT different?
April 19, 2021 • 5 min read