10 Basic Visual Web Design Mistakes

I believe all of you has so many experiences of seeing so many web design when surfing in internet. I could guarantee that you often see bad web design layout more than good one. I feel the same way too, there are a lot of websites which has bad web design & layout, so i won’t comeback & bookmark them. I will share some of my experiences of seeing basic visual web design mistakes which makes me leave those websites forever.

1. Bad Font Usage

Do you even remember when you visit a website with fancy script font that is very hard to read? Fancy script font must not be used in body text, otherwise your reader won’t be able to read anything. Use fonts that are easy to read.

Other mistake is some people use non standard font in their websites. If their reader is only a common person who don’t have so many additional fonts, they will be confused and say, “Why is the font size in this website is very small?” I experienced this when i use non standard font for my website to enhance readability. But unfortunately, it makes people complain about my website. Just use common font like Arial, Helvetica, Verdana, Georgia, or Times New Roman, which every people has in their computer.

2. No Images, Text Only

Believe me, people will be bored if they see text only & they will leave your website once they are tired of reading your ocean of words article. This is internet, not a personal development book. If you don’t have idea about what image you should add, just use any image related with your post title. Don’t leave your body text alone without any images.

3. No Paragraph On Long Articles

Even though you have inserted images on your article, you should remember to separate some sentences with a paragraph. Imagine that you are reading more than 500 words article without any paragraph on it. It’s confusing right? With some sentences separated with paragraph, people will find it easier to read your article.

4. Very Tiny Font Size

Have you ever visit a website and you have to zoom in to read the content? This is bad, make your body text at least 12pt to make sure that your body text are readable enough. If not, people will have to provide large magnifier to read your article.

5. Heavy Flash Usage

Almost any Flash usage will bring added value to your visual perception. But unfortunately, Flash usage will only make your website slower to open & it gives more chance for new visitors to leave you quickly. Reduce usage of Flash, unless it’s needed to explain something. I personally don’t really like websites which has Flash intro. They are really annoying & wasting my time.

6. Body Text Above Colorful Background

Most of good websites use plain color background to enhance its readability. If you use colorful background to make it nicer, you are absolutely wrong. It only makes people tired of reading your articles, because the body text color are blended with background image. Make your background plain & put image somewhere else where there are no text.

7. Too Many Advertisement

Have you seen a website full of banner advertisement & google adsense inside? I’m sure that you will leave that website once you have done with it, Or worse case, you will instantly hit close and move to another website. Never prioritize advertisement over content. Good websites always place advertisement in a proper places which aren’t bothering the main content of websites.

8. Unwanted Pop Ups

I always hate websites which has unstoppable pop ups. It really annoys me. I want to look for information, but the pop up interferes & wastes my time. I don’t know why, but i really hate pop ups.

9. Too Long Articles

I don’t know about you, but i don’t like too long articles. It takes you more time to write it and also make people bored to read it. Make it at most 1000 words with some image addition to make it more attractive than just a plain text. Make your words simple & understandable. Believe me, most people doesn’t like too long articles.

10. Links Color Aren’t Visible

Make sure that link color has different color with body text color. It helps your reader to identify which links they have visited and also help them not to visit the same links unintentionally.

Don’t forget to share your thoughts about the article in comment section.

Albertus Adrianto

