Color and Spacing Mistakes to Avoid in Your Website

Color and Spacing Mistakes to Avoid in Your Website

Small visual issues can add up to a general perception that your business does not care or does not know how to make quality products. A fair minded person might recognize that you can be really good at your craft and just not very good with computers, but most people are going to subconsciously judge your product or service based on the quality of your site.

Inconsistent or Insufficient White Space

Inconsistent or insufficient whitespace
Insufficient white-space decreases readability.

Spacing is important. You must have enough white space in your website but not too much. If you don’t have enough space, things run into each other, but if you have too much it will look boring an empty and may confuse your readers.

Misaligned Text

Misaligned text is confusing and hard to read, especially if it overlaps an image or other text. Another reason you should avoid misaligned text is because it makes your website look unkempt, and gives the impression that you don’t care. It has much the same effect as not brushing your hair in the morning.

Odd blank spaces

Odd blank spaces

An odd blank space on your website is like that awkward silence in your conversation that you wish you could fill in, but you just can’t think of anything to say. This is uncomfortable for you and, yes, it is uncomfortable for them too. A professional website builder knows how to smoothly transition from one part of the conversation to the next without leaving his audience to stumble through the awkward silences searching for what comes next.

Overloaded Menus

Overloaded menus

It is always good to have a menu to get from place to place on your site— But this might be a little too much. Overloaded menus are really tacky and hard to maneuver. Think about the key things that people will be looking for and put those on the menu. This is not a place to put a link to every single page.

Too Much Red or Other Hot Color

Too much red or other “hot” color

Hot colors can be very powerful for attracting attention, however it is, in fact, possible to have TOO MUCH HOT COLOR! Take this example of a page with a bright red background. It just hurts. Nobody wants to look at this. Hot colors must be used in moderation or they will turn eyes away instead of attracting them to your site.

Clashing color palette or none at all

Clashing color palette or none at all

This may look like an exaggerated example, but sadly there are actually sites out there that look like this. Even if this isn’t you, it is important to make sure your color choices are pleasant. Too many colors just hurt the eyes, but, a completely colorless site can be bland. Poor color choices are often associated with ancient websites, and thus affect not only the appeal to your readers eyes, but also their level of trust for you. Readers associate old websites with information that is not up-to-date and will usually look elsewhere for whatever they are looking for if they see that your site is an antique.

5 Common Coding Mistakes in Websites

5 Common Coding Mistakes in Websites

Small visual issues can add up to a general perception that your business does not care or does not know how to make quality products. A fair minded person might recognize that you can be really good at your craft and just not very good with computers, but most people are going to subconsciously judge your product or service based on the quality of your site.

1. Content moves when ads load

Alright, I am reading your blog. “Today I went to the *screen suddenly jerks as ad loads in* and their lasagna tasted *does it again* he ran to the restroom….” Yeah, what a great blog post I read today.

2. Website not responsive

Have you ever visited a website on your phone and everything was tiny and you had to zoom in to see anything? If your site is responsive it will detect the size of the screen it is displayed on, and resize itself appropriately.

3. Broken clicked or hover state (including click target)

4. Formatting (css) fails to load

Formatting (css) fails to load

This is just confusing and ugly… and whatever you do, you do not want a confusing and ugly website. You need to write your CSS in a way where it will always work, and if it breaks anyway, you need to fix it. Remember to test your website often to make sure it is still working correctly.

5. No way to get home

You want to have a way to get home other than changing the URL. If you don’t, your users will get stuck on the page they are on, and whatever they link too. The homepage is the cross roads where you can get anywhere… if they can’t get back to the homepage, they lose the opportunity to get to many of your pages easily. If you don’t believe this actually happens, here is an example

5 Worst Mistakes You Can Make When Adding Images to Your Website

5 Worst Mistakes You Can Make When Adding Images to Your Website

Small visual issues can add up to a general perception that your business does not care or does not know how to make quality products. A fair minded person might recognize that you can be really good at your craft and just not very good with computers, but most people are going to subconsciously judge your product or service based on the quality of your site.

1. Misaligned Images

Misaligned pictures
Misaligned images look tacky and unprofessional

You do not want misaligned images because they not only look bad, but they make it seem like you don’t know what you are doing. It ruins the professional looks of your website.

2. Ads or other “widgets” overlapping text

I hate this more than anything. When I have to scroll just right or close the add or map widget in order to see what it is you have to say or sell, it is very frustrating. I most likely will leave your site for this problem.

3. Missing images

If you have missing images, my suggestion would be to remove them, or fix the problem quickly. a big white space in the middle of your website… is well… not exactly good-looking. And everyone will think you don’t care about your website enough to fix your image problem.

4. Bad pictures (bad lighting, bad resolution, irrelevant)

I don’t think I have to say much on this one. If you are talking about dogs, and you have a picture of a dumbbell, or you have low quality images (eg. bad lighting, or resolution) it isn’t going to give a good first impression.

5. No Favicon

Any professional website will have a favicon. Your user will assume your website is broken if you are missing a favicon, and they may even think that you need to take better care of your website. It’s almost as bad as a store with no sign.

6 Text Mistakes to Watch Out For in Your Website

6 Text Mistakes to Watch Out For in Your Website

Small visual issues can add up to a general perception that your business does not care or does not know how to make quality products. A fair minded person might recognize that you can be really good at your craft and just not very good with computers, but most people are going to subconsciously judge your product or service based on the quality of your site.

1. Mis-matched and inconsistent font usage

Changing the font of your text constantly is not a good idea.  It just looks tacky and draws people’s attention away from what you are saying and directs it to the formatting. It can also confuse your visitors and overwhelm them.

2. Unreadable text because because of color choice or busy background

Your color choice really can affect if people can read your text. And you really should be careful, because a small amount of text can make a big difference. Every word in your website should be important, so that missing just one of those is a problem. Now if that word isn’t important, you can solve the problem and just get rid of it.

3. Script, handwritten or cursive fonts

If you use complex fonts it is likely to make it hard to read, and impossible to skim through –which is what most people do btw. It is best to use simple san-serif fonts like: Arial, Futura, and many others.

4. Text overlapping images

I don’t think I have to say much about this one… If your text and your pictures are overlapping it is going to look very unprofessional, un-trust-worthy, and could make it hard to read your highly valuable text too.

5. Over or undersized fonts

If you make the words too big, it is just going to be frustrating having to constantly scroll down to see more, but if it is too small, nobody (especially elderly) is going to be able to, or will have to strain more than what is comfortable to read it.

6. Pages filled with links with no content or anchor text

Pages filled with links with no content or anchor text
Pages filled with links look tacky.

Pages filled with links looks tacky. You want your website to looks professional, not tacky. If it has a lot of links with content in between, that is fine, or if it has anchor text. But if is a page filled with lines and lines of links, well, it does the opposite of improving your website’s looks.