20 Reasons Why Your Website Design Sucks Part 2

Posted in Tips, Web Design • Posted on 22 Comments

In 20 Reasons Why Your Website Design Sucks part 1, I’ve started with a short introduction about why clients should be just clients, and why some self-proclaimed web designers shouldn’t be “designing” at all. We then explored important concepts which you need to know before you start designing and planning a website. A thorough knowledge of concepts like balance, white-space, and overflow make the difference between a good and a bad design.

Like the previous article, we’re focusing on another 10 mistakes that can transform your website design into an unpleasant place to be. However, this time I won’t show you extremely bad layouts that make you laugh, we are now on the next level and will focus on bigger mistakes that good designers make.

11) Distracting Animations

A boring design does not bring light to your visitor’s eyes, however, having too much animation on your website brings plenty of downsides to your business. Distracting the user from the purpose of their visit ensures he doesn’t get the message and doesn’t return. If you plan to use animations on your website, make sure they are appropriate for the product you are selling or displaying. After that, make sure it is correctly balanced with your content, so in order to do that, you need to ask yourself three questions:

  1. What is the first thing you look at when you visit that specific page (animation or content)?
  2. How long it takes to view the entire animation?
  3. Can you read text easily while the animation is playing?

The answer to the first question will probably be the animation, if it’s not you have passed the test and your animation is not disturbing your visits. If the animation is the first thing you see, it means it has a bigger visual impact than your content, and you need to answer the second question. If the answer to the second question is “looping” or “too much”, you have a problem and the answer to the third question will be “no”.

So the rule is simple – the user can’t be distracted while he’s reading, so make sure your animation ends quickly or has a small visual impact.

12) Cross-Browsing

In a perfect world, there would be no IE, people would use the same web browser everyday, and web developers wouldn’t have headaches while coding their websites. However, in the real world, there are hundreds of web browsers and each one renders a website differently.

“Cross-browser refers to the ability for a website, web application, HTML construct or client-side script to support all the web browsers.”

When you start building your website, you simply can’t forget that it will render differently in Firefox than in Chrome or Internet Explorer. So in order to get consistent results on most popular browsers, you need to write clean code and follow the W3C standards.

13) Confusing navigation

Navigation should help the user to navigate your website. If it fails in that purpose, there is no point in calling it navigation. One thing I really hate about it is the need to search for a website’s navigation or the need to figure out how a navigation system works. If you don’t tell the user how to proceed to the next page, he leaves. Your navigation should be consistent, easy to find, and intuitive.

Another thing you should always try to do is to use text instead of symbols. Remember, never ask the user to think.

Confusing Navigation

I actually like localwanderer.com’s design, however, there’s a problem with the navigation. The blue text on the right are buttons which can be tricky to identify as such. I had to move my cursor over those elements to figure out they had a little animation while the cursor is over them, telling me that those elements are indeed buttons. If you need to move your cursor over a button to confirm it’s in fact a button, it means your navigation is somehow confusing.

14) Bad use of themes

With the increasing popularity of market places, it’s possible to see more and more amazing themes with great design and functionality, and companies and individuals who buy them as soon as they see one they like. The problem appears when those themes are not suitable to the image of the company, or when they are incorrectly used. I have seen many companies turning great themes into ordinary designs. That amazing design doesn’t always fit that amazing brand, so be careful buying the best-seller theme on Theme Forest.

15) Labyrinth of information

Although this topic title may sound weird to you, it’s a really common mistake which I usually call the labyrinth effect, and in part, it’s also a problem related to usability. There are great websites out there with dramatic content problems. If the user has problems finding information, he will leave and won’t return.

Make sure your information is easily reachable. It is also extremely important to always provide your contact information on every page of your website, and to make sure the user can easily find it.

Labyrinth of information

I really like bitbytebit’s design, but it clearly suffers from the labyrinth effect. Contact information is situated in the middle of the page, hidden among other information squares.

16) Image versus text

Typography is one of the most important elements in web design, and almost the only element that can be used both for aesthetics and text. However, its misuse can make your website bad for both the end-user and also for programmers and web designers. Make sure you choose a font that’s readable and suitable to your target audience, but you can’t also forget about the person who is in charge of the website maintenance. Using images to replace typography can be a huge mistake, especially in big projects or projects that won’t be updated by yourself.

17) Image Optimization

If your website takes too much time to load, you lose visits and probably profit. You already know that you simply can’t resize your image in Dreamweaver or Notepad, right? The image resolution will be smaller (or bigger) but the file size will be the same, so there is no point in resizing that way. You need to resize your image with image editing software like Photoshop or Fireworks. Resizing, however, is not enough – you also need to compress the image. Depending on the image, you should compress it as much as possible, until you start seeing image quality loss. You can compress it using JPEG, PNG or GIF format.

18) Clear Message

The crucial element of a website is the message that’s transmitted to the user which illustrates its purpose, telling the user what the website is all about. The message should be clear and immediately recognized by the user, as soon as he sees the site. One thing you should always have in mind is that the user simply doesn’t care about you or your website, they do care about fulfilling their desires and ambitions which is why they visit your site in the first place – to help the user with his mission.

Clear message

The example above fails to transmit a clear message, or any message at all. I need to click on another button to figure out what the website is about. Remember, the user doesn’t care about you, so if they find another brand with a clear message they won’t think twice to exit your website.

19) No Updates

This doesn’t really make your website suck, but it definitely helps. No one cares about a website that is extremely outdated and whose posts are from 2008. Remember that content is more important than aesthetics, so it is very important to keep your website updated as much as possible. If you have a beautiful website with no useful content, the user will leave and won’t return.

20) Full Dedication

Having a website with 20% of inactive functionalities transmits lack of confidence to the end-user. Building a website requires full dedication and attention from your end. Most of us have an “update list” for each website, where we write that during the next week, the 404 Error Page, or the widget discussed during the first meeting needs to be online. After two weeks, you realize you didn’t have the time to do it,  because you are now with three more projects in hand, and you also noticed that you have yet to finish some minor details in your online portfolio.

Organization is important, but without dedication it loses its value. When you finish a website, try to also finish every item on your “update list”.

18 Written ArticlesWebsite

I am a Portuguese UI/UX designer, visual designer and writer. I have a Bachelor's Degree in Information Technology and Multimedia and I'm addicted to web technologies and design. Feel free to check my work on Behance or Dribbble. You can also follow me on Twitter.

