Web design mistakes are something common while designing a website. These mistakes may not harm your website to a great extent always, but you can definitely avoid them to keep things clean for your website. I did a research today to find some mistakes all around the web and composed the list of mistakes in a single article. These mistakes can sometimes be called suggestions to improve your site design quality. I’ve also found some modern mistakes in this article.
Here is the list of more than 50 of them I found. These include some mistakes, suggestions, and improvements ( However you consider them )
- 1 19. Don’t use annoying colors –
- 2 20. Too many advertisement real estate –
- 3 21. Content without an image –
- 4 22. Avoid cloaking links with ad links –
- 5 23. Poor URL structure –
- 6 24. Avoid controlling the users browser window and size –
- 7 25. Use thumbnail images where necessary –
- 9 27. Use CSS over HTML tables –
- 10 28. Do not animate your backgrounds to annoy –
- 11 29. Avoid using too many .gif animation in your website –
- 12 30. Don’t start music and video on page load –
- 13 31. Differentiate the admin comments from readers comment –
- 14 32. Name your files wisely –
- 15 33. Avoid unnecessary registration request and a complex registration process –
- 16 34. Not including a search box (suggestion) –
19. Don’t use annoying colors –
Color plays an important part of a design work. Pleasant colors are the ones preferred by many visitors and are most appreciated. Dark and annoying colors can make things worse for the readers and they would prefer to stay away from the website.
20. Too many advertisement real estate –
A good website design shouldn’t allow for too many ad slots. I’m not saying that ad slots shouldn’t be implemented at all, but using them wisely and few in numbers will not only increase the revenue but also the traffic. The most important essence of a website is its good quality content and not those ads. Ads are secondary. Impress your audience first with the content.
21. Content without an image –
Don’t put any article or blog write up without an image in it. At least place a single small image for an article or content you write. Also, place them at the beginning of the article/content to let the audience know the aim of the article.
Cloaking is something similar to hiding the links. As we have described above, hiding links is a bad choice, and a bigger mistake would be to include ad links to cloak. Some people try to cloak the links in such a way that the normal link and ad links would look similar, making things difficult for the readers. Don’t annoy your visitor with ad popups appear when they hover over the links.
23. Poor URL structure –
Avoid using lengthy URLs and meaningless URLs for your content. Most of the search engines display only 65-70 characters for the URL links in the search results. So, make the URL structure wisely.
24. Avoid controlling the users browser window and size –
The title says it all. Don’t use scripts and other plugins to control the users browser window, button and other attributes which can hamper their browsing experience.
25. Use thumbnail images where necessary –
This is one of the most common mistake done by many designers. They upload a huge image say (600×600) to display a mini (64×64) image. It is recommended to use a software like GIMP to create thumbnails and upload them to the server. This will considerably cut down the load time.
If your website contents are not meant for the public, then don’t post them on internet. Make a private blog/website to keep the content which are not indented to be copied by others. If your content is for public, then avoid disabling right clicks thinking that the users will not copy the content of the website. If the user is intelligent enough to know how to copy, he will use alternate methods to copy.
27. Use CSS over HTML tables –
Designers have been using HTML tables to display ordered content in their website. Now, designers are being encouraged to use CSS over HTML tables. With the growth and advancement of CSS, you can do much powerful things easily and efficiently. Controlling a table becomes easy if you are using CSS.
28. Do not animate your backgrounds to annoy –
Animation can either harm or become good. Similar to misusing of flash contents, misusing the animation for the backgrounds can be harmful. A moving background with text on it is really difficult to read, it is always a good idea to use a static background and a light color contrast for the background.
29. Avoid using too many .gif animation in your website –
Anything used excessively is harmful in a website design. Similarly avoid using too many .gif animations. This will slow down the website loading time. The feed contents(articles) will also contain these .gif animations if the website has an active feed – leading to slow feed delivery.
30. Don’t start music and video on page load –
Some websites start the music and video automatically upon loading. If your website is a not a music store or website, then you shouldn’t try this out. Allow the audience to start and stop the music/video on your website.
31. Differentiate the admin comments from readers comment –
People should get maximum attention to the admin’s comments over the readers comments. Admin comments should be highlighted while designing the comment system of the blog.
32. Name your files wisely –
It is common to upload files like zip, CSS, mp3 and so on. It is a good practice to name the file meaningfully to let the users know what they are going to download. Browsers like Chrome can let us know the file-name by hovering the mouse over the download link. This also helps for SEO.
33. Avoid unnecessary registration request and a complex registration process –
Registration should be only for premium members to display certain things or to create and share content privately, but the same should not be misused by asking for registration to users where it is not necessary. Say a person wants to contact you via the contact form, he/she should be able to do it without any registration.
If it is really unavoidable for a registration, then make it simple and easy to complete the process.
34. Not including a search box (suggestion) –
Search box is a must if your website has multiple pages and a has a huge database of contents, letting the users to search things within the website.