Don’t Just Stop and Stare: 7 Reasons Why Your Website Sucks and How to Fix It

It could be hard to swallow sometimes but business owners need to acknowledge that their websites may not be as perfect as they believed it to be. Understandably, some of us decided to create a website one fine day with little to no experience or help whatsoever.

Don’t Just Stop and Stare: 7 Reasons Why Your Website Sucks and How to Fix It

Being overly enthusiastic, we may have overlooked issues that should be avoided, but don’t let this discourage you the next time you hear someone make a statement that degrades your website.

1. Poor Navigation

What constitutes poor navigation? Having your website visitors navigate through almost a dozen navigational links that will lead them to 20 other pages, that’s what. Think of your website as a nice, cozy shopping mall. A mall owner wants to keep customers shopping and buying from its tenants all day, and similarly so should you ensure visitors click and visit your pages without navigating away. However, visitors will easily get irritated if you confuse them with a messy navigational bar, for example. Too many links will also annoy them, and when they cannot find what they need in your site, they will most likely click on the little ‘x’ button and close the window.

Fix it:

First things first, you need to optimize your navigational bar by reviewing the wording on the menu. Is it simple? Does it convey the message you want or lead visitors to where they want to go? Any jargon involved? If you are able to put yourself in your visitors’ shoes, you’ll know that oftentimes, less is more, and short is sweet.

Case study:

Fix Poor Navigation

Ekso Bionics’ site boast of a sleek navigational menu. Notice how minimalist the design is, and how there are so little distraction to interrupt the seamless experience of navigating through the site. The colors are elegantly well-thought of, with a tinge of red that draws attention to the company’s logo and nothing else.

2. Mess and Clutter

How many times have you visited a website and got turned off by the amount of clutter on the pages? I’m talking about unnecessary elements, graphics that seek only to distract and not appeal, as well as annoying ads that repel potential customers. On the other hand, a neat website calms visitors and makes them feel welcome, and ensures a comfortable mindset that will be more open to whatever you’re trying to communicate on your site.

Fix it:

Again, the saying “less is more” is very relevant here. Check your copy and see if you can trim off some unnecessary words – this helps bring out only the most essential message and highlight your call to action. Minimalism in, and clutter is out, so that is why you need to take out the garbage and delete unnecessary images that not relevant to your site. Aim for white space that will draw your visitors’ eyes to only the most vital information.

Case study:

Fix Mess and Clutter

Team Geek did a good job in designing a website that’s clutter-free and a pleasure to navigate through. The upfront message immediately tells visitors who they are and what we can expect from them.

3. Flash-y Website

Full flash websites are so yesteryear. Flash support will eventually diminish, leaving websites that are fully based on Flash to rot in the website boneyard. Even if it looks great, be aware that some mobile devices do not support Flash, so if you design your website entirely in Flash, you’ll be missing out on a huge chunk of potential visitors. Woe betide the webmaster who painstakingly created a Flash site, only to greet visitors who don’t have flash-enabled browsers with a blank page, and we all know how.

Fix it:

HTML5 is the right path to tread these days, judging by the world of benefits everyone stands to enjoy, including:

  • superior accessibility
  • better video and audio support
  • dynamic interactions
  • less hassle to design with cleaner coding

Want to dive into an HTML5 crash course? Consider these resources:

  • Dive Into HTML5 book (access the online version here, and buy the physical book here)
  • HTML5 Doctor: There’s a great community going on here, where newbies can traverse the ‘Ask the HTML5 Doctor‘ section to gain valuable insight from HTML5 gurus. Answers to vital questions will then be curated and made into future articles that will enlighten everyone.
  • HTML5 Visual Cheat Sheet: bookmark this page and refer to it when you need a one-page list of HTML tags to rely on.
  • HTML5 Gallery: a great source of inspiration for newbies and established designers alike.
  • HTML5 demos: you’ll probably want to get inspired by the extent of HTML5’s capabilities and then push yourself to create something even better.
Case study:

Fix Flash-y Website

McDonald’s UK revamped its site in time for the holiday season, showcasing the best McDonald’s moments with intuitive navigation and plenty of fun elements to explore while making use of an HTML5 infinite grid. The page looks image-heavy but thanks to great HTML5 design, users can effortless scroll through the page’s various elements without much concern for lag and choppiness.

4. Going Overboard with Colors

Some web designers can be so overzealous when it comes to web creation, so much so that it looks like a paint factory just exploded all over the page. Don’t get me wrong, it’s not a sin to design a colorful website but the least you can do is make sure the colors complement each other.

Fix it:

Got a favorite color(s)? Run them through ColorHunter.com or ColourLovers.com for bottomless inspiration before you instruct your design to redo your site. Make sure there is reasonable contrast between the website text and background so that your visitors won’t get frustrated when you can’t read the copy, no matter how hard they squint their eyes.

