Categories / Tutorials
12 Awkward Web Design Problems and How to Fix Them
Marshall Taylor March 31, 2021 · 6 min read
1. Where Do I look!
The ProblemYour site has no structure to its content. This could be the result of poor planning from the onset, or even the mismanaged growth of content within larger websites over time, but whatever the reason, give your user clear visual instructions – don’t leave them guessing.
The FixDefine your content’s hierarchy with your website’s goals in mind. If you are building a landing page with the sole goal of capturing e-mails, then make your design reflect this goal, build a visual hierarchy that leads your user to your call-to-action.
2. Wait, how do I get there?
The ProblemBad and misguided navigation can plague a website’s pageviews. Standards in web navigation design are emerging, and the misuse of these is confusing for your users.
The FixDon’t reinvent the wheel. There is a reason that road sign iconography is fairly universally standardized, it primes users for what to expect and controls their reactions. This same idea should be applied in a website’s navigation design. Think about what the user is expecting and apply your design skills to execute a well-crafted interactive element. Avoid completely reinventing the wheel if you are expecting mass ease of access, boundaries can be pushed but always be aware of the relationship between deviant design ideas, and mass usability.
3. You sure you need a splash page?
The ProblemYou likely don’t need a splash page to your website, they are irritating to users and add an extra level of unnecessary interaction that is only required on specific websites.
The FixDon’t have one. Include this content into your website’s architecture or consider a less intrusive option like a dropdown.
4. Stop hijacking my experience!
The ProblemYou web design has too many autoplay features.
The FixThere have been proven exceptions to this, like the auto-playing fullwidth video background, or parallax websites. But I would contest that these elements still restrict your users, be sure that your website’s goals support the implementation of these types of design elements and use them tastefully.
5. What does that mean?
The ProblemYour website’s icons and reference imagery are inconsistent.
The FixRestrict your icons and stick to their initial definitions. If you first introduce a magnify glass to your users to mean “zoom” and not “search” continue that language throughout the experience, avoid haphazardly switching their definitions.
6. I’m on my phone, your website should be too!
The ProblemYour website looks the same on a desktop computer, tablet, and mobile phone.
The FixMake it mobile responsive. Understand what your users are looking for when they are on their phones versus when they are on their computers; then restrict your designs and content to match their wants.
7. Your website nearly blinded me
The ProblemThe colors on your website make no sense and are possibly stuck in an episode of Saved By The Bell.
The FixPull it together, restrict your color palette and define your colors’ role. For example, if you are planning to make all your links a nice shade of purple, don’t confuse your users by using that same purple on other non-interactive elements. Put your color palette to work for you, it’s going to be a massive asset in defining your website’s content hierarchy and crafting your user’s experience.
8. Does this ever end?
The ProblemInfinite scrolling websites aside – your website is too tall.
The FixBetter organize your website with deeper pages to support a more fluid user journey. The chance of a user bouncing off your website increases the further they are required to scroll down, this is the very reason “the fold” is so important to consider during design and is considered such valuable digital real estate.
9. Your homepage is gorgeous! What happened to the rest?
The ProblemYou designed the hell out your homepage, but phoned in the deeper pages.
The FixApproach every page with the same determination as though it was the homepage. Maintain your passion throughout the website, and approach each idea in isolation. Also remember to take a break, don’t let yourself burn out and compromise your website’s quality, save the next page for another day and attack it with a new energy.
10. Stop yelling at me!
The ProblemYour website is still trying its best to give the user everything all at once.
The FixCurate your website’s content and don’t give each user the kitchen sink. Space out your content and be confident that your users will explore your site if given the right reasons. This means not every “special” element needs to be tightly fit above the fold.
11. So many questions!
The ProblemYour contact form has more questions than my university finals.
The FixBe more concise by building more targeted forms. It’s not necessary to make one “catch-all” form, make your form as lean as possible and restrict the information you are asking for from your user. A user is more likely to complete a form that is well structured, well guided, and brief as possible.
12. Are you looking for me?
The ProblemYour website’s design doesn’t reflect your demographic or your product.
The FixKnow your audience before designing. Do your research and find out what works with your demographic and how you can most effectively communicate to them. Your market is rarely “everyone” — despite your best intentions — and you will waste time and resources trying to speak to such a large crowd.
Products Seen In This Post: