It is all too easy to make some mistakes and to create a very ugly web site. Here are my top 5 ideas for creating a truly ugly website. Avoid these at all costs!
1) Do not bother to check that your new creation works in other web browsers! Merely make certain it works in Internet Explorer.
Even just testing in your new web site in one version of Internet Explorer alone is a recipe for disaster. The different versions of Internet Explorer can, with certain code, all render the site page slightly differently and all slightly differently to Firefox. Yes, half of users (in my stats) use a flavour of Internet Explorer, but about a third of traffic to my websites are using Firefox. So you really do need to check that the site works well across a wide variety of browsers. Fail to do this and large segments of the page can vanish or drop away from where they should be.
2) Design your website to fit on a wide screen monitor - 1920 X 1200 would be a fabulous idea!
I do not know why people with widescreen monitors assume everyone has the same, but in my stats a quarter of all traffic use a 1024 X 768 “normal” size monitor. If your design is based on fitting a widescreen monitor, then those with smaller screens will have to scroll up and down as well as left and right. I have seen it too loads of times and it is highly annoying, looks ugly and causes me to leave the website in seconds!
3) Have a different layout for every page of the web site to keep visitors on their feet. They will love the constant changes and movement of navigation.
It may look clever to have heaps of different styles to the pages, but as a reader it does not give a good feeling. The lack of consistency across the pages mean that the navigation could be moving and hard to locate and each new page style effectively feels like visiting a new web site. And this effect is horrible.
4) Remember Hogwarts and ensure that every impending image moves, banners spin and there are snow flakes falling down the screen. Oh, and have the mouse leaving a trail of stars.
One or, if you really have to, two moving images might add to a web site. But when you start getting carried away there are so loads of distractions round the screen you do not really know where you should be concentrating on. The same with fancy falling bits to the screen and your mouse leaving trails of bits.
5) Save time going live and do not bother to proof read your work. Traffic won’t mind all of the errors.
When you have finished your site you must look through it and check that all of the text reads as it should do and, equally importantly, that it all fits as you expect it to. Something in the text can be too wide and pushing the layout out, or insufficient text not padding out a block which leads to chaos with the rest of the layout.