Case study:

Fix Colors

Fieldwork’s site is a perfect marriage of harmonic colors and clean design, resulting in a delightful site that’s easy on the eyes and fun for fingers to explore.

5. Ugly Fonts

An experiment was conducted by two professors who found that people took 86% longer to read instructions written in a complicated font compared to people who had gotten instructions in simple-to-read fonts. In a nutshell, you’ll want your visitors to read what’s written on your website without first hitting the ‘BACK’ button, and that’s not going to happen if you strain their eyes with unsavory-looking fonts that are way too small.

Fix it:

Things to consider when deciding on a font for your website include:

  • Size: SmashingMagazine recommends using 16 pixels for body copy – according to them, “…16-pixel text on a screen is about the same size as text printed in a book or magazine.”
  • Serif vs sans serif: A serif font is great for transforming your website into a warmer one that oozes with personality whereas the simplicity of a sans serif font makes your site look uncluttered, crisp and modern.
  • Fancy or plain: Using plain text on headlines that calls for attention or in the body copy allows your audience to read it easily. Otherwise you may use fancier fonts in sidebar headings or taglines.

Also, check out useful resources such as Font Picker and Font Squirrel.

Case study:

Fix Ugly Fonts

A small Scandinavian company propelled itself into Cannes-superstardom when they redesigned their website to command much respect as a high-end digital production agency. Their choice of condensed, hand-drawn fonts lend an air of sophistication and retro avant-garde.

6. Lacks Personality

Some websites are simply boring and lack personality – each page begs for a breath of personality, something, And ANYTHING that will make the site come alive. Without personality, the website will be a cold void in which words exist only to be displayed, not consumed or acted upon. Your visitors’ eyes may scan across your web content but most of it won’t be memorable enough to register in their minds.

Fix it:

Humanizing your website should be your ultimate to-do after all the design elements have been set. Before you can convey your message to the masses, you must first believe in it. And because personality is best generated with content, you should write copy that’s personalized, almost as if you’re speaking to your audience face-to-face over a cup of coffee and chocolate cake. I personally like websites that have a little humor injected into it, and one good example is Cracked.com. The blog has compelling content with dollops of humor mixed into its intriguing depths, a good ingredient that ensures instant bookmarking by anyone who stumbles across it.

In short, if you took the time to personalize your Facebook page with customized Facebook covers, why not spend more time on making your website come alive with a dash of personality that’s sure to wow your audience?

Case study:

Fix Personality

Besides being considered an impressively responsive site, DadaabStories.org funded by this sub boards company tells stories from the African Dadaab village like none other could. The site’s personality shone through as they regale tales of the refugees’ freedom and survival while drawing attention to their plight.

7. You Didn’t Take Time to Test Out Your Website

Consider this scenario: your website has been completed. Your design looks good, well worth the thousands of dollars you paid the designer for. The content is nothing short of stellar. Everything seems good to go. But there’s a nagging thought at the back of your mind: what if it’s not good enough?

Fix it:

If you want to ensure good conversion rates for your site, perhaps an A/B testing session is in order. A/B testing, or also commonly known as split testing, is a simple technique employed to compare different variations of your web pages against each other to find out which one produces the best results. Whichever variation garners the best results (more visitor clicks, for example) wins!

You can do split testing on basically almost every web element on your site, including (but not limited to):

  • headlines and sub-headline
  • body copy
  • colors
  • images
  • testimonials
  • logos

Consider useful A/B testing such as:

Conclusion:

It’s not what you like, it’s what you know, and what other people need that makes your website awesome. The good news about having a less-than-perfect website gives you plenty of room for improvement, and before you do that, you need to stand back and look at your website with a critical eye. Write down unbiased statements based on your honest observations, or if you are unable to do so, get a friend or co-worker who will offer unprejudiced as well as constructive comments. Turn to social media or crowdsourcing groups for opinion. You will likely not be pleased with some comments, but what they have to offer will ultimately help you shape your website into a better one, so it pays to listen and take heed.

Like it? Share it.

7 Comments

  1. Cracked has great content but the web design has no personality.

  2. Awesome and clear solutions.Specially it will be helpful for me.
    Thank you.

  3. this article is good and impressive. continue on posting.

  4. Hello Jenny,

    This article has got some straight solution to the problems which blogger doesn’t give attention and the problems turn to a total mess. I must say this is a very well written article; I appreciate the formatting of the issues. I am sure that this post will save so many websites and help newbie’s as well.
    Well done

  5. Awesome and very clear solution, thanks

  6. Aloha Jenny, How are you? Thanks for your email. Awesome blog! I would love to invite you to my photography website and if possible get some feedback. Thanks again. Have a Great Day

Leave a Comment Yourself

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>