Update: I’ve made another list for 2016 – 10 Worst Websites Of 2016 and How To Avoid Building One.
Remember the website designs of the 1990s? When Flash, GIFs, and first generation HTML were the main characteristics of websites at the time? Well, these days have gone, and design has evolved thanks to Web 2 and the new generations of HTML (HTML 5) and CSS (CSS 3). But unfortunately, some websites are still stuck in the 1990s, with ugly design, too much information in one page and poor quality images.
Here are the 10 worst websites of 2015 and how you can learn from their mistakes.
1. Bath Magic Inc. – http://uglytub.com/
2. Mr Bottles – http://www.mrbottles.com/
3. Penny Juice – http://www.pennyjuice.com/htmlversion/whoispj.htm
4. Arngren – http://www.arngren.net/
5. University of Advancing Technology – http://www.uat.edu/
6. ID Inspire – http://id-inspire.com/
7. SpeedCrunch – http://speedcrunch.org/
8. Taco Mayo – http://www.tacomayo.com/
9. Order of Exorcists – http://www.orderofexorcists.com/
10. Headhunter Hair Styling – http://www.headhunterhairstyling.com/
What we learned:
– Design matters:
The look and feel of your website really matters. We are in 2015, not in the 1990s, so keeping your website design up to standards is really important. Simply ask yourself, how long would you be on the websites mentioned above? Not for a long time, that’s your website’s fate if you don’t follow the design rules.
– Responsive web design:
I’ve talked about this before and I will mention it again and again. Responsive web design matters. Many people are using their smartphones to shop, surf the web and do many other things and if your website isn’t mobile friendly then they will simply leave. Also, Google is penalizing websites that aren’t responsive.
– Flash/GIFs/Background songs are awful:
Gone are the days of using Flash based websites, or use animated GIFs and background songs that play automatically. These are old fashioned trends and don’t work very well with smartphones. They also annoy your visitors. So stay away from 1990s trends and focus on today’s trends.
– MMV (Mystery Meat Navigation):
Mystery Meat Navigation is when you use confusing menus that are not labelled or menus that don’t describe their function. Always stick with standard techniques and standard locations for navigation elements to make it easier for the user.
– Too much information in one page:
It gets harder for the readers eyes when there’s too much information in on page. Visitors will be confused and can’t keep up with the overwhelming amount of information. Too much information also affects the website’s speed. Keep your pages simple and organized.
– Don’t use poor quality images:
There are many websites that offer royalty free images, so don’t use poorly Photoshoped, stretched, pixelated images or cliparts, it will make your website look unprofessional and cheap.
I hope these tips have helped you in creating better websites. Let us know in the comment section below if you have additional tips that you want to share.