43 Web Design Mistakes You Should Avoid

By Daniel Scocco

There are several lists of web design mistakes around the Internet. Most of them, however, are the “Most common” or “Top 10 mistakes.” Every time I crossed one of those lists I would think to myself: “Come on, there must be more than 10 mistakes…”. Then I decided to write down all the web design mistakes that would come into my head; within half an hour I had over thirty of them listed. Afterwards I did some research around the web and the list grew to 43 points.

The next step was to write a short description for each one, and the result is the collection of mistakes that you will find below. Some of the points are common sense, others are quite polemic. Most of them apply to any website though, whether we talk about a business entity or a blog. Enjoy!

1. The user must know what the site is about in seconds: attention is one the most valuable currencies on the Internet. If a visitor can not figure what your site is about in a couple of seconds, he will probably just go somewhere else. Your site must communicate why I should spend my time there, and FAST!

2. Make the content scannable: this is the Internet, not a book, so forget large blocks of text. Probably I will be visiting your site while I work on other stuff so make sure that I can scan through the entire content. Bullet points, headers, subheaders, lists. Anything that will help the reader filter what he is looking for.

3. Do not use fancy fonts that are unreadable: sure there are some fonts that will give a sophisticated look to your website. But are they readable? If your main objective is to deliver a message and get the visitors reading your stuff, then you should make the process comfortable for them.

4. Do not use tiny fonts: the previous point applies here, you want to make sure that readers are comfortable reading your content. My Firefox does have a zooming feature, but if I need to use on your website it will probably be the last time I visit it.

5. Do not open new browser windows: I used to do that on my first websites. The logic was simple, if I open new browser windows for external links the user will never leave my site. WRONG! Let the user control where he wants the links to open. There is a reason why browsers have a huge “Back” button. Do not worry about sending the visitor to another website, he will get back if he wants to (even porn sites are starting to get conscious regarding this point lately…).

6. Do not resize the user’s browser windows: the user should be in control of his browser. If you resize it you will risk to mess things up on his side, and what is worse you might lose your credibility in front of him.

7. Do not require a registration unless it is necessary: lets put this straight, when I browse around the Internet I want to get information, not the other way around. Do not force me to register up and leave my email address and other details unless it is absolutely necessary (i.e. unless what you offer is so good that I will bear with the registration).

8. Never subscribe the visitor for something without his consent: do not automatically subscribe a visitor to newsletters when he registers up on your site. Sending unsolicited emails around is not the best way to make friends.

9. Do not overuse Flash: apart from increasing the load time of your website, excessive usage of Flash might also annoy the visitors. Use it only if you must offer features that are not supported by static pages.

10. Do not play music: on the early years of the Internet web developers always tried to successfully integrate music into websites. Guess what, they failed miserably. Do not use music, period.

11. If you MUST play an audio file let the user start it: some situations might require an audio file. You might need to deliver a speech to the user or your guided tour might have an audio component. That is fine. Just make sure that the user is in control, let him push the “Play” button as opposed to jamming the music on his face right after he enters the website.

12. Do not clutter your website with badges: first of all, badges of networks and communities make a site look very unprofessional. Even if we are talking about awards and recognition badges you should place them on the “About Us” page.

13. Do not use a homepage that just launches the “real” website: the smaller the number of steps required for the user to access your content, the better.

14. Make sure to include contact details: there is nothing worse than a website that has no contact details. This is not bad only for the visitors, but also for yourself. You might lose important feedback along the way.

15. Do not break the “Back” button: this is a very basic principle of usability. Do not break the “Back” button under any circumstance. Opening new browser windows will break it, for instance, and some Javascript links might also break them.

16. Do not use blinking text: unless your visitors are coming straight from 1996, that is.

17. Avoid complex URL structures: a simple, keyword-based URL structure will not only improve your search engine rankings, but it will also make it easier for the reader to identify the content of your pages before visiting them.

18. Use CSS over HTML tables: HTML tables were used to create page layouts. With the advent of CSS, however, there is no reason to stick to them. CSS is faster, more reliable and it offers many more features.

19. Make sure users can search the whole website: there is a reason why search engines revolutionized the Internet. You probably guessed it, because they make it very easy to find the information we are looking for. Do not neglect this on your site.

20. Avoid “drop down” menus: the user should be able to see all the navigation options straight way. Using “drop down” menus might confuse things and hide the information the reader was actually looking for.

21. Use text navigation: text navigation is not only faster but it is also more reliable. Some users, for instance, browse the Internet with images turned off.

22. If you are linking to PDF files disclose it: ever clicked on a link only to see your browser freezing while Acrobat Reader launches to open that (unrequested) PDF file? That is pretty annoying so make sure to explicit links pointing to PDF files so that users can handle them properly.

23. Do not confuse the visitor with many versions: avoid confusing the visitor with too many versions of your website. What bandwidth do I prefer? 56Kbps? 128Kbps? Flash or HTML? Man, just give me the content!

24. Do not blend advertising inside the content: blending advertising like Adsense units inside your content might increase your click-through rate on the short term. Over the long run, however, this will reduce your readership base. An annoyed visitor is a lost visitor.

25. Use a simple navigation structure: sometimes less is more. This rule usually applies to people and choices. Make sure that your website has a single, clear navigation structure. The last thing you want is to confuse the reader regarding where he should go to find the information he is looking for.

26. Avoid “intros”: do not force the user to watch or read something before he can access to the real content. This is plain annoying, and he will stay only if what you have to offer is really unique.

27. Do not use FrontPage: this point extends to other cheap HTML editors. While they appear to make web design easier, the output will be a poorly crafted code, incompatible with different browsers and with several bugs.

28. Make sure your website is cross-browser compatible: not all browsers are created equal, and not all of them interpret CSS and other languages on the same way. Like it or not, you will need to make your website compatible with the most used browsers on the market, else you will lose readers over the long term.

29. Make sure to include anchor text on links: I confess I used to do that mistake until some time ago. It is easier to tell people to “click here”. But this is not efficient. Make sure to include a relevant anchor text on your links. It will ensure that the reader knows where he is going to if he clicks the link, and it will also create SEO benefits for the external site where the link is pointing.

30. Do not cloak links: apart from having a clear anchor text, the user must also be able to see where the link is pointing on the status bar of his browser. If you cloak your links (either because they are affiliate ones or due to other reasons) your site will lose credibility.

31. Make links visible: the visitor should be able to recognize what is clickable and what is not, easily. Make sure that your links have a contrasting color (the standard blue color is the optimal most of the times). Possibly also make them underlined.

32. Do not underline or color normal text: do not underline normal text unless absolutely necessary. Just as users need to recognize links easily, they should not get the idea that something is clickable when in reality it is not.

33. Make clicked links change color: this point is very important for the usability of your website. Clicked links that change color help the user to locate himself more easily around your site, making sure that he will not end up visiting the same pages unintentionally.

34. Do not use animated GIFs: unless you have advertising banners that require animation, avoid animated GIFs. They make a site look unprofessional and detract the attention from the content.

35. Make sure to use the ALT and TITLE attributes for images: apart from having SEO benefits the ALT and TITLE attributes for images will play an important role for blind users.

36. Do not use harsh colors: if the user is getting a headache after visiting your site for 10 consecutive minutes, you probably should pick a better color scheme. Design the color palette around your objectives (i.e. deliver a mood, let the user focus on the content, etc.).

37. Do not use pop ups: this point refers to pop ups of any kind. Even user requested pop ups are a bad idea given the increasing amount of pop blockers out there.

38. Avoid Javascript links: those links execute a small Javascript when the user clicks on them. Stay away from them since they often create problems for the user.

39. Include functional links on your footer: people are used to scrolling down to the footer of a website if they are not finding a specific information. At the very least you want to include a link to the Homepage and possibly a link to the “Contact Us” page.

40. Avoid long pages: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.

41. No horizontal scrolling: while some vertical scrolling is tolerable, the same can not be said about horizontal scrolling. The most used screen resolution nowadays is 1024 x 768 pixels, so make sure that your website fits inside it.

42. No spelling or grammatical mistakes: this is not a web design mistake, but it is one of the most important factors affecting the overall quality of a website. Make sure that your links and texts do not contain spelling or grammatical mistakes.

43. If you use CAPTCHA make sure the letters are readable: several sites use CAPTCHA filters as a method of reducing spam on comments or on registration forms. There is just one problem with it, most of the times the user needs to call his whole family to decipher the letters.



Share

