Advertisment
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.
[...] hier om het te bekijken. $(function() { $('.south').tipsy({gravity: 's'}); [...]
[...] 10 Basic Visual Web Design Mistakes – 1stwebdesigner [...]
[...] 10 Basic Visual Web Design Mistakes [...]
[...] 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. [...]
I received my cheapest ghd iv mini styler today, very impressed. They are like sort of a massive slipper, soft, easy to wear and light.My ghd iv styler uk arrived today, I’m very pleased with them. So silky smooth and soft I can’t believe it. I researched the whole ghd iv mini styler uk thing last year but decided not to order because I really couldn’t afford a pair. This year I read about Whooga’s in a fashion forum and decided to give them a try. I ordered a size too small initially and had to return them for a 6 which was a bit annoying but eventually worth the wait, I’m a 5.5 in most shoes but boots sometimes vary between 5.5 and 6. I probably should have measured my foot, anyway I’m very pleased. cheap ghd iv mini styler …
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.
[...] (Nguồn: 1stwebdesigner) [...]
[...] 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 [...]
[...] 10 Basic Visual Web Design Mistakes 10 Basic Visual Web Design Mistakes [...]
[...] Very Useful article from 1stwebdesigner [...]
[...] 10 Basic Visual Web Design Mistakes | Graphic and Web Design Blog -Resources And Tutorials [...]
[...] 10 Basic Visual Web Design Mistakes – aufgeklärt bei 1stwebdesigner. [...]
[...] 10 Basic Visual Web Design Mistakes [...]
[...] full post on Graphic and Web Design Blog -Resources And Tutorials Posted in Clones, Exploits Tags: Basic, design, Mistakes, Visual « Creative Photoworks by [...]
10 Basic Visual Web Design Mistakes…
I will share some of my experiences of seeing basic visual web design mistakes which makes me leave those websites forever….
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
Thanks for the article:) some point are really basics but some are making a point :)
.-= AlchemyCode´s last blog ..9 nowych funkcji Google Maps =-.
[...] 10 Basic Visual Web Design Mistakes | Graphic and Web Design Blog -Resources And Tutorials 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. [...]
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.
Really…? Sounds like you’re advocating the use of images for decoration rather than design. And also conveniently forgetting typography design.
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.
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.
Custom doesn’t mean fancy. There are many elegant and lighly legible typefaces around, even for free.
I don’t know why flash has got such a bad reputation, I like it.
.-= freshalex´s last blog ..3D Pop Out Wedding Invitations =-.
Because Flash does bad with SEO. Google can’t effectively crawl flash files as easily as htmls.
.-= Sridhar´s last blog ..Where to find a quality sample résumé? =-.
[...] 10 Basic Visual Web Design Mistakes Via / CSS Globe [...]
[...] hago referencia a un post del blog 1stwebdesigner, donde se muestran los 10 errores visuales más frecuentes que se comenten a la hora de diseñar y crear una página web. Como el artículo está en inglés, [...]
The sad thing is that we see those kind of errors all the time!
Thanks for the article.
Leo
thank you, interesting post
even most of them already familiar..
.-= ebsoft´s last blog ..Video tutorial cara menyimpan (download) video dari Youtube =-.
Great tips, but next time you should proofread it before posting! There are many spelling and grammatical errors…
> 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.
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
.-= Project Center´s last blog ..What Are Line Screens In Printing? =-.
Hi, this article give us a list to check before we design a theme and before we release our theme.
Thanks…
.-= Eko Setiawan´s last blog ..How To Style a Breadcrumb Like Apple.com Style Breadcrumb in Wordpress =-.
Wow, just wow. This article is terribly written and the content is incredibly elementary. Just a terrible attempt at a blog post.
I agree with Alex W.
There’s nothing original about this post or the content, and what’s there looks rushed and scrappy.
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.
Just about to say that. :)
Grammar and spelling is the number one mistake most people make. ;)
Yup you’re right on this. Flash-driven websites should be history :-)
.-= website ontwerp´s last blog ..Een professionele website laten maken. De handleiding. =-.
err.. (<p>Paragraph goes here…<p>)
Geez. </p> .. an edit function would be nice on these posts. That or I should error check before I post. :)
Your usage of the paragraph tag is wrong. Paragraphs should be wrapped in them, not separated by them. (i.e., Paragraph goes here…) Aside from that technical mistake you’ve got some good points. :)
These are all great points. Thanks for sharing.
.-= Orange County Web Design Company´s last blog ..Get Paid NOW Taking Free Surveys – A New Program That Works =-.
wow güzelmiş
I hate flash. Other than that , good article for an intro
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.
Really? I always thought that US Internet connections is one of the fastest on this world…
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.
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.
[...] 10 Basic Visual Web Design Mistakes | Graphic and Web Design Blog -Resources And Tutorials [...]
good post
I am toatally agree with Tommy’s comments
[...] Original Source: Graphic and Web Design Blog -Resources And Tutorials [...]
These concepts are easily avoided by designers. The problem is getting clients to understand them too!
Too right, clients, pah!
These mistakes are easily avoided by designers. The problem is getting clients to understand these principals too!
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
.-= Nastia´s last blog ..Vertigo =-.
Good list of obvious things to not do.
.-= Andrew Yates´s last blog ..383 Project are hiring… =-.
Some obvious things that we do sub-consciously, but good to see them in one place.
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.
.-= Paul Murray´s last blog ..40 Chinese Propaganda Posters =-.
[...] Albertus Adrianto Read Post [...]