Albert Lie is a 24 years old graphic designer from Indonesia, and also owner & main writer of AlbertLie.com | Currently specializing in graphic design and adobe photoshop. Follow Albert Lie's twitter here

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. ali says

    Thnx. g00d 4 beginners.
    im in Iran and music and film websites have very much ads above the website. they want earn much money and it seem the they avoid users!

  2. Felix says

    And mistake 11 is writing articles using poor English.

    Dude, take another English grammar class or two. Or have someone clean up for you. Or stick to writing in your native tongue where I’d hope you do much better.

    Just sayin’

  3. Słownik SlovoEd - Java - Portugalski – Polski says

    I don’t even know how I ended up here, but I thought this post was good. I don’t know who you are but certainly you are going to a famous blogger if you aren’t already ;) Cheers!

  4. Davut says

    Hello,

    I am use it (tips on read), good post.

    Also i am share this page, my social account.

    I am following you, since today :)

    Good luck man !

  5. Kral says

    Thank.
    this is very wonderful article. I agree with you. Heavy flash, Too Long Articles and Unwanted Pop Ups are very bad.

  6. Daniel says

    My spouse and i have been absolutely thankful that Raymond managed to round up his reports because of the ideas he received out of your web site. It is now and again perplexing to just always be offering helpful hints that many many others could have been making money from. Therefore we understand we’ve got the blog owner to give thanks to for that. The type of illustrations you made, the easy blog navigation, the relationships you can help to foster – it’s got many sensational, and it is facilitating our son in addition to the family understand that subject matter is exciting, and that’s extraordinarily important. Thanks for all the pieces!

  7. JoeFlash says

    RE: Very Tiny Font Size
    “make your body text at least 12pt”
    Another classic mistake with font measurements for the web, 12pt is not the same as 12px. Point sizes are generally larger than pixel sizes and correct communication of font size is very important in site design. (This site uses a default 12px font size.)

  8. William Smith says

    There are numerous grammatical errors in this article but otherwise very useful information, thank you for sharing.

  9. says

    Only after years of practice can you fully see the transformation of your skills. Design is a skill that takes some time to learn and experimentation only drives it forward.

  10. says

    I think that although we see many examples of these kinds of mistakes on the web, we have to remember that we all started somewhere. Only after years of practice can you fully see the transformation of your skills. Design is a skill that takes some time to learn and experimentation only drives it forward.

    • Trent says

      Hi, I also have some years experience web develop , i practiced so much , but i got some mistake above . My mistakes were:
      1. No title in web page , i didnot know web to talk about ?
      2. Broken layout in some browser , it’s very bad for me to see .
      Thanks you so much your sharing tips.

  11. Kyle says

    You really should practice your own advice, specifically #7. Terrible flashing ad at the top of the page, and a huge Adsense block BEFORE the article. C’mon, all for a few extra bucks; sellout.

  12. says

    Thank your Albertus Adrianto for sharing a helpful tips.

    Most of web developer know these tips like me but really nice article. all web developer should read this carefully before they going to start a new web project.

    i really appreciate this article and it will help us to do the best.

    Lokesh purohit

  13. Sebastian Green says

    Good artical, address the basic kind of errors new designers may make or novice designer.

    Interms of custom fonts I think its fine for say headings, or areas of text that you want to draw the users attention to making them stand out from the other text on the page, however the font must be large, clear, readable and used sparingly.

    • Tom R. says

      Custom doesn’t mean fancy. There are many elegant and lighly legible typefaces around, even for free.

  14. says

    Yep! I almost-totally agree with you. Exception for #9. Since, sometime a writer need to write as long as possible to make it clear.

  15. says

    Believe me, people will be bored if they see text only & they will leave your website once they are tired of reading your ocean of words article. This is internet, not a personal development book. If you don’t have idea about what image you should add, just use any image related with your post title. Don’t leave your body text alone without any images

    Really…? Sounds like you’re advocating the use of images for decoration rather than design. And also conveniently forgetting typography design.

  16. says

    Yes, those are all very bad to see online. If only the people who create websites read more design articles. Preaching to the wrong crowd.

  17. Tom R. says

    > Just use common font like Arial, Helvetica, Verdana, Georgia, or Times New Roman, which every people has in their computer.

    Boooring. Web designers go to great pains to craft beautiful and original websites. Why would they shun one thing that can make the difference? There any many tutorials on the Web about the use of @font-face and it’s easy to create a robust font stack. “Fluid Web Typography” by Jason Cranford Teague is also a great resource for more information.

  18. ryandc says

    I agree with Alex W.
    There’s nothing original about this post or the content, and what’s there looks rushed and scrappy.

  19. Project Center says

    Good reminders of things that most designers should be implementing in their designs.

    With so many people now accessing through mobile devices flash should def be kept off a site and fonts used should be commonly used ones.

    @ProjectCenter

  20. says

    Great tips, but next time you should proofread it before posting! There are many spelling and grammatical errors…

  21. Michael says

    I agree with all of these tips as well.

    With one added feature; however.

    Let’s run a spell check and proofread for grammar before publishing. This article fails that. It’s a good article, but some may doubt it because of the grammar and spelling mistakes.

    • Kristi says

      Just about to say that. :)
      Grammar and spelling is the number one mistake most people make. ;)

  22. says

    So many designers feel websites completely made up of Flash is the way to go. What they forget is that over 40% of internet users in the U.S. at least, do not have a high speed connection, and like me, they will click away after 5 seconds.

    This post lays out essentials any designer should follow.

      • Michael says

        That’s a lie (no pun intended). We are currently ranked #12 in the world, with an average of 6 megabits down and 2 megabits up, or whatever it may be now.

        South Korea is at the top, along with Germany, Sweden (extremely fast, in my opinion), the UK.

    • Kristi says

      Flash websites are up for debate. I personally steer away from it because it takes away traffic. A website should give and receive information as fast as its connection.

  23. Nastia says

    Totally agree with whole list.
    I’m also can add typographic mistakes such as long text lines, short line-height, underlined words that are not links

  24. Paul Murray says

    I totally agree about the Flash website section. If I open a page that uses Flash, I immediately close it if the loading is long and drawn out.

    Whilst I may be missing something useful or interesting, chances are I can find it on another site that loads instantly.