589 Responses to “43 Web Design Mistakes You Should Avoid”

  • kris

    Hi,

    A few more..

    44.Do not use hidden text.

    45.Do not link to banned sites. Google is strict on this.

    The ones you can do…

    46.Place your ads at the top. They tend to get clicked more. The ones on the right are next in line to get clicked.

    47.Get listed in dmoz and yahoo.com. Google specifically mentions this.

    48.Get into adwords. The tools given are a great help.

    49.Try tools at seomoz.org. They are the best for picking up keywords from your site.

    50.Choose a specific theme for your website. Do not alter the theme midway. If you have multiple themes, choose anothere website. Of course, you have to do this considering the monetization aspects.

    51.Start a blog. Keep posting one article a day.

  • Daniel

    Kris, I agree with not using hidden text and being consistent with your theme.

    The other points are more Search Engine Optimization than design, but yeah they are useful also.

    • key ödemeleri

      Great post. I especially like the points about “no music” and making captcha readable. I don’t know how many times I’ve entered the wrong captcha word just because I couldn’t read it. And music on a site…let’s just say it’s a sure sign of an amateur: “Hey! Look what I learned how to do!”

  • Rishi

    Hey Daniel,
    Really cool tips. I follow only 41 of them and now will follow all 43.

    And Kris, I agree with you on the theme point, my recommendation is always go for a custom theme design maybe yourself, any designer or any generator and think 10 times to change it.

    And Daniel, which editor do you prefer? I used to have FrontPage but now using Nvu. Any recommendation to your readers about an editor?

  • Daniel

    Rishi, we had a discussion sometime ago about HTML editors, check it out:

    http://www.dailyblogtips.com/wysiwyg-html-editors/

  • AmeyJah

    hey, i agree with you.
    Since we should not annoy reader it is better to place it at top (with left alignment) the best and wroked for me for my wordpress blog.
    here are some suggestion from my side:

    52. check your spelling and grammar ( don’t laugh it’s fact, and i have suffered a lot from due to this)

    53. try to avoid useless wordpress plugings so that your page can load faster. ( it’s not necessary to have avatar for comment section)

    54. Most important: differentiate between your and readers comment. it can bee done by adjusting background color or text color)

  • Daniel

    Amey, good ones.

    I need to apply number 54 :).

  • Roberto Alamos

    55. When possible use ’em’ instead of ‘px’ or % as a measure in your CSS. It grows (or shrinks) proportionally if your user increases (or decreases) his browser’s font sizes. That’s because em’s size is relative to the font size of parent elements while pixels and percentages are relative to screen’s size.

  • basketer

    Hey Daniel,

    this post is a great confidence booster especially after I realized that I was doing just one mistake out of the 43 you had mentioned.

    The list seems pretty comprehensive but I think we can have a few more additions, as other people have already suggested.

    Actually, this can be a great meme if you are looking for one.

    Also, I do not agree with a couple of points you mentioned. Its alright catering to the needs of your visitors, but I think the readers should be expected to get a bare minimum of resources with their browsers.

    Thats why the JS points are inapplicable according to me. Its high time they get that.

  • Webbie

    This should be like our 10 43 55… Commandments.
    Good stuff.

  • Cucirca

    Great tips Daniel 😉 I will have to apply some of them :)

  • Bret

    Great post. I especially like the points about “no music” and making captcha readable. I don’t know how many times I’ve entered the wrong captcha word just because I couldn’t read it. And music on a site…let’s just say it’s a sure sign of an amateur: “Hey! Look what I learned how to do!”

  • AL

    Hey no one told me porn sites are becoming more usable!

    Later, gotta check ’em out :)

  • Daniel

    Bret, yeah CAPTCHA filters are annoying, in fact my advice would be to remove them altogether.

  • Ben Evert

    Excellent list. I can’t believe that people still put flash, music etc on their sites. It annoyed me years ago and still annoys me today. And, thanks to the additions from the other readers. Keep up the good work.

  • Tim

    Is statement in point 41. “while some vertical scrolling is tolerable” meant to be ironic? This page with its’ included comments is quite possibly the longest in internet history (over exaggeration).

    I find nothing wrong with long pages as if the information is of interest. Sometimes having multiple pages for articles just adds more messy navigation.

    Great list though!

  • Rex

    Certainly a nice list, I think i have used and recomended them to my web production clients but not listed them so well before.

    Not too sure about your web editor comment, hey develop a web in frontpage, test it on multiple browsers b4 release. At least Frontpage has a spell checker and people in the stell/fabrication and Nursery (plants) sectors may be able to get a half decent web site running.

    Which brings me to AmeyJah, by all means let us know how you have been burnt by your inability to spell check your own web sites and then make at least two spelling and two gramatical errors in your comment, Doh!

    Thanks for the entertainment, Rex.

  • Vent Swap

    Great list and I really wonder what fonts would you guys recommend?

  • Adam

    Most of these are crap and way out-dated!

    First off; blinking text is long dead and goes without saying. Just ask Lou Montulli.

    Flash has smaller file sizes than jpgs.

    Do not use music, period??? What??? What if its a site for a rock band? Its silly to offer such broad rules with no thought.

    Badges are cool, leave badges alone. And what legally has to put the badges of there suppliers?

    And some more, but I dont have time.

  • mostafa

    great article wow

    this site changed my life

  • Rikki

    Dont agree on point 40 at all.

    I HATE pages that have one paragraph then links to the next 28 pages. It could all be done in 3 and save dicking around when I try to print things.

  • Daniel

    Adam, it is always a good idea to get back to the basics. If you have “mordern” web design mistakes feel free to share them :).

    Thanks for the comment anyway.

  • Daniel

    Tim, yeah sometimes it is difficult to mention that rule. I could break the post into smaller parts, but this would also annoy the readers.

    Usually think that blogs are a kind of exception for that rule due to the large amoung of comments they get.

  • Yuri van Geest

    Hi,

    Good article and good discussion. Some basic stuff but it is always good to remember the basics once in a while :-) And I loved tip nr. 55 :-)

    My 2 cents (of key design mistakes):

    56. Neglecting the standards for Sitemap structure and XML (SEO and usability impact)

    57. Neglecting the standards for Web Accessability

    58. Subjectifying discussion on priorities on webpages instead of using user centered design techniques like online personas+scenarios, Google AdWords -> free keyword selector tool (objectifies the selected content in every webpage), web surveys on your site, webstats on your site, eye-tracking studies, benchmarkting (a.o. award winning sites), industry level web design research etc. Neglecting market data in favor of internal politics and strategy can be huge mistake in my view.

    59. Neglecting the importance of a Glossary in the header or footer (good for SEO and usability)

    60. Ignoring the use of trigger words throughout the site. The trigger words should be based on analysis of keyword selector tools from AdWords, Yahoo Search etc.

    61. Offering standard FAQ pages while ignoring the possibilities of offering context- or webpage-specific FAQs throughout the whole website. Better for usability experience.

    62. Designing without taking mobile access from smart phones, PDAs etc. into account.

    I agree with most points related to JavaScript, Flash (and RIA/Ajax/Flex). The trouble is that it is a mixed picture popping up. Flash and RIA can enhance the user experience but at the same it can be a hassle in terms of measureability, maintenance, costs, accessability (W3C) as well as SEO impact. Of course, there are advancements regarding Flash and RIA in these respective fields but still… a critical view is needed here in my view.

  • ta

    38. Avoid Javascript linkes

    What problems?

    I can come up with one
    Expirienced users use the shift or controll key(Windows) to open a new window/tab. If the purpose is to execute Javascript code, use input-button element.

  • Daniel

    ta, the one you mentioned is true. Additionally bear in mind that almost 12% of the Internet users (as of 2006) do not have Java compatiblity on their browsers.

  • Prateek

    Tip 38

  • Prateek

    Tip 38 is hard to follow if you are making AJAX websites :(

  • Cookie

    Here’s another one: don’t use visitor counters. Instead, use an invisible tracking system like Google Analytics. People couldn’t care less that they are visitor number 8541371!

  • Daniel

    Cookie, I agree. This would be our tip #63!

  • nick

    wrong on number 40. Getting users to click through next page, then next page and so on is a good way to lose users.

    Ask any competent marketing person, long sales copy trumps short sales copy every time.

  • Daniel

    nick, I guess it depends on the type of website.

    Take a look at NYTimes, The Economist or other big mainstream websites. Most of them adopt short pages, and break up articles into several pages.

    I know this is partially a reason to increase page views and advertising fees.

  • murphyz

    Music on pages is one reason why I detest myspace – I hate clicking on someone’s page and having music start.

    Mxx

  • Mike

    This list is very helpful. Thanks for putting it together.

    You mention no music, no animated graphics, and a few other things. I agree with your suggestions. Take a look at most myspace web pages and you’ll see many bad practices. It just goes to show that sometimes a bad thing does not bring down the popularity of a site. But, we should always strive to make the user’s experience better.

  • haha

    good points but you should reread this one 😀
    “40. Avoid long pages: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.”

  • Matt

    Many good points, some not so good points…

    A.) Paginated content is BAD and is not MAINLY for revenue and page views, its ONLY for rev. and page views.

    B.) A commenter mentioned standards and XML (I’m sure s/he mean XHTML) and how [XHTML] has some SEO benefits…. guess what people: MYTH. There is not a single browser on the market today that is capable of rendering xhtml correctly. (Shush people… it’s true.) All browsers take XHTML and convert it to HTML for display so pleeeeeease start giving the browser HTML again… XHTML is a side project of the W3C, not intended for actual use.

    C.) HTML Tables were ever intended to be used for layouts and by no means have been “replaced” by CSS. Tables are meant to display data in a… wait for it… wait for it… TABLE!!! Whoa! Things like product comparison ‘tables’ or a multiplication ‘table’ to name a few. A grid of content that is intended to be displayed as a grid is a fabulous and perfectly compliant use of the table markup. So i would venture to add another thing to this list…

    63: Do not use bloated CSS and div floats to render tabular data, use the table markup… that’s what it’s for! Your browser will thank you for not choking it on uncalled for, excessive markup. Your browser loves to render tables and it’s really good at doing so, even when they are used for a ridiculous purpose. (That’s probably why they were used for layouts for so very long. Oof.) So imagine how brilliantly your browser will render the table when you are using it for its actual purpose! 😉

    This was an awesome read and a great thread of comments… the best thing I’ve read all month. 😉

    P.S. I love the list and I sincerely thank you for taking the time to write it for us but I would advise you to heed your own advice (rule #42)… I spot some not so perfect grammar. I wouldn’t have said anything if you hadn’t of been preaching it.

  • Matt

    …boy would I love to edit a couple mistakes from my previous comment. 😀

    MAINLY = PARTIALLY

    So i would venture = So I would venture

    …hadn’t of been… = …hadn’t been…

    Sorry ’bout that. If i didn’t bring them up someone else would have of course. :)

  • Daniel

    Matt, thanks for commenting. I agree that HTML tables were created for tables and not for design layout, but many people used to employ them that way.

    Good points about having a clear CSS structure.

  • kareno

    Hm, all are good tips, but I’d hoped that by now anyone who’s making a website should have the web sense, or at least the common sense, to know that blink text and popups are not the way to go. But many fancy commercial sites promoting new products and such do still resize browser windows and use only flash, so I guess they still have stuff to learn.

  • richard

    A good post, thanks. It is also enhanced by the comments.

  • Colin Whitworth

    Don’t hate Flash, hate the developers who misuse it. I think it is a great way to build websites.

  • MotorsportBabesAU

    Great ideas there. My site currently has a few of those items listed but they were thing that I was wondering about anyway!

    Only issue I have is the animated gif one. I thought that when used appropriately these could be quite effective. Particularly in adverts. I agree not to over do it though.

  • Jermayn Parker

    Great list, while I agree with most of them, I tend to disagree or slightly disagree with some of your points and also the points that were made in the comments section.

    You can read more hear.
    http://germworks.net/blog/2007/05/02/mistakes-on-web-design-mistakes-you-should-avoid/

  • Chris

    Speaking of “your site will lose credibility…”

    You have a grammatical error in #14.

  • Daniel

    Corrected. I did proof read three times, but it slipped off hehe, I am glad it was 1 mistake out of 1500 words.

    Thanks for spotting.

  • Daniel

    Colin, yeah the problem is not in Flash itself since it is a great technology.

    Most of the times it works that way though. For instance XHTML is also very efficient, still people tend to mess up with it :).

  • Strange Duck

    Good stuff. Two points I will debate, however. Whereas before I didn’t like new browser windows opening for external links – now I love it. Especially with Firefox and tabbed browsers. In fact, if a new window doesn’t open with an external link, I am outright miffed. And completely lost.

    I like to go back and forth between web sites, a lot. So, more open windows is better than cycling through the back button.

    Also, this page is really long. It doesn’t bother me at all. Scrolling down is easy. To have to click to a new page is a drag and interruptive. I think the user-friendly gurus changed their minds on this long ago.

  • Daniel

    Strange Duck,

    Regarding the browser windows, we can put it this way: if you make links open new windows the users that have Firefox and tabbed browsing will be happy, but the users who dont will be pissed.

    If you dont make links open new browser windows I dont think Firefox users will get pissed though, after all they can still open a new tab with a center mouse click or with keyboard shortcut.

    That way you make sure everyone is getting hiw own.

  • SEO Practices

    Thanks great list. It shows us seo beginners a path to making our sites user-seo friendly.

  • Sue

    Matt said:
    B.) A commenter mentioned standards and XML (I’m sure s/he mean XHTML) and how [XHTML] has some SEO benefits…. guess what people: MYTH. There is not a single browser on the market today that is capable of rendering xhtml correctly. (Shush people… it’s true.) All browsers take XHTML and convert it to HTML for display so pleeeeeease start giving the browser HTML again… XHTML is a side project of the W3C, not intended for actual use.

    Unfortunately Matt, you are incorrect. XHTML *is* HTML. The tags in XHTML are the same ones we were using in HTML 10 years ago. It is WAY easier to use XHTML and CSS than the mess that used to be tables for page layout (tables are useful for tabular data). There is no way it breaks the browser. It is not a pet project, it is preferable for usability and access, and I for one will never go back to using HTML and tables. Sounds like you need to dump your Front Page, Matt.

    Thanks for the article, Daniel, this is a good one. Especially nos. 9, 10 and 11.

  • Jeff

    great list, it is rare to find such a large amount of subjective content all in 1 place that I agree completely with!

    Well done.

  • Matt

    Sue Said:

    “Sounds like you need to dump your Front Page, Matt.”

    So Matt is saying:

    LOL… While I thoroughly appreciate your loathing of Front Page (something I must clear the record and say I neither use nor condone) I must inform you that you are indeed the incorrect one.

    XHTML is *similar* to HTML. In order for you to be correct you would have had to have said XHTML *is* XML. To say that it’s 100% the same as HTML is simply a testament to your lack of education on the subject. Don’t feel isolated, you are not alone and I’m not picking on you… but in all fairness I did say “Shush people… it’s true.” Newsflash: you’re ‘people’.

    Ok.. here’s where it starts to get a little on the stern side. You started it 😛

    Do you think in order to achieve a layout in HTML you have to use a table? (Who uses Front Page now??)

    Do you think you have to use XHTML to use CSS? That’s asinine. Besides, if XHTML and HTML are “the same” then why are you an apostle for XHTML in the first place and why does it matter what you choose to use? According to you it’s the same thing. So where is your valid point? (P.S. XHTML is not some *new* way of writing HTML. The specs, XHTML and HTML 4.01, came out at damn near the same time… literally months apart.

    I support closing all elements. I support properly nested tags. I support semantic markup and less bloat. So where in the real world does that mean that I *must* support XHTML?? I’m afraid that Sue needs to dump her Notepad. (Sorry, tried to think of something funny to counter her Front Page comment and all I could think of is how 98% of all these self-proclaimed standardistas insist they write all their “code”* in notepad. Lies. If not lies.. then stupidity. Anyone who is not taking advantage of syntax highlighting is creating their own prison.)

    I put code in quotes because these same people also think that the markup they write is called “code” when in reality it’s called markup. Code tends to contain things like conditions, methods, classes, etc… coders know. 😉

    So… stop pretending that XHTML is the only way to write a semantic web and stop calling your markup “code”.

    P.S. No way it breaks the browser?? Are you nuts? Try passing Internet Explorer your XHTML as XHTML (which *IS* XML). [You will probably need to use something called “code” to do this… as it cannot be done with “markup”.] Do you see a webpage or do you see exactly what you see in Notepad? Hmmm… uh-thank you very much. 😀

    Thank You,

    Matt (A reformed XHTML user. Yeah, used to use it and preach it, too. Until I did some learning on the subject.)

  • Jermayn Parker

    Looks we have just solved the problem off having no hot air for our air ballon :rolls:

  • George Gumpert

    These are all very obvious, but it’s scary how rarely they’re followed.

    Very good list you got going here!

  • doug

    it looks like you broke your own rule. i thought your list of responders would go on forever before i would get to your reply area. i have a simple rule based ironically on my lack of knowledge of all the things possible which (can be done): i take a direct approach and simply type what i want to say. i (KEEP IT SIMPLE) DOUG
    I DIDN’T “already say what i said above as your error message indicates. what’s wrong with (your) perception (???)

  • Daniel

    doug, yeah this page became very long indeed.

    As I said before in a comment I think some types of website could get around that rule. Blogs, for instance, there is nothing you can do to avoid the long pages on posts that have many comments.

    KISS: Keep It Simple and Stupid. This is a very good rule of thumb, I agree.

  • Strange Duck

    Daniel,

    I get pissed even when using IE and Safari. This is because I am a multiclicker and when doing research I click about amongst many sites. Cycling back to find the original doc and losing all the others that I opened is a drag.

    I am not speaking for everyone, and the usability experts even disagree, but I prefer multiple windows opening to cycling through the back button, and losing pages that I am still reading. So for me links within the site shouldn’t open a new window, and external links should.

    Oh, another reason I like it is because I am a skimmer, so sometimes I do not even know I will be leaving the site. If a new window opens it is instant feedback for me.

    I am sure this will remain a contentious issue. That’s ok. The others I am in agreement with.

  • Jermayn Parker

    @Strange Duck – In regards to your net usage, the experienced user most of the time surfs like you mentioned but the ‘common’ user does not surf and use the net like that.

    We design for the ‘common’ user and not the expert user because the expert user has enough knowledge to surf and use his skills to surf the way he likes but the ‘common’ user needs everything layed out nice and simple for him. You want their experience to be pleasurable and not annoying or frustrating as the website is a service and service counts….

  • Daniel

    Jermayn, exactly. Sometimes we wrongly think that our habits reflect the habits of other people.

    Do not design a website based on your personal preferences, design it for who will be reading it.

  • nobody

    Another item I’ve seen that would be great on this list is Javascript used for page layout. I browse with Javascript disabled, and if your page displays horribly I just leave.

    Also, I find it ironic that you require email addresses to post comments.

  • CodeBit.cn

    great list.
    thanks

  • Michael

    “9. Do not overuse Flash”

    Well that’s just silly!

    It would be wrong to overuse anything – because if you’ve overused it, you’ve used it too many times (how observant).

    You could say, “do not overuse HTML” and it would be just as valid.

    Many of the best sites on the internet are flash-based… perhaps you should change your comment to read:

    “only use flash where appropriate” and then I’d agree with you.

  • johno

    As usual some great tips. However, I beg to differ with your point re the use of tables. There is nothing wrong with using HTML tales for tabular data – that’s what they are intended for. However, CSS should be used to style those tables.
    ps: this site’s a real treasure trve of info and tips.

  • Sam

    Just thought the author would like to know that there are, in fact, several grammatical/spelling errors on this very page…perhaps, a way to mitigate this is to find your closest grammar nazi and ask him/her whether he/she would be kind enough to proofread new pages. Spell check alone is simply not enough. You have to actually read the text to ensure that it is coherent.

  • Daniel

    Sam, spell check is not enough indeed, usually I proof read my articles two times.

    Sometimes though you become blinded to your own mistakes, having a proof read partner is a good idea.

    I guess I will proof read for the third time now ;).

  • ahmed

    i think what is your openion about the boring text that is from the design point of view

  • Eric

    Nice article with good tips. (I “think” mind most of these rules…but Im off to go check!)

    Meantime will sign up for your RSS feed.

    Eric

  • krish

    hi,

    Great list, this has helped me in convincing my boss, not to use music and too much flash.

  • Daniel

    Glad it helped Kris. Actually it is funny how many clients ask designers to include music and other crap stuff on their website…

  • Matt Keegan

    Most people make a first impression within five seconds time. If you don’t have a site that captures the initial interest, nothing else matters.

  • TandemAdam

    Not true Matt!

    This is just another generalization. First impression is an important thing for some types of sites, but it always comes back to myspace. When I first layed eyes on that design disaster, I thought it was an abomination. But some how more space on the internet is taken up by myspace than porn. WTF!

    So people do seem to fight the first impression these days, and seem to want more from a site than just a pretty face.

  • Daniel

    Matt, the first impression is really important, but once you captured the attention of the reader you need to make sure that he will like what he sees, converting him into a loyal visitor.

    Even if you make a wonderful first impression (graphics and tagline and all) you will still have problems if all the rest of your site is crap (navigation, links, content).

  • johno

    First impressions are important, but ultimately the quality or price of the product or service is the decider. If you don’t make a good first impression, then they (potential clients) will never take that second step and discover that your product/service is what they need. The analogy of a house comes to mind: a house may look like a wreck on the outside, but may in fact on the inside be exactly what the potential buyer is looking for – but a shoddy exterior and therefore a bad first impression and they’ll never know what they missed.

  • Delfin

    34. Do not use animated GIFs:.
    Should we make an exception with the honourable Yahoo’s web-site…the rest is excellent

  • justin

    cool tips i will be sure to use them in my future websites! thank you

  • ozlady

    Loved the tips – will be referring to them a few times. Noticed something in the comments: “Do not design a website based on your personal preferences, design it for who will be reading it.”

    Took me a while to come to terms with this – and it’s amazing how many sites that I think are ugly are actually very, very, very successful.

    Great tips – thanks!

  • Suemarie

    Great article – good tips. I also really dislike websites with pages that are still under construction. If the site must go up then don’t put a live link to a page that is not complete.
    Also agree with an above comment about animated .gifs. They are annoying and make it difficult to concentrate on reading. I usually don’t stay.
    Thanks everyone for great tips and comments!

  • Fred

    Sound advice … my blog stumbled at number 1!

    Changing now, thanks for your help.

  • Izmir Tasarim

    Thanks for useful informations.

    Best regards

  • Prateek

    Another tip:

    Close comments after a point…coz they get really annoying…

  • Izmir Tasarim

    Thanks for helpful information you catch up us with your instructional explenation.

    What people do is more important that what they say…

    Best regards

  • TechZilo

    Now, that is a HUUUGEEEEE list 😉

  • Trubadurix

    Have to disagree (as some other have too) on number 40.
    Pagination is so incredibly annoying and a sure way to lose visitors. Much better to have more text on each page (less is more…in this case, less pages)

    However, the best way is probably a combination. Avoid “too long” pages and also avoid “too many” pages

  • templatestaff

    I agree with most of these points. Also, canned CMS systems like Joomla! really respect many of these things. Another rule is to allow the user to contribute and add news and/or articles (without moderation would be even better).

    http://www.templatestaff.com

  • SomeGuy

    If I avoid these ‘mistakes’ my site will be really sucky. Perhaps you mean ‘…tips to follow’. Who knows, eh?

  • PraP

    thanks for valuable information.

  • Neon John

    Couple of comments:

    * NO FLASH! At all! At least if you want me to see it. One of the more popular FireFox extensions is FlashBlock. There’s a reason….

    * Long scrolling pages are fine. I too HATE continuation pages. They’re a pain in the butt to read and a much larger pain to ScrapBook, WebStrip, etc. This is especially important if you’re offering original content and not just bootlegged photos and videos.

    * The one exception to the above rule is, PLEASE don’t put 50 high-res photos on one page. As a dial-up users, I want to see your page today and not tomorrow. Learn about thumbnails. And while you’re at it, learn about making them large enough to see without having to click up the full res photo. I want to click on the full res photo to get the details and not to try and figure out what the photo is.

    * I HATE javascript links that can’t be opened using -click in FF. Unless there’s a REAL good reason, use simple HTML links.

    * Don’t change link colors. Everyone’s used to blue links and purple clicked links. Make me spend time appreciating your site instead of trying to figure out where the links are.

    * Opening new pages on link clicks doesn’t much matter either way with me. I have FF configured to defeat auto-new-page-open. I control when new pages (tabs) get opened.

    * This may be the biggest one of all. LEAVE THE TEXT SIZE SET TO DEFAULT. I don’t have 18-year-old eyes and I’m not sitting in front of a 24″ monitor! I have the default text size in FF set to what’s comfortable for me. Why make me uncomfortable?

    * Remember that some of us are still shackled with dial-up. Others are on satellite broadband connections and still others on EVDO. A 350kb initial page or one that opens 10,000 connections before displaying anything loses my interest very rapidly. I really don’t care about your artsy-fartsy web design (you’re probably not very good at it, to begin with), I’m interested in your content. You know, words, pictures, etc.

    My personal standard is no page is allowed to require more than 30 seconds on dial-up and I try to keep it much below that.

    I see a significant amount of FrontPage bigotry but I’ve yet to see any reason. So far I’ve yet to see a sufficient reason to scrap my freebie copy of FP. I’m going to look at NVU and AMAYA in a bit. I’ll be shocked if either are better from a user’s perspective.

    John http://www.johndearmond.com

  • TandemAdam

    You need to embrace the future Neon John. Fork out a little more for a proper internet connection. And enable flash too, I cant stand people who think flash is the devil. It has come a long way in the last 2-3 years. You need to climb out of your hole and join the party.

  • Neon John

    >You need to embrace the future Neon John. Fork out a little more for a
    >proper internet connection.

    Good idea, kid. In fact I was just discussing that last week with the chief engineer of our phone company. He says we need new copper to install DSL.

    So.

    LAN party at my place next weekend. I’ll supply the BBQ and beer and you supply the cable. We’ll need 23 miles. Allowing for the terrain that mountain goats can’t climb, round it up to 25 miles. I’ll have the miniSLAM installed and waiting for you when you get here.

    Oh wait, I can hear it now. The Answer Man sez: “get satellite”. Great idea. We’ll need the services of a mining company to move a few million tons of granite so that I can get the southern exposure satellite requires.

    Is that the Answer Man saying “Get EVDO?” Got it. Slight complication, though. The nearest tower is on the other side of that mountain.

    Hmmmm, I think the Answer Man’s all out of answers. Dial-up it is.

    >And enable flash too, I cant stand people
    >who think flash is the devil. It has come a long way in the last 2-3
    >years. You need to climb out of your hole and join the party.

    Pardon me, I think you’ve mistaken me for someone who gives a spit what you can stand. You see, you have our roles reversed. If you’re publishing a website then I’m the consumer, the guy who’ll look at your site, perhaps tell others about it and if you’re real lucky, maybe even click on some of those Googlie ads.

    If you serve me up your revealed enlightenment using Flash then I won’t see it. I won’t be able to click on your ads. I won’t be able to digg your stuff. You lose. Perhaps you ought to look at how many people have downloaded that flash killer extension before you let your personal preferences govern your web behavior. Seems to be a bunch of us folks who hate flash. Or more accurately, hate what people are doing with it.

    John

  • TandemAdam

    Ok first of all, the amount of downloads a FF extension gets, does not mean how many people use it. It may sound good at the time, you install it, you find out its crap, you uninstall it.

    personally I like good flash content, and use AdBlock Plus to stop annoying banners and such. There is no need to block content that you might want to look at just because of the platform it was built in. You should be blocking on the context of the content.

    And going by your rules, it seems that ALOT more people think this is a smarter way of thinking because AdBlock Plus has been downloaded far more than any flash blocker.

  • Linma

    It is quite valuable for me. Thanks a lot.

  • ruud

    thank you.

  • egforum

    thansks….

  • Ed

    Great post. I need to buy my site designer a drink.

    To add to the conversation, hard and fast rules apply most, but not all, of the time. For instance,

    Don’t auto launch music when a page opens. I agree with that 100%, except one of my favorite sites, Dave barnes, blasts out his music straight away and I love it.

    Maybe adapt the rule to say “Only auto launch good music on a good musician’s site”. And then add a subsection to explain what dictates “good” and “musician” and… before you know it, you are back to “Use music with discretion.”

    Good designers and coders and mark-uppers should be able to flex a bit and why not bend some rules? I try to beef up the title tags with a bit of obscure humor. “This a picture of a snooker table, and the green ball is next to the blue.”

    I really like the idea of differentiating the site owner’s comments. And that is where avatars come in, but color coding background would work too. Haloscan, are you reading this.

  • tommy grub

    Ok first of all, the amount of downloads a FF extension gets, does not mean how many people use it. It may sound good at the time, you install it, you find out its crap, you uninstall it.

    personally I like good flash content, and use AdBlock Plus to stop annoying banners and such. There is no need to block content that you might want to look at just because of the platform it was built in. You should be blocking on the context of the content.

  • Pan

    Great post! now we have something to show when the clients asks for a 2 hours of intro or a reaggeton song.

  • Ovais Khan

    Dear Webmaster,

    I have launched a new web directory, kindly visit and place your link
    http://www.ahcorporation.com/freeaddurl/default.asp

    Thanks.

  • David

    I’m doing it all wrong !!!! my gosh, and I’m not a web designer

  • Behihoo

    Also a typo on #7
    Lets vs. Let’s

  • Chris

    These are like the 10 commandments handed to Moses! Gonna bookmark this page to show all that need a lesson… Thanks!

  • Kevil

    谢谢,受益匪浅

  • Ezequiel

    muy bueno.

  • JohnGalt

    Good article, but, in following the advice from Mistake #42 (no grammatical mistakes), you should change the “lets” in Mistake #7 to “let’s” (because it’s a contraction of “let us”)

  • Christopher

    Thanks for the tips. I have been guilty of opening new windows and long posts.

  • Huns

    谢谢!受益了

  • Megan Vaillancourt

    I agree. Alot of the steps I am going to print out to make sure I am not doing. Another thing …I have noticed sites with to many pictures and not enough information. I think people have to remember why they are creating a site. To get there information out.

    Thanks for the time you put this together. Great information

    MEGAN

  • Patches and Hacks

    Some may now agree to the “do not cloak links” rule. It is sometime good to hide your affiliate links by making them pretty. you’re not doing this to elude your users, you should disclose this, but there are some good reasons for doing such redirects ( like when you want to change such an affiliate link and you used it on hundreds or posts… if you would have used a cloaked link then you would only have to change on link )
    In case you want to use such link you might want to have a look at my new plugin that let’s you easily define such links without any need to write code for the redirect.
    the plugin is free and you can get it here: http://patchlog.com/wordpress/hidden-affiliate-links/
    That post also explains some other reasons why using hidden affiliate links might be good for your blog.

  • ronald

    wow.!! very very nice post… I agree to this…

  • adib.

    i like this post..but i can’t avoid using the frontpage..ermm.. :(

  • khai

    thanks for the tips.. what a lucky incidently to be here… !!

  • Collin

    Great advice thanks again!

  • Valerei

    do not use long pages? this was the longest page ever. good tips though. my site is clean.

  • Ched

    Nice list. Thanks.

  • Daniel

    Yeah when I wrote this I was not expecting almost 200 comments :).

  • Kimberly

    Great list. I would like to add one that is a pet peeve of mine. If you are going to have printable pages, such as help pages or articles for example, design them to print only the pertinent information without the headers, menus, graphics (unless specific to the info), ads, and such. If it’s printable, I expect a nice clean page of text.

    I would also like to comment on the drop menus…I use them and don’t see a problem with them if used correctly and cleanly. For example, on my website one of my button is titled “Help Files”. Clearly this will lead my visitors to help files for my service and products. Also, if for some reason their browser doesn’t let the menu drop down, if they click on the help files button it will take them to a page with links and info to each help file available with a clean printable link for each one as well. All the other buttons on the drop menu function the same way as well. In other words, my drop menu I have set up so that my visitors don’t get confused.

    Anyway, sorry for the rambling, it’s just my view of things. Again, great post and comments.

    Off to read other posts you have…

  • Anastasia

    A nice list and great comments – I am certainly going to make use of most of the nints when I upgrade my website (next summer:) – it must take ages and loads of planning); uncluttered content is a rarity these days – it is so easy to get sidetracked when inundated with your web search results …
    Anyways, my tiny contribution
    # n+1 it is great when they say which browser I should opt for when viewing the site content – most people have a few at their disposal, and telling visitors which one works the best can help prevent a major outburst of negative emotions
    # n+2 if anything needs to be downloaded, make sure that both the extension and size of the file are explicitly stated (it does not concern pdf files only – it is such a nuisance when you discover that you have to install some new software to view the file you have just saved onto your computer)
    # n+3 always be considerate of your visitors’ needs – make it possible for them to provide feedback; ever since I went “virtual”, I’ve got so many useful hints and insights from the people who use my website, and tend to believe that they are the best source of inspiration

  • Kurye

    Escuse me my english is bad. Bu yararlı bilgiler için site yayıncısına teşekkür ederim.

  • Tibet Arts

    Very nice Tips Thanks for your Great job .

    Glad to found your web site.

  • Loo Bra Doo

    thanks for this good informations.

  • kurtlar vadisi pusu

    very useful informations, thanks to you. :)

  • taha

    good tips. 😉

  • zr3

    I like your tips. I’m testing on my two music video website; ajer and zr3, thanks.

  • gebze web

    thanks for your tips, i will translate it in our lang; thanks again.

  • anketler

    modern tips to web 2.0; thanks for informations!

  • video man

    great list, have a nice day.

  • Vancouver Seo

    I would add also:

    – always define standing-out, at least h1, h2 fonts to emphasize web subject.
    – optimize pictures for the fastest possible load
    – use only web based colors, other may appear different than you think

    Cheers

  • Purpleminded

    Nice article! I’ve just about completed a new WordPress based site, and your checklist was very helpful! Thanks!

  • Mikko

    I love this roundup posts.

    #12 – I have a single badge on my site, the feedburner chicklet. ;D

  • ski

    Some good points there, as for use of Flash it depends if you need to be found by search engines. You can optimise flash only sites as well but it is very difficult.

  • jakes

    nice list daniel….iam going tom apply many in mine…continue ypur work..

  • escimo

    Thank you! Post is really helpful for my lectures!!!

  • Bob

    42. No spelling or grammatical mistakes….

    18….and it offers MUCH more features.

    Should be many, features can be counted.

  • Flaschen Geist

    Cool …. i try to keep them in my mind :-)))) thx!!

  • Black Friday Shopper

    Thanks for the list. I have corrected a few of these mistakes over the years myself. Should also mention using – or _ for internal links vs spaces. I’ve seen quite a few of these mistakes as well.

  • snowgirl

    very nice tips

  • Select A Job

    Excellent…!!!

  • Web design tips tutorials

    Great list of tips. Anyway, I dont know if its been mentioned but :

    – Make sure to check your links are functional and work before publishing them

    – Make sure your site loads fast.

    Great tips yet again! :)

  • Aaron

    Great tips – every web newbie should read this! thumbs up!

  • nihal thainua

    Some points are very Impressive.
    but in some Cases we can not mind. for examaple client says, i want to open pdf form on click, in this case what we do ?

  • Daniel

    Nihal, you will need to persuade the client. PDFs aint that bad, what about clients that want to play music :).

  • Jake

    Wow… These is a really great tips Sir! I agree with all your tips specially with #9. Flash pages or sites really is hard to optimize I guess. And it must not be used on most part of the website. Thanks for the tips Sir! keep up the great blog… Bookmarked. :)

  • Web Tasarım

    thanks, great tips every web newbie should read this!

  • Google Reklam

    thanks for your useful article

  • Vivek Keserwani

    Hi Daniel, You have given so many tips in one shot, which is very nice. I had visited hundreds of sites but got all in your single post. Thanks.

  • Aaron Mills

    I noticed your great list is missing Clip Art! It seems everyone misses this. Maybe its just my clients in the church field that are still using clip art.

  • LeeC

    I’ll remember all those next time I want to make a boring, text filled site… pretty much like this one.

    If I wanted to attract artistic people (and I would, being an artist/musician/game developer), I would make an artistic site and the relevant visitors would know what to expect. They’d expect flash, they’d expect music, they’d expect something more than black and white scrolling text (with blue links). They’d expect an interactive experience that shows as much imagination as the content itself. Anyone who didn’t like it, probably shouldn’t be there anyway, so them going elsewhere just saves wasted bandwidth.

    If you can’t draw and animate then fine, don’t use animated GIF’s, but for those of us that can, we’ll make good use of them thanks.

    If you can’t use flash beyond dragging some movieclips onto a stage and then dropping code onto them that creates on (press){} events, then don’t use flash. For any AS2.0/3.0 coders, we’ll be happy to continue making them do what they should do.

    People with high speed internet connections and fast PC’s don’t want an internet full of dismal blocks of scrolling text. We already did that 25 years ago when BBS’s and Compunet were around… times have moved on.

    Todays information exchange is capable of so much more and if you can provide an interesting experience, (that has more interactivity than the scrollbar down the side of the page —-> see right) then provide something for people to enjoy. People can download a megabyte per second and more… do you know how much well created flash content can be put into one megabyte? Probably not.

    For all those who don’t like it, there’s always google.com… all the scrolling, well laid out text and links you could dream of.

    But here’s another couple you can add to the list…

    64. Don’t cover a high percentage of your opening page with sponsor links. Users didn’t click on your link to see your sponsors, they clicked to see “your” information.

    65. Don’t make rules and then contradict them.

    Oh and maybe add “…if you only want to make unimaginative websites.” to that heading. It would prevent people scrolling through hundreds of lines of text in the hope of finding something useful, only to be disappointed.

    And finally, to Bret’s words of infinite wisdom regarding music “let’s just say it’s a sure sign of an amateur…”… No more so than making sweeping dictatorial statements about what content people should put on their site. The web isn’t created just for YOUR benefit, in case you didn’t realise. Remember, any amateur web designer can throw tables of text together. If you’re impressed by text, they hey-ho, good for you. Some of us require a bit more talent to be shown to impress us.

  • Daniel

    LeeC, everyone is entitled to an opinion :).

  • Darryl

    Hurray, for LeeC’s comment. Yet another ream of Web design tips from the 90’s that seems to suggest the whole internet is meant to look and work like wikipedia or something.

    Can you imagine how dull the world would be if this was how architecture or other important design disciplines were approached?…

    …but I guess you cant codify good design into a handful of ‘tips’.

  • articles

    hi,

    Great list, this has helped me in convincing my boss, not to use music and too much flash.

  • SolShine7

    Good tips!

  • vicky

    great tips….i have to confess i made many of the listed mistake. will correct them asap.

    thanks for the informative article

  • Fleur Allen

    Wow what a read! A bit overwhelming on the first read but very, very helpful… thanks, will work through them…

    Cheers

  • Floroskop

    Hello!
    I think this try.

  • Web Design Belfast

    Some great tips. I use flash quite a lot although I optimise it to work well with the Search Engines.

  • tuzla nakliyat

    thanks.

  • kocaeli nakliyat

    thank you.

  • Ph.D. Student

    Well done, that’s mostly a great list.

    In addition to your list, I would like to see people using meaningful mark up.

    We are all aware that the b and i tags exist in (X)HTML standards. These do not carry meaning. They carry style, which is what your CSS conveys. Use the strong and em tags. This means that those who use screen readers are able to hear the emphasis in the voice, something that sighted individuals take for granted by looking on the screen.

    As a general design point: if your site makes no sense with style or javascript, it needs a redesign. OK it’ll be boring, but it’s also how Braille readers and screen readers are likely to encounter your site.

    As a side point, there is almost never a good reason to use Flash, if you are providing UK services. In doing so you immediately fail clause 4.7 of the DDA
    “a service provider has [i.e. you have] to take reasonable steps to change a practice which makes it unreasonably difficult for disabled people to make use of its services.”
    Flash is not accessible, therefore you are mandated to not use it (or at least to provide an exact equivalent)

  • Sanjay Amberkar

    You all are genious people

  • flash

    wow, thank you for your insight on this topic , i can now see how i have made many of the mistakes you have noted.

  • Michael

    Great content. Wish everyone knew these rules would make it much easier while viewing some sites!

  • çiçek

    wow, thank you for your insight on this topic , i can now see how i have made many of the mistakes you have noted.

  • Rajesh

    Thats reallly great….. I agree we should not change the design as often… I have done that mistake and got some very bad consequencess….

  • Custom Web Design Blog

    This is a great perspective coming form the designers needs, and here’s a list of mistakes for the consumer side of things:

    The 10 Great Fallacies of Web Design

  • Frank

    If I were to take your advice there would be no code on my pages at all…LOL Your tips are too conservative at sometimes quite ridiculous. e.g. You said to avoid drop down menu’s. This advice is very constraining if designing a web site that has multiple categories,links and so forth. I recently designed a real estate page for a realty business using Fireworks button html slices and it works like a charm and the client loved it. After all, isn’t what we’re after is the results of our work rather than a set of rules that don’t offer solutions?

    Thanks for your advice, but I’ll go my own way….LOL

  • kelly

    These are some excellent tips here. I find it very annoying when websites have music played when you 1st go to the site. The 1st thing i want to do is leave the site. Also i don’t like when the site asked you for your email information before taking you to the actual website. I shouldn’t have to give out my email information before going to the main website.

  • footprinter

    Actually, all the 43 mistakes will be avoid except the 5st if the webmaster is chinese.

  • sosyal bilgiler

    I have added this website to my bookmarks. Thanks and regards..

  • hunch

    Ideal fonts to use:

    Nothing too fancy as stated. in my experience as a designer etc, i offer the following suggestions:

    Preferably use sans serif fonts (that is nothing with feet, curls, swooshes or hooks – fonts like palatino, times new roman and garamond are all serif fonts) for body text.

    It there are large sections of text, reading serif fonts on a screen at small size can get annoying, it is not like you are sitting reading a newspaper. They are far more readable and on-screen.

    Fonts like tahoma, arial, verdana, etc are good for basic text as most users have the fonts readily installed on their machines. if you use the more obscure fonts as default fonts (and for all text that is not saved as an image), it will be substituted for the users own default font and can look far different to what you intended.

    font – like helvetica to name one of a few, are the stereotypical designers choice (as the stereotype goes) for many things as it is simple yet classic and readable. this is a big concern when making aiming to make text accesible to people with sight issues etc.

    serif fonts can be ok with larger things like headers. or unless you choose to have your text set at the equivalent of 12 pt type. i prefer palatino type if using a serif font.

    i heavily recommend avoiding the use (or over use) of stupid fonts, fonts like comic sans, curls and all the ugly childish fonts if you dont want your webpages to look like you have just taken a course in Kindergarten Scrapbooking 101.

    ===================================

    another couple of things you might want to keep in mind:

    make sure you have a good contrast between background colours and text colours. black on white is good. hot pink on a magenta that is hardly distinguishable is not.

    A NOT TO ALL YOU MY SPACE USERS WITH LIMITED WEB EXPERIENCE — you dont need knowledge to make something stylish and functional, but please buy a clue and realise that WHITE TEXT on a background image that is MOSTLY WHITE does not make your freaking site readable. Same with people that choose yellow text on a yellow background – yes i have seen this happen. Why bother having text on something i you cant read it unless you’re being alternative to alternative…or something that only you understand.

    also LIMIT YOUR FONT CHOICES. a maximum of 2-3 fonts in any one space is generally a good number. too many and you lack consistency and look like you learnt your web design skills when you were 13.

    a little font for thought…

    Whilst there will always be some variance and suitability based on your particular PURPOSE for the SPECIFIC website, this is a good general guide.

  • issam

    Really great tips :) thx

  • Dale Merritt

    I find that blogs can do anything a web site can do and much easier to manage. With widgets, a free blog could be your next web site at http://www.moguling.com

  • Farrhad

    The tips kris has left are really good. A combination with your tips will be awesome!

  • nirvana

    Great tips.A great website is now just 43 steps away!

    The undeline has to be below content and tilte,keywords in the website.The lifeline of any website is the search engine ranking.To increase it is definitely a priority,
    1.
    Obviously there need to be great content -Match or step ahead of other cool sites in your websites niche.
    2.
    Make unique titles for every page based on the page’s content is very important using type the title here.Limit the title to less than 63 characters.
    3.
    Submit your website to search engines,eg.to google at google webmasters and verify it.
    4.
    prepare a sitemap after say,there are more than 15-20 content pages in the website.This will help google/yahoo/msn/…index the relevant pages on your site.
    5.Keep on adding great content and soon users will start to flow in .

    Enjoy website building.Bbye.

  • nirvana

    Great tips.A great website is now just 43 steps away!

    The undeline has to be below content and tilte,keywords in the website.The lifeline of any website is the search engine ranking.To increase search engine ranking and get all relevant pages in your website listed in search results is definitely a priority.So,

    1.
    There need to be great content -Match or step ahead of other cool sites in your websites niche.Make the pages content rich.
    2.
    Making unique titles for every page based on the page’s content is very important .Limit the title to less than 63 characters.

    “Yeah,I’ve built my website,nowwat?”
    When you fell there is reasonable quantity of content in the website it is time to start attracting search engines to index your website.So,
    1.
    Submit your website to search engines,eg.to google at google webmasters and verify it.
    2.
    Prepare a sitemap after say,there are more than 15-20 content pages in the website and submit the link to the sitemap to search engines.This will help google/yahoo/msn/…index the relevant pages on your site.
    3.
    Keep on adding great content and soon users will start to flow in.

    Enjoy website building.Bbye.

  • Masalaboard

    These are some excellent tips here. I find it very annoying when websites have music played when you 1st go to the site. The 1st thing i want to do is leave the site. Also i don’t like when the site asked you for your email information before taking you to the actual website. I shouldn’t have to give out my email information before going to the main website.

  • Mobile Antivirus

    wow, thank you for your insight on this topic , i can now see how i have made many of the mistakes you have noted.

  • Xboard

    Wow!! Great job! This must have taken you a long time to do. Thank you for all of the information, it was very helpful!

  • webhosting

    43. If you use CAPTCHA make sure the letters are readable

    VERY important people I really hate it when i have to redo that stupid captcha

  • AdSense VS Chitika

    #44:

    When using Flash, offer an alternate html based version of your website.

  • Muzaffer_Bhat

    On the subject let me add one more point that never use frames on home page because it will increase the download size of your website and hence optimization problem. If necessay use frames inside the website but never on home page. Thanks for sharing incredible info. on web designing.

  • Jacob Stoops

    Great tips. Most of these tips give me a good chuckle because it is all stuff I used to do. In fact, I take on many design projects for clients whose sites typically display at least 20 of your 43 design mistakes.

    Hopefully, I fall in line with your tips. I will try to use them all. Thanks for the great info:)

  • cicek

    Çiçek ve Hediye Satış Sitesi / Online Flowers and Gifts: Cicek, Çiçek, Cicekci, Çiçekçi, çiçek sipariş, çiçek siparişi, cicek siparisi, Cicek Siparis

  • Jason Marsh – Website Designer

    Yeah Great work Guys. Thanks for the list!

  • John Elar

    Great article. I really love this blog.

  • RAVINDER KUMAR RAWAT

    You are really great. And great tips!! I will follow your guidelines.
    Thanks

  • çiçekçi

    thanks

  • David Cheong

    66. Make sure your website are viewable in all known browser app.
    67. Less image mean lesser loading.
    68. Always check added link or refered link is not broken or original url changed.

    Thanks
    David Cheong
    http://www.twitter.com/davcheong

  • cicek

    thx

  • cicek

    Thank you

  • SEO Genius

    Great article just to back up your point about using readable text i believe it was scientifically proven that the font “Arial” is the most easily readable and commonly used text on the internet. It is less straining on the eyes therefore does not aggrevate the user and allows them to read the whole tutorial/article and not get annoyed after the first paragraph.

  • mmr

    # Do not use advertisement at the first few lines; place contents of your website first.

    thanks

    mmr

  • RipiRip.Org

    thanks very nice

  • Arthur

    thank you for this list. I have spotted many mistakes in my blog and will adjust them accordingly.

    also, adding adsense (IMHO) ads in between post seems to annoy users. i’ll move my adsense ads to the right side and check for improvements.

  • Gerard

    Thanks for the list. This is good for all the newbies like me :)

  • pimc

    Awsome article!

  • Hilmar

    Thank you very much for these tips, great for a newbie blogger like me!

  • Vishal

    Awesome man, wish I had read it earlier. Thanks for sharing this.

  • Sonali Sengupta

    Interesting post providing useful info…thanks for sharing.

  • hema

    fantastastic job

  • Amaan Goyal

    Excellent list , this should help newbies from making mistakes as it has almost every possible aspect covered.

  • Dr.Fenil Parekh

    Fantastic work!

    Are you a professional web designer ?

    If yes, can you help me with my e-ventures ?

  • Chris

    I read this post a couple of times before I decided to respond. I was waiting to see if someone else was going to pick up on the problems with your post so I won’t have to be the bad guy.

    The reason why you see Top 10 Web Design Problem post all over the Internet, is that the posts are focusing on just 10 problems. Your post is all over the place. You have web design and web development problems mixed in together and half of them are telling us what we should be doing. Your title is: 43 Web Design Mistakes You Should Avoid

    Some of your points are fine but you completely missed the two biggest problems in web design:

    1. Don’t use tables to layout your web pages. Use CSS instead. Table layouts bloat your code and in some cases will change your code to content ratio to the point that Google will penalize your site for it.

    2. Don’t use frames. Search engines and screen readers have a big problem trying to read the contents of frames and it will also affect your code to content ratio.

    I think you guys should stick to writing about blogs not design and development. It is post like this that makes it impossible for Professional Designers to talk to clients about problems with their web sites. I can hear it right now. My website must be fine because I read this top 43 list on the Internet and it didn’t mention frames or tables.

    Give me a break. Write about what your good at and leave the web design and development to professionals.

  • 3dsmax-stuff.blogspot.com

    Great contents!
    You can visit my blog 3dsmax – logo -design:http://3dsmax-stuff.blogspot.com/
    Thanks for tips!

  • çiçekçi

    very cool thanks

  • çiçekçi

    very thanksssssssssss

  • Sajesh P

    Great!

  • hikaye

    good job

  • çiçek

    thanks

  • Hikmat Surya Permana

    Thank you for these useful tips here from the posting and the comments.

  • aöf

    thanks for article

  • cicek

    tanku you

  • ali

    ı like that

  • Online Reviews

    Awesome tips, I never thought before. I will Re-manage my blog according this tips. Thank you very much for sharing.

  • KamBoom

    Great tips Daniel.

  • tim bean

    #1 attention is one the most valuable currencies on the Internet.

    # 42 No spelling or grammatical mistakes.

  • sgk

    Nice design.

  • web tasarım firmaları

    Awesome man, wish I had read it earlier. Thanks for sharing this.

  • KaradaÄŸ

    Thanks.Good write.

  • Tyler Pubben

    Awesome list. I’m a certified newb to the amateur web design/blog thing but I have to say that I already adhere to all but the dropdown menu rule. However the site I have built has too much navigation to be displayed in one go without it and I’m a firm believer in reducing end-user clicks.

    I might add a couple more rules as well;

    Never start a website without having finalized the layout and graphical elements in a program such as Fireworks.

    Do not forget the “description” meta tag for search engines. Oftentimes the descriptions they come up with on their own is not ideal.

  • iskele kalip

    Thanks for useful informations.

    Best regards

  • kaucuk zemin

    Good.. i try to keep them in my mind
    Thanks for useful informations.

    Best regards

  • oguzhan iskele kalip

    It is quite valuable for me. Thanks a lot.

  • Alex

    Nice points well thought out and I liked to read the ‘long page’ though so this is one point I do not agree…this to say if your content is original and excellent it matters less if the reader scrolls down to read. If he is interested he will read.

    One reader asked about front page and mentioned about NVU. I suggest XSitePro http://www.xsitepro.com/index_r.html?p=yahoo12&w=video nothing compared to this in ease of webdesigning.

    Check one of my website related to online money http://www.moneysuggestion.com

  • YS

    Very good advice. Thanks for sharing. :)

  • Bunnybaby

    This is such a useful article! I’d like to highlight some of the points in my own blog. So, may I translate some of the contents into my language, that is Malay, please?

    Thank you for sharing the tips here :-)

  • kartal

    46.Place your ads at the top. They tend to get clicked more. The ones on the right are next in line to get clicked

    that’s right. kartal firma rehberi iÅŸletmeleri firmaları

  • Ovi Dogar

    Wow… that’s a really great list!

    Keep up the great work!

    Ovi Dogar
    AbsoluteCovers.com

  • PA3399U-1BAS

    That’s a really great list! I think those will be helpful for me. Thanks.

  • youtube

    thank you for th epost i ll check it out

  • Kt

    16. Do not use blinking text: unless your visitors are coming straight from 1996, that is.

    haha!! This is absolutely correct!
    Priceless information here! thanks

  • maliet

    very good super

  • Arama Motoru Optimizasyonu

    i read your all articles
    that is very good
    your have perfect web site

  • web design tips@S. Antich

    I`ve found these tips usefull, and I will try to implement some of them in my web site.

    Some of them are different compared to what I was thaught by some other marketers with some experience in this field, like this one:

    ‘Do not open new browser windows’.

  • seo uzmanı

    i like your articles, i like you site
    thanks have a nice visitors

  • Ravi

    A great post for devolping new site or blog. This will help us a lot.
    Thank you for a great post.

  • vihutuo

    43 Great tips ! . I do sometimes forget to use the footer .. Blending adsense seems to be quite popular but yes you are right it confuses the visitor and he may get annoyed

  • Daspar

    Thanks for the tips! I just started my photoblog site and have at least four items to work on. Now to figure out how to make the clicked links change color …. (I’m using one of the templates I found on this site, lol)

    All the best,
    Daspar

  • iskele

    Thanks for helpful information you catch up us with your instructional explenation.

  • phobos

    Thanks for the tips, most of them are well known, but anyway good to be reminded.

  • Angel Cuala

    This list is not only helpful, but also amazing! Imagine a post made a year ago and still rocking!

    But I think I can add one more – Don’t use mathematical problems for commentators. Not all of us love math, anyway.

  • Bebek AlışveriÅŸ

    i like your articles, i like you site
    thanks have a nice visitors

  • newees

    can google bot understand grammatical mistakes?

  • Media Training

    I agree 100% with all of these points. Although I would say if done right an animated GIF can be more beneficial that a Flash animation.

  • usdigital web design

    Great web design tips. Must admit I hate it when I go onto a website and spend more than 30 seconds trying to establish what the company actually does! Blogs are also great at keeping websites fresh and up to date (and they are fun).

  • Mr advertising agency

    advertising pop ups drive me insane on websites, as do html tables, as do spelling mistakes and music on websites

  • Chat

    Thank You

  • Hypotheek berekenen

    Indeed music drives me crazy, it takes a site more time to load and it’s annoying

  • Anish K.S

    Daniel Scocco, Very Useful Article. Thanks.

  • nyunyu

    I kind of disagree with #43.
    I often make the captcha as hard as possible and give an option to listen to the word. Works best so far!

  • speed yo

    Great Stuff all the mistake. It have a way to screen over my business website too

  • barbaros

    Yes CAPTCHA filters maybe annoying but with so many spammers around it is only one of the reason I will used,and still they do somehow pass CAPTCHA filters and putting their more annoying ads-links

  • Cwd

    “The user must know what the site is about in seconds”

    You should at least share a tip on how to do that.

    Should we use graphics or icons describing our topic or a big heading tag.

    How else can we do that?

  • Dat To

    Thank you for this amazing article. I’m new to the web, since feb. Thank you, thank you.

  • Albert

    very good article especially for beginners like me.

  • Home Tuition

    thanks for the sharing & advice, definitely will benefit my website.

    thanks!

  • amerikan kapı

    Thank you for this amazing article. I’m new to the web, since feb. Thank you, thank you.

  • asansor

    Thank you very much for this useful article.
    Best regards

  • researcher

    I like the list very much, most of it already using on my website but terribly miss on many others.

    Personally I would add:

    00: Do not make website of fixed width because it is pretty annoying having half of the page blank while the information is not visible without unnecessary scrolling, clicking additional links, etc.

    I terribly hate a huge amount of narrow websites, created by lazy web designers these days, as they look stupid on my 22″ monitor.

  • My billionth hit on one post

    Well i am not gonna provide you the mistake instead i will provide you a fact which can even provide you 120 billion hits.

    Where is the fact ? It is on my link in my name
    Enjoy

  • Web Designing

    I like the list very much, most of it already using on my website but terribly miss on many others.

  • Drupal Hosting

    so usefull! if i only known this info before my site

  • Reds

    Hi..
    Very good tips ..thank u very much ..I too did same mistakes on my blog..I will rectify them as soon as possible.. Really these tips helped me a lot..

    Thanks..
    Reds

  • çiçekçi

    cicekmalzemsi

  • h

    (even porn sites are starting to get conscious regarding this point lately…).

    i disagree!

  • Linda

    I agree that you have only seconds to capture your reader’s attention.

    Short sentences and short paragraphs as opposed to long chunks of text are more reader friendly.

  • Kayseri Haber

    Thank you for this amazing article

  • Rajesh

    Its an excellent list of design mistakes which we should avoid..
    Thanks ..

  • Jun Valasek

    This is the most comprehensive guide regarding design I ever found… anchor text on links is what I believe to be the most important part if you are targeting internal seo.

  • Maleos Read Comic And Manga Online

    wow nice article. is that scroll vertical to long will affect your website? this site is scroll so much downward but still i like it :)

  • Çiçek Sepeti

    quite usefull! if i only known this info before my site

  • Sushil

    the points that you have raised are really appreciable. Thanks for such a great stuff

  • Linda

    Some of your points made me chuckle. I really hate to hear “naff” music when I click onto a site. I also hate with a vegence “pop-ups”

    Thanks for the tips

  • Aofza

    great list, it is rare to find such a large amount of subjective content all in 1 place that I agree completely with!

  • myvitamin

    thanks for advice…very useful learning for me……must be implemented

  • kayseri haber

    very useful article thanks a lot.
    is web turning around the google..?

  • Bang Kritikus

    Don’t use too many coloumns. Maximum 3 coloumns, it may be makes readers couldn’t focus in the content.

  • WebSite Design

    This is a very well stated and researched article.

    Thank you for posting it.

  • Madison Website Design

    Good article, although I don’t think it was named correctly. The “avoid” part doesn’t fit for pretty much all of these since, for example, you shouldn’t avoid making sure the user knows what the site is about in seconds.

    SEO is very important as well. Inbound links are the key.
    -tony

  • Milan

    An excellent article, thanks a lot

  • dizi izle

    thanks

  • mutfak

    it is very good article thnak you very much for your working

  • Make Easy Money Online | RemiVladuceanu.com

    This is an awesome list! I just would like to point out the fact that images also play an important role in the layout of a website. It’s been said that a simple ebook cover image can increase conversion rates by up to 5%!

    If you’re interested in knowing how to increase your conversion rates with ebook covers, you can find out more on my website.

    Thanks for the share and Happy Holidays!

    Remi Vladuceanu
    http://www.remivladuceanu.com

  • Pixelim Media

    Nice article. This can be guide for people who wants to make professional works.

    Happy holidays!

    Pixelim Media
    http://www.pixelim.com

  • Zebhi

    Wew, great posting. I’m just an amateur blogger. But sometimes try to edit my blog template. This article make me know what i must do when i edit template again. So i can avoid a lot of mistakes in my personal blog. Thank’s for Your sharing.

    http://zebhi-adventure.blogspot.com

  • Paul

    Great list. I forgot about a third of these rules.

  • Husin

    This is very good tips indeed..thank you very much…good tips for my new year too :)

    Thanks..
    http://sportsbrunei.blogspot.com

  • web tasarımı

    This is very good tips indeed..thank you very much…good tips for my new year too :)

  • ASHU

    Though some of them are SEO tips like using alt attributes,cloaking,overuse of flash but still very informative and helpful as well.

  • Donate Blood

    nice post u got up there…kepp it up…:D

  • Web Design

    u know anything about getting indexed by google??
    thans for the nice post by the way…helped me…:)

  • Matt

    As always, I really learned a lot. I especially like the last one, about the CAPTCHA’s – usually I have to refresh them a few times to find one I can read! 😀

  • balik avi

    thanks

  • Alex

    Thanks a lot, Daniel. Very good tips!

  • Bryan Hee

    Keep the “KISS” principal! Keep It Short and Simple!

    To Your Success
    Bryan Hee

  • Doughnut

    I reference point 40 in this list….

    40. Avoid long pages: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.

    Maybe create page wrapping for you post!!? :)

    Regards,
    one smug git!

  • Charlotte Web Design

    Great site!

  • gendut

    very useful tips design…..I already tes for some points above….thanks

  • Bang Kritikus

    I absolutely agree with you about put music in a page. It makes disturbance.

  • serhatks

    Thanks Muck xD

  • Thitima

    So great! thansk

  • bansama

    The only one of these I really disagree with is #5. I hate being taken out of a site when I click a link and would prefer all links to open in a new window/tab. Which is why I always set my links to open in a new window. But then, I like to read the whole of the page which contained the link before I move on to the “additional reading” found at those links =)

    I will also add that if I come across a site that relies 100% on flash, I leave it instantly. If you can’t be bothered to offer a non-flash version, then I can’t be bothered with your site, period.

    I apply a similar principle to sites with horizontal scrolling and which force changes in window size (thankfully, I have a firefox plugin to reset my browser window size when that happens), once a site does either of those, it’s off my visit list.

    As for PDFs, I despise links to those — so many times I’ve had versions of Firefox simply crash due to those >_<.

    Finally, there is only one acceptable time to use blinking text on the web; when giving an example of Schrödinger’s cat.

  • Viraj – Start a new web business from scratch

    I wrote a very similar guest post on quickonline tips

    http://www.quickonlinetips.com/archives/2009/01/irritate-your-visitors

  • karot

    I cannot stand music or video that automatically starts! Not everyone has the same music taste and sometimes it’s late and you forget to turn your speakers down

  • firma rehberi

    Thanks

  • English

    Thank you for inspiring tips. Some of those tips are very useful to enhance my website. Especially on suggestion not to clutter the content with ads. Putting the ads within the content might annoy the reader.

    Thanks again!

  • firma rehberi

    Thanks For You !!!

  • sikis

    These are like the 10 commandments handed to Moses! Gonna bookmark this page to show all that need a lesson… Thanks!

  • izmit nakliyat

    It’s very well 😉

    Thanks for the everything…

  • nakliyat

    This is great desing :)

    Thanks…

  • dilovası nakliyat

    very nice :) thanks…

  • 3gp video

    Thank you!!!

  • swain

    Thanks! This let me learn a lot

  • otomatik kepenk

    Thank you for inspiring tips.

  • gerd

    well….great listing, very useful learning and good information,thanks

  • Task Manager Disabled

    Nice huge list…. thanks for sharing the great checklist….

  • Success Designs

    Great article. I especially hate when websites not only have tiny text but use pixel sizes so you can’t easily resize the text. Another tip would be to cater the content toward users–don’t list a bunch a boring services that you provide, rather focus on how you can benefit the user. This service will benefit you because…

  • eSinerji

    no flash

  • San Diego Website Design

    The underlying ideas of the Web can be traced as far back as 1980, when, at CERN in Switzerland, Sir Tim Berners-Lee built ENQUIRE (a reference to Enquire Within Upon Everything, a book he recalled from his youth). While it was rather different from the system in use today, it contained many of the same core ideas (and even some of the ideas of Berners-Lee’s next project after the World Wide Web, the Semantic Web).

  • icki

    awesome article; thnks a lot

  • film indir

    Nice huge list…. thanks for sharing the great checklist….

  • Millard

    I am going to put a link to this from my blog. Great post!!

  • bebek resimleri

    Perfect article. Thank you very much. Best regards.

  • turkish kitchen

    I really like this post. Thanks for this article, I am now your blog’ s rss follower. you are now in my bookmarks.

  • kale kasa

    Thanks for this article, I am now your blog’ s rss follower. you are now in my bookmarks.

  • Web Hosting

    Great site!
    very nice web!

  • neon

    Thanks for this article, I am now your blog’ s rss follower. you are now in my bookmarks.

  • Joomla Templates

    This is a great list of web design mistakes. In future I will try to consider this article as a starting point. Thanks a lot!
    Regards.

  • India

    Very best information, I like to folow in my blog

  • Stock Market

    Nice Information, But difficult to follow, thanks

  • Web Design

    I think it’s easy to follow them. It is not the perfect, but it’s very good guide for designers.

  • drmneon

    This is a great list of web design mistakes. In future I will try to consider this article as a starting point. Thanks a lot!
    Regards.

  • esenler insaat

    If that is the case with your website make it shorter and improve the navigation structure.
    :)

  • neon

    thank you

  • neon

    Peace be upon you to the site administrator

  • neon

    slm……..hey……

  • neon

    evt……….thanks

  • neon

    gelicez………..by……..

  • neon

    thank you all

  • neon

    thank you very very muchss

  • neon

    thanks

  • prefabrik

    hello thanks

  • neon

    thanks..Glad it helped Kris. Actually it is funny how many clients ask designers to include music and other crap stuff on their website byes.:)

  • neon

    iii akÅŸamlar good wery wery:)

  • neon

    slm thanks saolun

  • neon

    neyse iii akÅŸamlar goodd bye bye

  • Minimum deposit bonuses

    This is a great article. I bookmarked this page for future usage. Thank you!

  • Watch Gossip Girl

    Awesome post. Cheers for sharing mate :)

  • neon tabela

    oky good web

  • KFS

    I just scan this post.
    It’s really helpful for my future designing website.

    Thanks for sharing!

  • Web Design

    Great List and also some great comments with tips, I would say that a lot of non web savvy designers also insist on using non standard web fonts for their designs, although it may look cool there is pretty much 95% of the time a web standard alternative, forget about the sifr alternatives, just makes fonts look unsightly and images, doh heheh.

    Simple works well, keep focus on simple things, too many boxes with stuff only works against the site imo, too busy and people lose focus of what you are trying to get them to look at.

  • Amal Roy

    Great and helpful article. Thanks for it.

  • Deposit Poker

    Thanks for this great article. You helped me very much. Best regards.
    I will bookmark this page, and tell to my friends about.

  • Laura Roberts

    LOL! I loved #16 so much that I had to tweet it immediately.

    I also found #43 to be a relief, as I thought I was the only one! I’ve definitely had times where I was trying to leave comments, only to have to input 5 or 6 different random codes because the CAPTCHA items were completely unreadable. What’s even worse is their option for the blind, which gives you total gibberish sound recordings that you have to unravel instead! If both your mutated text AND mutated recordings are undecipherable, perhaps you should re-think your comments section altogether.

  • Patricia C

    I am still using tabular html coding because… I haven’t revamped my website since I first coded it many years ago. I like tables, they give me a lot of flexibility and are easy to play with.

    I agree with all the other points and am already following most of them wholeheartedly. I don’t use captcha, but I do get so annoyed with the ones that not only cannot be read, but the audio is unbearable as well.

    Also, thanks for pointing out the necessity of “title” tags for blind people. My brother gets really annoyed when his LYNX browser reaches an image heavy page and all he hears is “image,” “image,” “image…” ad infinitum and no other information.

  • Ching Ya

    I do have some problems with capital letters in a site. Not because people referring them as ‘rude’ or over-powering, it’s the invisibility for that particular sentence which uses caps for all the letters. Use the capitals when necessary, but not all the time. Just a little opinion.

    Thanks for sharing there great reminders.

    @wchingya
    Social Media/Blogging

  • Darran

    I feel very strongly for #28 that it has been a prerequisite in all my WordPress themes, one thing which would aid in being cross browser compatible would be to have valid code markup.

  • Watch Heroes Online

    Thanks for sharing. Great and informative post. I have to admit, I always seem to make mistakes when I’m capitalizing letters.

  • Gary Lombardo

    Great list. I have to say I was found myself screaming out “yes!” while reading the list since many of the items resonated with me as being quite annoying. At the top of my list is lots of Flash and music (especially intro pages), but also not disclosing PDF links. Yikes! Nothing would bug me more than when I was using my old computer that had near zero processing speed and I had clicked on a hidden PDF doc that took forever to come up.

  • MCB

    Awesome list, and I agree with essentially all of them with one exception, which is #38 (no Javascript links). Javascript links are very useful for doing things “in place” without having to reload a page. I really hate when every little thing you do causes the page to be reloaded. Flickr, for example, would be unusable without Javascript actions.

  • Florist Turkey

    Great and helpful article. Thanks for it.

  • mantolama

    thanks for sharing

  • Fefos

    very usefull post. I especially like the points about “no music” and making captcha readable

  • Medyum

    This is a great article. I bookmarked this page for future usage. Thank you!

  • sikiÅŸ

    55. When possible use ‘em’ instead of ‘px’ or % as a measure in your CSS. It grows (or shrinks) proportionally if your user increases (or decreases) his browser’s font sizes. That’s because em’s size is relative to the font size of parent elements while pixels and percentages are relative to screen’s size.

  • pc

    thanks…

    Use a simple navigation structure: sometimes less is more. This rule usually applies to people and choices. Make sure that your website has a single, clear navigation structure. The last thing you want is to confuse the reader regarding where he should go to find the information he is looking for.

  • pc

    Hm, all are good tips, but I’d hoped that by now anyone who’s making a website should have the web sense, or at least the common sense, to know that blink text and popups are not the way to go. But many fancy commercial sites promoting new products and such do still resize browser windows and use only flash, so I guess they still have stuff to learn.

  • cheap infant car seat

    Most of lists I do missing. Thank you so much for your notice.

  • Medyum Mehmet

    I am still using tabular html coding because… I haven’t revamped my website since I first coded it many years ago. I like tables, they give me a lot of flexibility and are easy to play with.

    I agree with all the other points and am already following most of them wholeheartedly. I don’t use captcha, but I do get so annoyed with the ones that not only cannot be read, but the audio is unbearable as well.

    Also, thanks for pointing out the necessity of “title” tags for blind people. My brother gets really annoyed when his LYNX browser reaches an image heavy page and all he hears is “image,” “image,” “image…” ad infinitum and no other information.

  • Mark

    Fortunately I don’t seem to see many of these things now, but I have noticed some sites that have video’s that start automatically which is related to points 10 & 11. I find this so annoying. I’m yet to use video on my website, but there nothing worse when you load up a batch of sites quickly on different tabs to find multiple video files and sound streams all blasting out.

    @Medyum: Once you get used to DIVS and the margin and positioning control you have over them you will see that the power is much great than tables, and without the penalties involved of having tables nested within tables within tables to achieve certain looks, something I still have nightmares about! lol. I bought The Missing Manual series on CSS and Dreamweaver CSS and they were both a great education that convinced me to give up tables.

  • sikiÅŸ

    Use a simple navigation structure: sometimes less is more. This rule usually applies to people and choices. Make sure that your website has a single, clear navigation structure. The last thing you want is to confuse the reader regarding where he should go to find the information he is looking for.

  • telsiz

    Thanks for article… realy great tips.

  • hikaye

    This looks very good and well made.

  • kalem kamera

    Thanks for article… realy great tips.

  • Asif

    This look like very professional.

  • Dan

    40. Avoid long pages: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.

    love how i had to scroll down to this

  • turksikis

    Fortunately I don’t seem to see many of these things now, but I have noticed some sites that have video’s that start automatically which is related to points 10 & 11. I find this so annoying.

  • turksikis

    I am still using tabular html coding because… I haven’t revamped my website since I first coded it many years ago. I like tables, they give me a lot of flexibility and are easy to play with.

  • turksikis

    Awesome list, and I agree with essentially all of them with one exception, which is #38 (no Javascript links). Javascript links are very useful for doing things “in place” without having to reload a page. I really hate when every little thing you do causes the page to be reloaded. Flickr, for example, would be unusable without Javascript actions.

  • All Car Pictures

    Use a simple navigation structure: sometimes less is more. This rule usually applies to people and choices.

  • Program Ä°ndir

    Kris, I agree with not using hidden text and being consistent with your theme.

    The other points are more Search Engine Optimization than design, but yeah they are useful also.

  • medyum

    i like your articles, i like you site
    thanks have a nice visitors

  • gausarts

    Great reminder. I seem to miss few that I really stay against when creating my own site:) Thanks

  • bebek oyunları

    Great reminder. I seem to miss few that I really stay against when creating my own site:) Thanks

  • qoman

    WoW

    It’s very well 😉

    Thanks for the everything…

  • Grey’s Anatomy

    Informative and entertaining. I’ve added your blog to my “reading material.” Keep me updated!

  • Dickies

    I know it can be time-consuming to update your blog but thank you for keeping me informed and entertained!

  • qoman

    hay i think it’s verygood artical i ever read

  • Salas

    Thanks for the tips. Thanks for helpful information you catch up us with your instructional explenation.

  • Daily Good Tips

    Number #42. That is important for non-english blogger

  • Kurtlar Vadisi Gladio

    Thank you :)

  • vcom web easy

    You laid out the web design tips perfectly but the problem is that most people will never apply what they have just read. If one followed the suggestion you gave here, they would make a great site. I guess people need to implement what they have learned here and not just read and move on.

  • factshelf.com

    fantastic collection of useful tips. thanks. :)

  • Ali

    I must say these are really good tips, thanks

  • Jon Stringer

    Hi Great Tips!

    I’m not entirley in agreement with number 40 “Avoid long pages: guess what, if the user needs to scroll down forever in order to read your content he will probably just skip it altogether. If that is the case with your website make it shorter and improve the navigation structure.”

    Long sales copy pages have been proven to work better for selling products. However, I can see where you are coming from.

    Nice Work!
    Jon Stringer

  • Daily Good Tips

    I agree with you in point #41 because i think horizontal scrolling will closed a part of text in the main post

  • arka sokaklar

    I agree with you in point #41 because i think horizontal scrolling will closed a part of text in the main post

  • sally sue

    I’m just throwing this out there but a friend of mines website (link) is breaking pretty much every one of these rules and he gets pretty good traffic. It boggles the mind.

  • dizi izle

    I agree with you in point #41 because i think horizontal scrolling will closed a part of text in the main post

  • Chester Tugwell

    Great list v comprehensive

  • Tommy Kirt

    I too battle with point number 40. To me it’s a case of my preference for shorter pages versus my perception that the search engines would prefer more content within articles. I’ve chosen the route of shorter pages, and breaking up the content into more niche article titles.

  • Hooshmand Moslemi

    WOW!

    This article could be turned into an E-Book and sold on many affiliate networks! Something that many so-called Gurus are doing in these days. Anyway, these tips are straightforward and helpful.

    What I mostly agree with you and I think should be avoided is making our visitors leave our website so fast. Resizing the user’s browser windows, annoying pop ups and pop unders, playing unwanted music are a few examples that make our audience angry and have them push the Back or Close button as quick as possible. And as you said, once they are gone, they are lost forever.

    Creating a user-friendly website should be the first priority in our designing efforts. However, we should also make our sites optimized for the search engines. That’s also crucial.

    Thanks again for this wonderful article. I really appreciate that.

    Regards,

    Hooshmand Moslemi

  • Sean Davis

    Ah… what a great list of basic tips here. I think I’m good on 99% of them. However, I’m like you were… I haven’t been using “alt” on my images and I KNOW that I need to. I should go take care of that now before my blog grows too big to go back and fix.

    Good tip.

  • Diyet

    I don’t know some of them. Very useful for me. Thank you very much.

  • Rabattkoder

    “I think I’m good on 99% of them.” that beats the shit out of me – I was good for 15 of em!

  • Summer

    Daniel, your website ROCKS! Finally all the info I need in one place. Your list here is so true. I can’t tell you how many websites I’ve clicked off of because I was too annoyed to stay.

  • hikaye

    “I think I’m good on 99% of them.” that beats the shit out of me – I was good for 15 of em!

  • radyo dinle

    I agree with you in point #41 because i think horizontal scrolling will closed a part of text in the main post

  • WarroCk

    You laid out the web design tips perfectly but the problem is that most people will never apply what they have just read. If one followed the suggestion you gave here, they would make a great site. I guess people need to implement what they have learned here and not just read and move on.

  • sikiÅŸ

    I too battle with point number 40. To me it’s a case of my preference for shorter pages versus my perception that the search engines would prefer more content within articles. I’ve chosen the route of shorter pages, and breaking up the content into more niche article titles.

  • izmir web tasarım

    Corrected. I did proof read three times, but it slipped off hehe, I am glad it was 1 mistake out of 1500 words.

  • Nahendra

    Hi daniel,
    Your blog is really a tutorial site for many new bloggers. This post regarding 43 mistakes we generally fo during the blog design is really worthy. thank you very much for your generousness. you are a genius.
    With green Greetings from Everest land NEpal.
    Nahendra Khadka

  • film indir , film izle

    “I think I’m good on 99% of them.” that beats the shit out of me – I was good for 15 of em!

  • bedava film indir

    I too battle with point number 40. To me it’s a case of my preference for shorter pages versus my perception that the search engines would prefer more content within articles. I’ve chosen the route of shorter pages, and breaking up the content into more niche article titles.

  • ssk sorgulama

    Great List and also some great comments with tips, I would say that a lot of non web savvy designers also insist on using non standard web fonts for their designs, although it may look cool there is pretty much 95% of the time a web standard alternative, forget about the sifr alternatives, just makes fonts look unsightly and images, doh heheh.

    Simple works well, keep focus on simple things, too many boxes with stuff only works against the site imo, too busy and people lose focus of what you are trying to get them to look at.

  • çilingir

    Great List and also some great comments with tips, I would say that a lot of non web savvy designers also insist on using non standard web fonts for their designs, although it may look cool there is pretty much 95% of the time a web standard alternative, forget about the sifr alternatives, just makes fonts look unsightly and images, doh heheh.

  • yasir

    I agree. Alot of the steps I am going to print out to make sure I am not doing. Another thing …I have noticed sites with to many pictures and not enough information. I think people have to remember why they are creating a site. To get there information out.

  • webmaster sitesi

    I agree. Alot of the steps I am going to print out to make sure I am not doing. Another thing …I have noticed sites with to many pictures and not enough information. I think people have to remember why they are creating a site. To get there information out of the web site

  • sikiÅŸ izle

    I agree. Alot of the steps I am going to print out to make sure I am not doing. Another thing …I have noticed sites with to many pictures and not enough information. I think people have to remember why they are creating a site. To get there information out of the web site wonderfull

  • eÄŸlence

    Good tips for blog owners. But maybe some of them are not always the best choice. If it is needed Drop down menus can be better …

    thanks for the tips.

  • Anne

    Ha – I am 431 in line….
    Anyway, this is a good list for making you think about your design.
    While flash is very a useful in some instances, it has (to a teacher like me) one big drawback: the IT-tools used by dyslexic people cannot crunch flash. Which is kind of a pity as many educational sites use flash in their otherwise very good exercises.

  • Dave

    I’d rewrite #41 as “The page should scroll in one direction only”.

    It’s content inadvertently pushed off-screen due to layout mistakes that is really the problem you’re solving there.

    There are some effective layouts now that scroll horizontally but do not scroll vertically. Some art gallery sites are one example.

  • Hediye

    too battle with point number 40. To me it’s a case of my preference for shorter pages versus my perception that the search engines would prefer more content within articles

  • kız oyunları

    too battle with point number 40. To me it’s a case of my preference for shorter pages versus my perception that the search engines would prefer more content within articles

  • Film indir – Film izle

    Hi daniel,
    Your blog is really a tutorial site for many new bloggers. This post regarding 43 mistakes we generally fo during the blog design is really worthy. thank you very much for your generousness. you are a genius.
    With green Greetings from Everest land NEpal.
    Nahendra Khadka

  • Karsan Nakliyat

    There are some effective layouts now that scroll horizontally but do not scroll vertically. Some art gallery sites are one example.

  • sevgiliye hediye

    This article could be turned into an E-Book and sold on many affiliate networks! Something that many so-called Gurus are doing in these days. Anyway, these tips are straightforward and helpful

  • ravi

    Good tips for blog owners. But maybe some of them are not always the best choice. If it is needed Drop down menus can be better …

    thanks for the tips

  • sicak video

    I think I’m good on 99% of them.” that beats the shit out of me

  • SmartClick

    This article is really a tutorial for many new bloggers. Great List and also some great comments with tips, If one followed the suggestion you gave here, they would make a great site.

    We need to implement what they have learned here and not just read and move on.

  • Tony

    My head hurt reading through this list. Why must there be so much stuff to avoid doing? Life should be simpler.

  • Kristi

    This is some really great information- unfortunately I have broken a large percentage of your suggestions lmao. If you go to my page, you will see that it looks like disney land- and I actually prefer it that way lol. But great suggestions still;-p

  • Kirstin Bali

    My concern is to Avoid the drop down menus. Sometimes, clients have so many sub menu in their website. And they don’t want to much click when they want to go into it. How we can resolve this issue?

  • çiçek gönder

    Hi daniel,
    Your blog is really a tutorial site for many new bloggers. This post regarding 43 mistakes we generally fo during the blog design is really worthy. thank you very much for your generousness. you are a genius.
    With green Greetings from Everest land NEpal.
    Hüseyin Sarul

  • Dostluk

    My head hurt reading through this list. Why must there be so much stuff to avoid doing?

  • Ed

    Thank you i quickly fixed my errors

  • Karlil

    Thanks for this list Daniel. Personally I don’t see any problem with cloacking affiliate links. Surely those who are familiar with affiliate marketing would realize the link is cloaked. Those who are not familiar with affiliate marketing wouldn’t even bother with the link. At least this is how I see it.

  • Donny Ve

    Having been a webmaster for quite a few years, I can completely agree. I do agree with you Dostluk. This is a large list, but all of the tips given are extremely important in order to succeed online.

  • tatil

    I kind of disagree with #43.
    I often make the captcha as hard as possible and give an option to listen to the word. Works best so far!

  • medyum

    My concern is to Avoid the drop down menus. Sometimes, clients have so many sub menu in their website. And they don’t want to much click when they want to go into it. How we can resolve this issue?

  • mirecekp

    Point 27. is so much funny but realy true “Do not use FrontPage”

  • Gebze Web Tasarım

    Your blog is really a tutorial site for many new bloggers. This post regarding 43 mistakes we generally fo during the blog design is really worthy.

  • Reggae Band

    On Rule #10 what if your site is for a band?

    10. Do not play music: on the early years of the Internet web developers always tried to successfully integrate music into websites. Guess what, they failed miserably. Do not use music, period.

  • Antoony

    QUOTE:
    [24. Do not blend advertising inside the content: blending advertising like Adsense units inside your content might increase your click-through rate on the short term. Over the long run, however, this will reduce your readership base. An annoyed visitor is a lost visitor.]

    I did not realize what I’ve done over the years is wrong. Until now, I still run what you stated on no. 24 above. Anyway, like usual, you give me great sharing, thanks.

  • Teknoloji Haberleri

    This post regarding 43 mistakes we generally fo during the blog design is really worthy. thank you very much for your generousness. you are a genius.
    With green Greetings from Everest land NEpal.

  • Poltec

    Thank you! They are inspiring. I think it’s crucial that when we create a website to put the reader is in the top priority. And of course, providing quality content is probably the most important one. The content must be easy to understand and website must be easy to navigate. I think WordPress can be the best blogging or CMS system to create easy to navigate website contents.

    Keep the great works.

  • Josh

    Man I can’t agree with you more on both the audio and flashing text. The killer is that I have some old fashioned clients that INSIST that I put both blinking text and autoplaying audio on their sites.

    I usually try to convince them by saying, “look at any major company’s site right now and show me one that has blinking text and audio!”

    At the end of the day, I lose since they’re paying for it, but now at least I can send them a link to this page so they can see I am not the only one… Thanks!

  • Dan

    Thanks for sharing this excellent post. This is a great tutorial.
    I also agree with you that placing pop-uos disracts users which may lead to losing traffic.
    Another imposrtant aspect is to avoid Javascript links as they are not search engine friendly and will affect in your search engine result listing

  • medyum

    I do have some problems with capital letters in a site. Not because people referring them as ‘rude’ or over-powering, it’s the invisibility for that particular sentence which uses caps for all the letters. Use the capitals when necessary, but not all the time. Just a little opinion.

    Thanks for sharing there great reminders. Medyum Niyazi

  • Marilyn

    Agree with what you say, especially for the playing of audio in the background without the user consenting. Normally I will have10 open windows and not sure which one its coming from.

    Thanks for sharing!

  • Martin Bullivant

    New to this discussion and I have a comment that’s maybe from a slightly different angle-I’m a professional artist (painter) and I also do some web design-for which I use the same skills. I would say a mistake is to neglect the overall visual impact of the colours plus layout plus images etc-partially helped by using grid models etc but often we talk in theses forums about functionality-a painting, of course has only one function-too look a certain way that causes people to linger and explore. That first visual impact of a site is so so important I feel, and web designers can learn much from visiting art galleries. I can spot a bad painter from the way he or she neglects the rules of composition-the same applieds to web pages-like usiong the rule of thirds, de-centring focal points, avoiding symmetrical divisions etc. What do people think of this point?

  • magie

    Well said!
    Good tips for web designers indeed. I personally agree with the statement “Do not use a homepage that just launches the “real” website: the smaller the number of steps required for the user to access your content, the better. ” specially when everybody is a busybody.
    Thanks for sharing.

  • JP

    Looks like an old discussion, but just found it from a current article on smashingmagazine. Agree with all points, except for “never opening a new window automatically for the user” – sometimes opening a new browser window is necessary for the ease of functionality of a website. Most people still have no idea that they can choose to open a new browser window themselves and will instead go through the annoying process of having to click the back button several times after exploring a new link if they want to return to the previous site. I would say that 90% of the time not to do that, but sometimes it is a good idea. Also disagree with “not using dropdown nav” since there is limited realestate in the nav bar, I usually prefer dropdowns to organize the space, especially if the pages can be organized in categories.

  • Jim Juris

    I know that this article was written a few years ago.

    I do not see anything wrong with having a new page open up when sending someone to a different location.

    I also don’t see anything wrong with having a drop down menu. I like a menu that is compact.

    I also disagree with having short web pages. Long sales copy has worked well for me since I started selling online back in 2002.

    Long sales copy helps with SEO for my websites because it allows me to include more keyword search terms into the page content.

  • Eamon Diamond

    Great post! I will apply this and implement as soon as I can.These tips are really helpful specially to beginners.

  • digwriter

    Another common, yet rather overlooked mistake is in not allowing symbols in the name field of online forms. This potentially costly mistake could result in alienating customers with hyphenated last names. Even a big company like Procter & Gamble Canada has made this mistake.

  • Laura Pruitt Design

    Thank you for this enlightening article. I am in the very beginning of my career in web design and am glad to read this! Very helpful. :)

  • Joshu Thomas ( OC webmaster Blog)

    Basically the essence of things to avoid is do NOT over do Anything be it – ads, flash, tags, seo, links etc. But you can over do ONE thing – that is Unique content !! :) wishing all my fellow bloggers a problogger success !!

    Cheers
    Josh, OC Blog

  • Jess Willard

    As crazy as it sounds, its still amazes me how items like these still get requested – I had a client ask for the tag a little while ago, but happily enough doesn’t jive with IE so they decided not to ultimately use.

    Good list – think my top item off the list is the auto-audio playing file… actually even worse the flash-generated ‘person’ who walks across the home page screen to explain the company/service… haven’t seen one of these in a while and thanking my lucky stars this is still the case :-)

  • Laura

    I agree with everything except the table vs. CSS. I have been creating sites with tables and on every browser they work. I have visited sites created with CSS and have had ads and/or pictures appear over the text that I want to read!
    If I designed a site for a client and then they viewed it from their browser and the pictures covered some of the text, they would surely be upset.
    The issue seems to come up when I use Internet Explorer, which many of my clients use (and telling them to use a different browser makes me sound less skilled). While learning web design I was told many times to be backwards compatable. It seems the CSS designers don’t bother to make the CSS work in older browsers, or don’t test in every browser. The answer I get the most is “upgrade your browser”. Fine for me, but the reality is that a lot of surfers don’t bother to upgrade until they are forced to, and may not realize the issue is with their browser and not the website.
    Even those who are telling everyone to use CSS has to admit there are some spacing issues. Why aren’t these solved yet?
    I am in the process of learning CSS in the hopes that this issue will be fixed so I can start using it. I can see the advantages in it, I just want it to work in every browser out there.

  • Rebecca

    Hi thank you for this post, it is very helpful. I think using wordpress themes with clean format can avoid these mistakes and also avoid fancy graphics so that the user will know what your site is talking about and you must be direct to the point. Cheers and thanks for sharing.

  • wonderfox

    Great post, I like your article and I think this is what I am looking for, I ‘m a web designer, I have encountered many problem as you said, after viewed your post, I must say : I learned too much from u. I will usually scan your web. Thans for sharing.

  • Libby

    I actually disagree with you about drop-down menus – I think they can make a navigation menu less cluttered and more organized. Especially when you have a large number of pages to link to, I think it is better to use a drop-down menu than to try to squeeze all of the links into the menu. Of course – if you are using a drop-down menu then the top navigation text must be very clear about what it’s submenus contain so that visitors can quickly find the links they are looking for… Anyways, this is a great article with a lot of good points! :)

  • Manie

    >>Do not overuse Flash & Do not play music <<

    I agree with you – It make my com overload.

    Thanks for your article.

  • AndyD.Org

    These tips are well-written and funny. My favorites are not to play music and warn about PDFs. No one wants to get startled by blaring speakers (remember the cheesy MIDI music?) or have the browsers freeze up.

    You forgot to mention using animated background images. Sadly, there are still sites that do this.

  • Umesh

    I used to do mistake no 5. I used to open each link in new window and guess what I realize myself that it is not good when I visit other blogs having same mistake. I returned to my blog and remove them all.

    Thanks for sharing.

  • Sarah

    Despite feeling like I know what I’m doing reasonably well with web design, I decided to read this post just in case. There are a few things that I had though initially that I should change about my blog but forgot about, and this post reminded me. They are all pretty important, so thank you!

  • AngeloPC

    Wow! You would think that most would have picked up on “42. No spelling or grammatical mistakes”, but that doesn’t appear to be the case. It doesn’t even seem like the author heeded his own advice.

  • Trudy Schwartz-Burrill

    AWESOME!
    I have some work to do!
    Some of the things we were taught about building sites in a web design class differs but everyone has their opinions and…

    I love what you have to say about so many things.
    Several things like not opening a new windows so they don’t leave your site is one of the things we were taught to do. I am not certain I agree with your thoughts on that (about everything?)

    What about your “more tags” would that not be better on them to open to the full page link to all your blogs on a separate window, so they could get back to see the site and see the pages that have sales items you want them to see also?

    Or do you feel we should have a link sending them back to site if they choose to go back at the bottom of every post?

    Do you think when visitors land on your site that they should land on the home or blog page?

    Thanks so much,
    Trudy

  • mfarooq

    Great post!

    Well not exactly related to design, but a very common mistake that webmasters do is using the same page title for their entire site, which is bad not only for user but also for the search engine rankings.

    Again great job on the article and thanks for sharing.

  • Bingo Babe

    Amazing list. Design is so important. You only have a few seconds before people make a judgement on your site. If it doesn’t look good they are leaving, and i don’t want that. Thanks again!

  • Daniel

    Very comprehensive list, Daniel.

    I see so many design(on page) mistakes there that I have made on all my blogs, at one time or another. I am sure most people would later look back and ask themselves ” Did I really have that on my site”? or ” Darn! that was such a bad choice” I think we sometimes do things, spur of the moment, thinking the site will either stand out or benefit in some way. Then either almost straight away(Hopefully) or later down the track we come to our senses.

  • Rahul

    I think this list should be carefully read by Joomla developers.

  • medyum

    I do have some problems with capital letters in a site. Not because people referring them as ‘rude’ or over-powering, it’s the invisibility for that particular sentence which uses caps for all the letters. Use the capitals when necessary, but not all the time. Just a little opinion…..

  • Sahil @iBlognet

    These are good points..
    I thinks I should revamp my blog after reading this!!

  • Itachi

    I find websites that are full of ads are very annoying.

  • Michael

    These are some really good points of things to avoid in website design. I remember back in the day when I created websites I would try to have audio automatically start in the background and not let the viewer control the music. I’d also manipulate their browser window and do a lot of other design flaws. Nowadays I am definitely getting away from that and getting better at being conscience of what the user/visitor actually wants to see.

  • Daniel

    Long list, Daniel.

    My pet peeve is ending up on a site that you find you become stuck on, due often to pop ups that keep popping up followed by a webpage that just won’t close.

Comments are closed.