Web Design Blog
Popular Posts
- Fonts on the web and a list of web safe fonts
- CSS Hack:Getting Safari to behave
- Top 10 search engine optimization techniques
- Test IE5 or IE6 on your PC with IE7 installed
- Top 10 job boards for freelance web designers
- CSS Trick: Target only IE with an if statement
- Creating a photo gallery in CSS without tables
- Open source Dreamweaver alternatives
- 8 job boards, for freelance web designers, that don't suck
- CSS fix for the double margin float bug in IE6
Categories
How to ruin your website in 10 easy steps
Posted on Thursday, March 13th, 2008 under web design news, web standards by Dustin Brewer.A lot of people give suggestions on how to improve your website or blog. Whether it is via SEO or design suggestions. Not many tell you what is going to destroy your website. I may be a little extreme but there are several pet peeves (as do many in the web design world) have that can truly turn your site from great to lame. There may be a couple of these that are straight forward but when dealing with clients it can become very obvious that some of their ideas on how a website should function are modeled after MySpace and the ilk.
#1 Sound
Not all sound is bad, but for the most part users prefer to opt-in to sound being played, especially if they are using their computers to listen to music they have chosen. If you do decide that the music should start up right away, give a quick and noticeable way to disable the sound for the user. It drives me crazy to go to a website that plays music, most of the time I will close out of it immediately and find another place for what I was looking for. There are times when I take the time to disable the music, but not often.
#2 Animation
I’m not talking about flash, I’m talking about animated gifts, mouse trails and “glitter.†I don’t see as much of this as I used to on the web but I have had clients request such things. It is important to end that conversation right there with your client and explain to them how the web has advanced since 1996.
#3 Intrusive Advertising
Just when we all thought popup windows were dead forever, they start making a come-back. It drives me crazy to do the first click on a web site (I’m a highlighter) and immediately a popup for Netflix or screen savers popups up to greet you. I have never, ever, clicked on a popup with the intention of buying or signing up for anything. Take note weather.com. The other intrusive advertising are in-window popups and scrollers. The worst kind are flash advertising with sounds (the crazy evil bee buzzing flash, for example). Minus the ranting, don’t distract your user with advertising. Be subtle about the advertising and interested users will choose to check out a link or banner on their own.
#5 Bad Typography
You want to avoid the bad cliché fonts such as Comic Sans of course. Beyond the well-known bad choices for typefaces you want to ensure that there is a healthy, but not too healthy, contrast between the background color and the font color. You also want to take into account how big your typeface is set at, you may be able to read it just fine but keep in mind what kind of audience will be visiting your site to ensure that they can read it just as easily. You also want to test increasing the font size on your site to see how it holds up to others browsing the web at an increased size.
#6 Screen Resolution
You may have a 1920×1280 resolution on your computer but not everyone has that large of a resolution. It is important to check your site on other resolutions to see how it holds up and what it looks like. The most common size right now is a toss up between 1024×768 and 800×600. That doesn’t, however, take into account that not everyone browses the web full screen. I browse full screen but several of the people I work with, in the web design field, don’t maximize their browsers. So they may be browsing at 1280×1024 or 1024×768 but their actual screen real estate for your site may be much less.
#7 Bad Navigation
This one is very important, this is how your users navigate your site. The usability of your site is paramount when it comes to design decisions. If users can’t figure out how or where to get their information on your site they will look elsewhere. Be sure that the navigation for your site is expansive and relevant. Jakob Nielsen has said that the more navigation available on the page the better chances the user is going to find a relevant link to the information they are interested in. Users don’t mind skimming, they are actually pretty good at it as long as you make the navigation as prominent on the page as possible.
#8 Load time
You can have the best content on your subject on the internet, with a great design… But if you don’t properly optimize your site users will grow tired of waiting for pages to load. You want to take several steps to ensure your site loads as quickly as possible. The top ways you can do this are by optimizing your images properly for the web so that the files are as small as they can be without losing visible quality.
You also want to try your best to minimize HTTP requests on your site, especially if the site is popular. Another thing you can do is to use various methods of caching your pages, especially for dynamic sites. You can also compress your pages so that the code make appear unreadable to people but browsers will render it the same, but with significantly less file size. Line breaks work well for people and mean nothing but bits and bytes to browsers. Try using Yslow for Firebug to analyze load time, file size, and ways to optimize your site’s performance.
#9 Website Accessibility
This one is often looked over because there aren’t many in the web design field that are disabled. It is, however, important to ensure that you are accommodating as much as you can those that are. It can be very frustrating for people with sight disabilities to come across meaningless alt attributes, undeclared navigation and misleading content flow. Understanding how screen readers work is the first step to becoming a better web designer and making your sites accessible to people that are visually impaired.
#10 Contact Information
Every website needs to have an easy method to allow users to contact them through. You need at least two ways for users to contact you that are easily found and well marked. Best-case scenario is three ways to be contacted but not all websites require that level of interaction. The more ways that you provide for contacting the better your site is viewed to the world.
Setting up a contact form and providing an email address are the first two steps to becoming available to your visitors. For the websites it applies, putting your phone number and possibly your address in the footer or even on a sidebar is just as important. Make sure that all of your contact information is up-to-date also, for most websites this is how clients contact you and it is impossibly important you make it as easy as possible for them by whichever means they feel comfortable with.
What other ways do you strive to avoid screwing up sites?
There are plenty of other ways that can mess a website up, these are just the top 10 that I deal with. Avoiding these mistakes and following the advise I have laid out can help you to ensure your websites are successful and done correctly.
Whats Next?
48 Responses to “How to ruin your website in 10 easy steps”
Leave a Reply
About Dustin Brewer
Dustin Brewer is a freelance web designer based out of Oklahoma City, OK passionate about web standards, and beautiful web design. Dustin Brewer has been in the web design industry for over 8 years through freelance and professional experience. If you are interested in hiring Dustin Brewer please visit the web design services page to find out more information. You can also checkout the web design portfolio.
The best way I know to screw up a site is drive by malware installers
.
Not updating content. This is a huge put off.
I totally agree with the first two. It’s even worse when a site is full to the brim with animated GIFs AND sound. There are so many animated GIFs on the page you have no idea where the Mute button is. I don’t have time for sites like that.
PS. I notice there isn’t a number 4?
Haha, that is fantastic. Thanks Emz for noticing, I guess #4 can be “Not checking your work thorougly.”
Excellent post! I agree with all nine points. Thanks.
I recently had a client request sound on a page, bagpipes nonetheless, and I cringed upon it’s mentioning. I have nothing against bagpipes, just the music on the page in general. Well, they could not be swayed so I opted for a small STOP button.
Great Post
Excellent points – in fact, it’s given me some inspiration for some new posts. Thanks, man!
I always follow the rule of thumb for a business site that opening hours and contact details are within one click from the index, and that they are clearly advertised as that’s why the majority of users will visit the site.
Standing ovation for the good sense of this post! It’s all been said, but we need to keep re-saying it.
I, too, have had clients coming at me with starry-eyed plans to compose horrible atrocities. Too often, they’ll just take their business somewhere else. But I just say there’s plenty of clients out there who aren’t dead-set on ruining themselves. Just recently I had one who wasn’t too bad – he wanted an animated logo with a spinning globe. I said, “You know, that’s kind of… been done… like, to death. Like, since 1995.” But in the end I gave him his globe. That’s not too bad, is it?
What’s #4?
Resizing the User’s Browser Window is also a nogo.
good post, very true to the most part.
for me its all of the above + most bad design in general. I dont bother visiting a site again thats badly built and had sub-quality content.
I’d add #11 – make your site crawlable and indexable (not always the same thing) by search engines. This includes practicing good link management, and not populating the DOM via JS with content needed by the crawlers for ranking.
[...] How to ruin your website in 10 easy steps Related StuffWhat type of designer are you? : Alicia Harper DesignQuestions to Ask Yourself When a Design is Coming Up Short of Your Expectations | Vandelay Website Design99 Graphic Design Resources12 Steps to Creating a Professional Web Design | Professional Web Design BlogWeb Design: From Good to Great in 25 Links ~ Ten Thousand ThingsMost used CSS tricksGet More Traffic: 17 Social Media Sites for Web DesignersPresidential candidate web design review63 Essential Wordpress Hacks, Tutorials, Help Files and Cheats Web Design Forums.net – Get your web design and development questions answered [...]
Great article!
There are several other things that ruin your site but these are the worst.
Nice post!
[...] para mejorar esos aspectos pero muy poco se dice acerca de lo que no se debe hacer, por eso Dustin Brewer ha creado un post muy interesante llamado How to ruin your website in 10 easy steps (qué en [...]
hi, excellent website, I really like it …
just wondering if we can exchange some ideas and Logos on both websites… please let me know if you are interesting..
Cheers
Alex
[...] A lot of people give suggestions on how to improve your website or blog. Whether it is via SEO or design suggestions. Dustin Brewer on the other hand tells you what is going to ruin your website. [...]
Great article to refer clients to; thanks, Dustin!
Naturally, we all could come up with more website destroyers, such as not placing a title for the page. Ever come across, “Untitled Document?” Then there’s those who label their landing page, “Home.” Still, other website owners will label every page with the same name. Just try to relocate a certain page from your history with such a site!
And what about search optimization? Your title tag is the most prime ingredient for bringing your page up in a search.
Just to think – people actually hire designers that allow this kind of stuff! But come again; are they REALLY designers?
You forgot “This website must be viewed in IE”
e.g. viewing windowsupdate.microsoft.com on Firefox: “To use this site, you must be running Microsoft Internet Explorer 5 or later.”
[...] http://dustinbrewer.com/how-to-ruin-your-website-in-10-easy-steps/ addthis_url = ‘http%3A%2F%2Fwww.giulianoromano.it%2Findex.php%2F2008%2F03%2F18%2Fhow-to-ruin-your-website-in-10-easy-steps%2F’; addthis_title = ‘How+to+ruin+your+website+in+10+easy+steps’; addthis_pub = ”; [...]
[...] This freelance Web designer has a handy list of ways to guarantee visitors to your site never come back. They include using sound (opt-in, people!) too much animation or advertising that gets in the way (don’t you hate the ads that float across the screen?), too much time spent loading the page, or missing or incomplete contact information, among others. [...]
I have to agree with #4.
[...] te llamen la atención y lo bonito que crees que se vean. Carlos Leopoldo traduce un artÃculo de Dustin Brewer acerca de las cosas que pueden arruinar tu sitio web al incluirlas en él. Las que no puedo evitar [...]
#11 Splash page
[...] Category: Web DesignRead Now [...]
I think the best way to ruin the Web design is uploading videos, images and plug ins. Since they take much time to download and in turn reduces the attention of the users. Good comments but still web designing has some magical power which attracts the visitors.
whats’ wrong with Comic Sans ???
should i change it …damn i luv it
http://bloggersmosaic.com
[...] How to ruin your website in 10 easy steps | web design news and style [...]
[...] sugestões, porém pouco se fala a respeito do que não fazer. Pensando nisso, o web designer Dustin Brewer escreveu um artigo muito interessante intitulado “Como arruinar seu site em 10 passos†(que na [...]
Ultimate article that excels through simplicity, this sort of article i am looking for to leverage my SEO work process.
Once you understand the meaning of #4, you will have peace and be as one with the world. Thank you, Dustin Brewer, for changing my life.
[...] Como arruinar tu sitio en 10 pasos | Dustin Brewer. Algunas cosas que podrÃan arruinar la experiencia de tu visitante. Música al entrar, publicidad intrusiva, animaciones… [...]
[...] nuestro sitio web, pero si quieres hacer todo lo contrario Dustin Brewer nos da un tutorÃal de cómo arruinar la tu sitio web en 10 pasos. 0 [...]
Not having good navigation is definitely something that puts me off. I also HATE sound on websites, its the least cool thing ever
[...] Dustin Brewer e Lawebera [...]
Making a tiled background where tiles are not designed well enough making the background looking like chess board.
Ummm, is it me or is there a non existent #4???
What’s a put off is when web folks cram the words beautiful and standards down our throats as if the web was intentionally made for it. Oh and we can’t forget about “rockstar” designers, that’s a good one! ;(
How to ruin your website in 10 easy steps…
How to ruin your website in 10 easy steps | web design news – A lot of people give suggestions on how to improve your website or blog. Whether it is via SEO or design suggestions. Not many tell you what is going to destroy your website. I may be a litt…
[...] 原文出处:http://dustinbrewer.com/how-to-ruin-your-website-in-10-easy-steps/ [...]
Hello. I think you are eactly thinking like Sukrat. I really loved the post.
You know how you tell yourself you are studying because you have your certification books opened in front of you? But you are really clicking on Stumble Upon to find interesting posts to read?
Yeah well, I came across yours and had to write to tell you I enjoyed it very much. I gave it the thumbs up, so more people can come across it and enjoy it also.
Hi nice post, i have come across your site once before when searching for something so i was just wondering something. I love your theme, would it happen to be a free one i can download, or is it a custom one you had made? In a few weeks i will be launching my own site, i’m not great with designs but i really like the style of your site so it would be cool if i could find (or pay for) something with a similar look.
Thanks!
SEO (Search Engine Optimization) is also very important.
[...] Comments [...]
This has turned out to be a very helpful article.
I am learning all the time with the internet and many of your tips have helped me from making some pretty bad mistakes.