The 7 Deadly Sins Of Web Design

written by: Matt Frenk; article published: year 2006, month 08;


In: Categories » Internet » Web design and development » The 7 Deadly Sins Of Web Design

Sin 1 - Starfield backgrounds
You know the sort – zillions of tiny white pixels glinting back at you from behind the text. Beautiful. Not! In a galaxy far, far away, in a time long, long ago people thought this was cool. It’s not. It sucks and people who use it should be shot.

Sin 2 - Anything that moves.
Okay, that’s maybe a little bit harsh – let me zero in on something more specific - animated cursors. I know 12 year-old kids that think they’re crap. Wise up and lose the Homer Simpson cursor that leaves a wake of donut crumbs behind it as it moves across the screen. Please, I beg you, destroy them all!

Sin 3 - Fading Page Changes.
You’ve not seen these? Oh honestly – they’re wonderful. You click on a link to get to your chosen section and then suddenly the whole ass of the website morphs up into itself before re-appearing like a re-constituting Captain Kirk being beamed back into existence. Supreme. Whoever invented this deserves a medal. Ideally a medal that is extremely heavy, irremovable and is presented during a mid-ocean ceremony..

Sin 4 - Wide Load Websites.
You know the ones. You’re just getting into a sentence and then suddenly you realise that the last quarter of the sentence is not on your monitor – it’s extended into your kitchen somewhere and you need scrollbar shenanigans of Herculean proportions just to get to it. Wide load websites? Give them a wide berth.

Sin 5 - Designed By The Criminally Insane.

Words escape me:
http://www.chipotle.com

Sin 6 - Reflective Ripple Effects.
Absolute classic this one, I would be doing the Internet world a disservice if I left it out. You must have seen these in action – you come across a website (usually a personal one on free webspace) and there’s a picture depicting a tranquil scene, normally, though not always, containing a river or lake in it. And then the really tacky bit – the owner has lifted a bit of code from somewhere that makes the lower portion of the image appear as if it is rippling. The effect makes you feel like you’re having a water cannon loaded with chocolate ice-cream fired down your throat – it’s quite amusing and good fun for the first 2 seconds but you soon start to feel sick and dizzy wondering if there’s an off-button within reach…

Sin 7 - “Catch-Me-If-You-Can” Navigation.
Truly an invention of the devil this one. You can’t make head nor tail of what the little blobs on the navigation bar are supposed to be so you hover your mouse over them. But oh no – getting a description or hover-over clue now would be too easy. So instead the whole navigation bar starts scrolling past your mouse.
The more you move your cursor to catch up with the section you wanted to click on the faster everything starts spinning. Before you know it you’ve got a migraine, a sore wrist from moving your mouse too much and one less hour of your life left. If you’ve never witnessed scrolling, moving, “Catch-Me-If-You-Can” navigation just thank your lucky starfield backgrounds..
So remember people – don’t have nightmares and don’t commit any of the above cardinal sins!

legal disclaimer

1) Our website is not responsible for the information contained by this article as well for any and all copyright infringements by authors and writers. E-articles is a free information resource. If you suspect this article for any copyright infringements, please read the Terms of service and contact us to investigate the problem.
2) The E-articles directory team is not responsible for inaccuracies, falsehoods, or any other types of misinformation this tutorial may contain and will not be liable for any loss or damage suffered by a user through the user's reliance on the information gained here. Please read the Terms of service

Useful tools and features

Translate this article to...    Send this article to you or to a friend

Link to this article from your page   
If you like this article (tutorial), please link to it from your web page using the information above. Linking to this page, this is the only way to help us improve our service, the same time providing your visitors with a way to improve their online experience.

related articles

1. Advantages and Disadvantages of Message Based Authentication
Client credentials can also be passed along with the regular message payload. This is marginally easier to implement on the client side because adding credentials should be no more difficult than adding another parameter to the request. Remember that even if a secure (SSL) endpoint is used, the URL used for the request is still sent in the clear, so if the credentials are passed on the URL (as is the case with a REST request), they will be visible to any and all intermediaries. Advantages: Easily handled &m...

2. 7 Things You Should Not Use in Web Design to Get a Quality Web Site
If you have any of these on your website or you have built websites for other people that include some of these ‘No-No’s’ then don’t feel too bad. We all make mistakes and it’s only my opinion right? 1. Flash In The Pan Pan being a slang term for toilet – as that’s where it belongs. Okay, maybe not all use of Flash but certainly Flash introduction pages. What a nightmare they are – ever visited a site where you positively revelled in the fact you got to...

3. How To Quickly And Easily Protect Your Adsense Account From Accidental Clicks
Not a day goes by without somebody complaining that they’ve been shutdown by Adsense because of “click fraud”. Scary isn’t it? Your kids or family members accidentally “stumble” on your website as they’re browsing the net (using the home computer)… and proceed to click on YOUR ads. You accidentally click on your ads yourself while you’re “checking” your site in your browser. Now, I’m sure that some people have accidentally ...

4. What Should I Do For a Successful Business Website
There are just four cornerstone foundations you need to perfect to make your website a success. These foundations need to be central to your way of thinking about your website from now on. Whenever you make a single change to your website, whenever you have an idea about your website, whenever you think about your website in any way you need to think about the four cornerstone foundations – so here they are… Volumes The volume of people you attract to your website is crucial to your websit...

5. General advantages and disadvantages of HTML vs XML and XHTML
There are three markup languages. These include Hypertext Markup Language (HTML), Extensible Markup Language (XML), and the combination of the two, Extensible Hypertext Markup Language, (XHTML). HTML HTML is the primary format used on the World Wide Web. HTML can display Web pages with a wide range of colors, shapes, and objects. Although not a true programming language, HTML has increased in power over the years. HTML is actually a loosely defined subset of XML. However, whereas XML is a strict languag...

6. Wireless Markup languages ~ Overview ~ WAP WML WMLScript
The most common standard of data transfer and presentation for a handheld device involves the combination of Wireless Application Protocol (WAP) with Wireless Markup Language (WML). Although WAP can be used with other forms of presentation, its coders primarily designed it to be used with WML. WAP Because of the small size of PCS devices, and because they operate with much less bandwidth or speed, than the rest of the Internet, a special protocol was necessary to redefine how they handle data transmission. This protoc...

7. How To Configure Apache or IIS Web Server to Work with WML ~ Openwave SDK
It could be a useful exercise for you to create your own WML program and test it on a live Web server. This requires the following two items: Access to a Web server (IIS or Apache both work well) A development tool to test the programming For the development tool, we recommend that you download and use the latest version of Openwave's SDK, which is freely available to developers at http://www.openwave.com. Once you install this program, you simply need to specify where the files ...