22 Comments Best Comments First
  • Calvin Mac

    Thursday, June 23rd, 2011 16:07

    1

    W’sup Ruben,

    I like this article, I agree with every single bit of it. The key is to find the right mix of elements to throw at the end user. Too much animations definitely gives them a sensory overload where their only sensible option is to click away from the website. Too little content on the page gets them bored. Where’s the in between? That’s the 64 thousand dollar question right there isn’t. I’m still trying to find that right mix as we speak. Plus I’m pretty new to the blogosphere so I’m still learning everyday. Thanks for the read!

    Mac

    0
  • Benjamin

    Friday, June 24th, 2011 18:53

    8

    I think that something is to be said for the difference between internal and external links. Links leading elsewhere into your site I would consider ‘nav'; while external links, not so much.

    0
  • Melanie

    Friday, June 24th, 2011 20:50

    9

    OK, I’m a tech writer and editor, not a Web site designer, but I certainly use Web sites all the time, and have written material for them.

    Ruben – excellent comments in Parts 1 and 2, but I think you’re missing one important thing to avoid. Large amount of reverse text – like white on back or on any color – VERY hard to read. I see this all the time!

    Thanks.

    0
  • Carlos

    Saturday, June 25th, 2011 00:22

    10

    Thank you for these 20 great tips to improve our website. Not everyone shares his valuable knowledge.
    Carlos

    0
  • Gavin

    Friday, June 24th, 2011 10:12

    7

    Haha some of these cracked me up but are oh so true. Also, landing pages make your design suck hard!

    One thing I did used to think made a design suck was web presenters. But I’ve seen a lot of sites with them recently and really think they work and work well. Obviously as long as they’re not intrusive (play and pause buttons) they really are a good piece of kit!

    0
  • Rasheed ariyibi

    Friday, June 24th, 2011 00:00

    6

    I ‘ve agreed with terms and condition of this site i can say it that this site is the best of site builders

    0
  • DanielR

    Thursday, June 23rd, 2011 16:29

    2

    These days more and more people are just pumping out designs and they do not really learn how to design properly and then wonder why experienced people say their designing skills suck. I love this article cause it gives u an easy overview about what’s important! keep it up

    0
  • Fred

    Thursday, June 23rd, 2011 21:12

    5

    Wrong, confusing navigation can make you more pages viewed per one visit.

    0
    • Ruben D'Oliveira

      Thursday, June 23rd, 2011 22:56

      4

      Hi, lol I can’t figure out if you’re being serious or not. But Rean is right, it was funny.

      0
    • Rean John Uehara

      Thursday, June 23rd, 2011 22:29

      3

      I LOLd hard on this one.

      0
  • Andrea Spikes

    Saturday, June 25th, 2011 00:37

    11

    Great list of things that make your website design suck :P

    0
  • Kent

    Sunday, June 26th, 2011 03:57

    12

    The absolute worst is confusing navigation! Hate it hate it…! Have to keep it simple so people know where to look. GOod post

    0
  • Rob Brawn

    Thursday, July 7th, 2011 17:30

    19

    Interesting stuff.

    0
  • Adam

    Wednesday, August 24th, 2011 22:09

    20

    Thank goodness for CMS, huh? They’ve destroyed what was once, for me, a decent little web design business. Granted, I go back to when all you needed was notepad.exe and paint.exe, and all design was done in tables (am I dating myself?) Image optimization was considered important as to squeeze web-safe palette images through a 52K dial up modem. I digress…

    Besides my personal gripe, it has created another problem: Boring sameness.

    I remember when CMS first hit the global interwebs. I’d go perusing, looking for inspiration for a design. I’d see an attractive, intuitively designed website and think to myself, “Hey, that’s an attractive, intuitively designed website!” I’d bookmark it and move on. I’d see another that looked similar and bookmarked it, moved on. After a while, after having bookmarked a dozen or so of these sites, I started poking around the code: PHP-based, @import .CSS, Suckerfish menus, maybe a little jQueryUI, etc. WordPress, Joomla and Drupal were exotic, oft-recurring names I’d see. I went kicking and screaming into the present.

    So, like it or not, CMS are here to stay, but PLEASE, people, once you figure out a CMS platform, do everything you can to create original design. Successful original design.

    0
  • Tzvi

    Monday, October 10th, 2011 03:13

    21

    Very well written, thank you for the tips.

    ATT: For all those that feel it necessery to have a simple animation playing, like a scroller, I suggest you put it the slowest possible, so that it should not be disturbing, however, you will also need to make sure the animation is short!

    0
  • DEMARCUS

    Sunday, October 30th, 2011 20:34

    22

    @kelownagurl A couple of users (early Twitter adopters) encountered such an error. Basically the API call hangs instead of returning data.

    0
  • Jeff Dickey

    Tuesday, July 5th, 2011 12:34

    18

    I agree with David; we’re seeing the effects of a race to the bottom, at ever-increasing speeds and ever-lower definitions of where the “bottom” is, cheered on by the most short-sighted business “leaders” in centuries. These benighted souls, when they’re not squeezing two pennies together with enough pressure to initiate room-temperature fusion (and with zinc or the little bit of copper that’s there, that’s hard), are wailing into their martinis about how they simply don’t see “any value for all the money” they’re (not) spending.

    Having a few thousand graduates of subcontinental JavaSchools, with just enough command of the English language to print up cards declaring “I are a Web devveloper” to show along with their mimeographed certs, does not help. The boss’ nephew would quite likely be an improvement.

    What’s it going to take to make any improvement? I’ve been saying for about the last 20 years that what it would take would be a software/Web equivalent of the New London school explosion of 1937, which gave rise to professional engineering in the US and several other countries. Until those business types who’ve been spending the last 30 years (at least) greasing the downward rails get hit hard in the 10-K, things are designed not to change.

    It hasn’t (yet) publicly happened for desktop software, but the Web is shaping up to be a rather different beast… new reports of negligent security are becoming an almost daily occurrence, and sooner or later enough people are going to be hurt badly enough that heads at the offending company — not just the script kiddies who broke in through the wide-open front door — are going to roll, very publicly.

    When, not if, that happens, we’ll start lurching our way towards a true profession of Web (and software) development. If we’re lucky; after all, the Opposition has in their corner the Best Congress Money Can Buy™, and so a very viable possibility remains that the Web will just be legislated and/or regulated to death.

    Which do you want to see happen? And what are you doing about it?

    0
  • Dan

    Thursday, June 30th, 2011 16:07

    17

    Thanks, really good points you made! EVRY web designer MUST know this, hey if you call your self web designer or web developer you must follow the rulers, and I think that we should have rules!!! What do you all think ! ?

    0
  • Mario

    Monday, June 27th, 2011 13:04

    13

    Overall, if you don’t have a good sense of design and technical expertise, any website you publish will be sub-par. Great series of posts!

    0
  • Warner

    Tuesday, June 28th, 2011 06:43

    14

    ya web site confusing desings confuse user. so we have to create stylish web sites but make it like user friendly. But your article is great and it is very help full for web designers. so thanks and keep it up

    0
  • David

    Wednesday, June 29th, 2011 00:24

    15

    I believe this world is suffering from a lack of professionalism and stingyism, thus we face business clients buying websites from their nephews

    0
  • Koonj

    Wednesday, June 29th, 2011 06:50

    16

    Very useful article for designers. yeah u r right bad navigation alwayz confuse user so its necessary to make the site user friendly rather than a headache for user.

    0
  • DEMARCUS

    Sunday, October 30th, 2011 20:34

    22

    @kelownagurl A couple of users (early Twitter adopters) encountered such an error. Basically the API call hangs instead of returning data.

    0
  • Tzvi

    Monday, October 10th, 2011 03:13

    21

    Very well written, thank you for the tips.

    ATT: For all those that feel it necessery to have a simple animation playing, like a scroller, I suggest you put it the slowest possible, so that it should not be disturbing, however, you will also need to make sure the animation is short!

    0
  • Adam

    Wednesday, August 24th, 2011 22:09

    20

    Thank goodness for CMS, huh? They’ve destroyed what was once, for me, a decent little web design business. Granted, I go back to when all you needed was notepad.exe and paint.exe, and all design was done in tables (am I dating myself?) Image optimization was considered important as to squeeze web-safe palette images through a 52K dial up modem. I digress…

    Besides my personal gripe, it has created another problem: Boring sameness.

    I remember when CMS first hit the global interwebs. I’d go perusing, looking for inspiration for a design. I’d see an attractive, intuitively designed website and think to myself, “Hey, that’s an attractive, intuitively designed website!” I’d bookmark it and move on. I’d see another that looked similar and bookmarked it, moved on. After a while, after having bookmarked a dozen or so of these sites, I started poking around the code: PHP-based, @import .CSS, Suckerfish menus, maybe a little jQueryUI, etc. WordPress, Joomla and Drupal were exotic, oft-recurring names I’d see. I went kicking and screaming into the present.

    So, like it or not, CMS are here to stay, but PLEASE, people, once you figure out a CMS platform, do everything you can to create original design. Successful original design.

    0
  • Rob Brawn

    Thursday, July 7th, 2011 17:30

    19

    Interesting stuff.

    0
  • Jeff Dickey

    Tuesday, July 5th, 2011 12:34

    18

    I agree with David; we’re seeing the effects of a race to the bottom, at ever-increasing speeds and ever-lower definitions of where the “bottom” is, cheered on by the most short-sighted business “leaders” in centuries. These benighted souls, when they’re not squeezing two pennies together with enough pressure to initiate room-temperature fusion (and with zinc or the little bit of copper that’s there, that’s hard), are wailing into their martinis about how they simply don’t see “any value for all the money” they’re (not) spending.

    Having a few thousand graduates of subcontinental JavaSchools, with just enough command of the English language to print up cards declaring “I are a Web devveloper” to show along with their mimeographed certs, does not help. The boss’ nephew would quite likely be an improvement.

    What’s it going to take to make any improvement? I’ve been saying for about the last 20 years that what it would take would be a software/Web equivalent of the New London school explosion of 1937, which gave rise to professional engineering in the US and several other countries. Until those business types who’ve been spending the last 30 years (at least) greasing the downward rails get hit hard in the 10-K, things are designed not to change.

    It hasn’t (yet) publicly happened for desktop software, but the Web is shaping up to be a rather different beast… new reports of negligent security are becoming an almost daily occurrence, and sooner or later enough people are going to be hurt badly enough that heads at the offending company — not just the script kiddies who broke in through the wide-open front door — are going to roll, very publicly.

    When, not if, that happens, we’ll start lurching our way towards a true profession of Web (and software) development. If we’re lucky; after all, the Opposition has in their corner the Best Congress Money Can Buy™, and so a very viable possibility remains that the Web will just be legislated and/or regulated to death.

    Which do you want to see happen? And what are you doing about it?

    0
  • Dan

    Thursday, June 30th, 2011 16:07

    17

    Thanks, really good points you made! EVRY web designer MUST know this, hey if you call your self web designer or web developer you must follow the rulers, and I think that we should have rules!!! What do you all think ! ?

    0
  • Koonj

    Wednesday, June 29th, 2011 06:50

    16

    Very useful article for designers. yeah u r right bad navigation alwayz confuse user so its necessary to make the site user friendly rather than a headache for user.

    0
  • David

    Wednesday, June 29th, 2011 00:24

    15

    I believe this world is suffering from a lack of professionalism and stingyism, thus we face business clients buying websites from their nephews

    0
  • Warner

    Tuesday, June 28th, 2011 06:43

    14

    ya web site confusing desings confuse user. so we have to create stylish web sites but make it like user friendly. But your article is great and it is very help full for web designers. so thanks and keep it up

    0
  • Mario

    Monday, June 27th, 2011 13:04

    13

    Overall, if you don’t have a good sense of design and technical expertise, any website you publish will be sub-par. Great series of posts!

    0
  • Kent

    Sunday, June 26th, 2011 03:57

    12

    The absolute worst is confusing navigation! Hate it hate it…! Have to keep it simple so people know where to look. GOod post

    0
  • Andrea Spikes

    Saturday, June 25th, 2011 00:37

    11

    Great list of things that make your website design suck :P

    0
  • Carlos

    Saturday, June 25th, 2011 00:22

    10

    Thank you for these 20 great tips to improve our website. Not everyone shares his valuable knowledge.
    Carlos

    0
  • Melanie

    Friday, June 24th, 2011 20:50

    9

    OK, I’m a tech writer and editor, not a Web site designer, but I certainly use Web sites all the time, and have written material for them.

    Ruben – excellent comments in Parts 1 and 2, but I think you’re missing one important thing to avoid. Large amount of reverse text – like white on back or on any color – VERY hard to read. I see this all the time!

    Thanks.

    0
  • Benjamin

    Friday, June 24th, 2011 18:53

    8

    I think that something is to be said for the difference between internal and external links. Links leading elsewhere into your site I would consider ‘nav'; while external links, not so much.

    0
  • Gavin

    Friday, June 24th, 2011 10:12

    7

    Haha some of these cracked me up but are oh so true. Also, landing pages make your design suck hard!

    One thing I did used to think made a design suck was web presenters. But I’ve seen a lot of sites with them recently and really think they work and work well. Obviously as long as they’re not intrusive (play and pause buttons) they really are a good piece of kit!

    0
  • Rasheed ariyibi

    Friday, June 24th, 2011 00:00

    6

    I ‘ve agreed with terms and condition of this site i can say it that this site is the best of site builders

    0
  • Fred

    Thursday, June 23rd, 2011 21:12

    5

    Wrong, confusing navigation can make you more pages viewed per one visit.

    0
    • Rean John Uehara

      Thursday, June 23rd, 2011 22:29

      3

      I LOLd hard on this one.

      0
    • Ruben D'Oliveira

      Thursday, June 23rd, 2011 22:56

      4

      Hi, lol I can’t figure out if you’re being serious or not. But Rean is right, it was funny.

      0
  • DanielR

    Thursday, June 23rd, 2011 16:29

    2

    These days more and more people are just pumping out designs and they do not really learn how to design properly and then wonder why experienced people say their designing skills suck. I love this article cause it gives u an easy overview about what’s important! keep it up

    0
  • Calvin Mac

    Thursday, June 23rd, 2011 16:07

    1

    W’sup Ruben,

    I like this article, I agree with every single bit of it. The key is to find the right mix of elements to throw at the end user. Too much animations definitely gives them a sensory overload where their only sensible option is to click away from the website. Too little content on the page gets them bored. Where’s the in between? That’s the 64 thousand dollar question right there isn’t. I’m still trying to find that right mix as we speak. Plus I’m pretty new to the blogosphere so I’m still learning everyday. Thanks for the read!

    Mac

    0

Comments are closed.

54.81.108.105 - unknown - unknown - US