10 Design Practices to follow in your Website / Blog
After seeing some bad design practices in many blogs and websites, I am writing this article here. Are you tired of changing so many designs in your website? If yes, you should have a look on this article to make sure that you will never change the design again and again.
Design practices to follow
I have added those best practices to follow in your website design as 10 points. They are:
- Avoid using high contrast colors in your website.
- Avoid mixing up of unmatched colors in your website.
- If you are planning for a transparent logo, try to use PNG image format rather than using GIF image format.
- If your website logo is going to be placed over a plain background, try to avoid using transparent logo.
- Avoid using fancy fonts everywhere in your website.
- Emphasize the important content in your website.
- Avoid too many CSS style additions for anchor links. Not only for links.
- Avoid using flash (swf) files for your website logo.
- Avoid using DHTML tricks in your website since it is not supported by many browsers.
- Avoid using too big images as your website background.
What are you thinking right now? Share with us. Definitely yours will be wonderful than mine!
Share this
Article by Karthikeyan
Karthikeyan has written 55 wonderful article(s) in this blog.
Visit all articles written by Karthikeyan
Editor of BlogrPro - A technology addict who did projects like an Operating System, Search Engine, Content Management Systems, etc. He is specialized in Web design, Web development, Wordpress, SEO, etc.
59 people left comments
Pingbacks
-
[...] Blog. How to analyze your Blog for better traffic and How to get more from you give in. It tells us which designs suite better on the Blog and also SEO and other Web Development tips. Helpful Wordpress tips are also given with [...]
Sep 03, 2009 @ 3:25 AM
Must follow practises. Very basic yet necessary tips.
Agent 001´s last blog ..Time Management is Important – Fools Just Say it but Smart People Do it Always
Sep 03, 2009 @ 3:28 AM
@Agent 001,
Thanks buddy.
Sep 03, 2009 @ 4:04 AM
and I don’t know why some people still use a bright blue background with black font texts on some sites
Sep 03, 2009 @ 6:59 PM
@Michael Aulia,
Ha! I too saw such things and really wondered how do they cope up with such design!
Sep 03, 2009 @ 12:39 PM
Nice list. Its funny that when I was just starting, I had a thought of doing almost all of the things you’ve listed there. Glad I didn’t implement some of them…
Melvin´s last blog ..My Info Product Has Gone Really Far
Sep 03, 2009 @ 7:00 PM
@Melvin,
Thanks buddy.
I am eagerly waiting for you to implement all those that you have missed to implement. Good luck.
Sep 03, 2009 @ 6:39 PM
Nice set of basic info dude
sham´s last blog ..Yahoo Meme Invitation Giveaway
Sep 03, 2009 @ 7:01 PM
@sham,
Thanks Sham.
Sep 03, 2009 @ 8:33 PM
hey Karthik great info ,yes this all point we have to consider to make better blog,
mostlyBlog´s last blog ..Download Ashampoo Internet Accelerator
Sep 03, 2009 @ 9:18 PM
@mostlyBlog,
Thanks for your appreciation buddy.
Sep 03, 2009 @ 10:42 PM
hey! friend, thanks for this professional post
teratips´s last blog ..5 Handy Wordpress Plugins for Twitter
Sep 04, 2009 @ 4:15 PM
@teratips,
Thanks buddy.
Sep 04, 2009 @ 6:26 AM
Nice design tips, I am all the time behind big images
Hesham´s last blog ..How to add Thumbnails and links to WP-polls Plugin Voting System?
Sep 04, 2009 @ 4:16 PM
@Hesham,
Thanks buddy. And I know that you love to have big images.
Sep 04, 2009 @ 8:51 PM
Excellent tips.
Kishan Bagaria´s last blog ..Get Windows 7 Ultimate Edition Free from Microsoft
Sep 04, 2009 @ 9:40 PM
@Kishan Bagaria,
Nice to see you here buddy. Thanks for your appreciation.
Sep 04, 2009 @ 10:36 PM
Those are very good advices for all newbie webmasters. Hopefully I’m not breaking too many of the rules myself
Klaus @ TechPatio´s last blog ..Bully Filter For The Mobile Phone Has Great Success In Norway
Sep 05, 2009 @ 12:53 AM
@Klaus,
Thanks for your appreciation buddy. I hope like so only.
Sep 04, 2009 @ 10:52 PM
True, Valid points…
I think you got good knowledge on themes and designs. I would love to get a theme from you. If you’re interested
Mail me.
TechZoomIn´s last blog ..Easy Tools to Share Videos on Twitter
Sep 05, 2009 @ 12:54 AM
@TechZoomIn,
Thanks Lax. Surely will mail you soon.
Sep 05, 2009 @ 12:57 AM
I have one example labnol.org This site don’t use bright color for adsense. extremely dull. Their is chance of accidental clicks.
Rahul´s last blog ..Jobs For Kids To Earn Money
Sep 05, 2009 @ 1:00 AM
@Rahul,
Oh! You got it dude. I too saw those bad things in labnol and pretty wondered. That’s what I am saying. Don’t call you as Professional blogger without knowing what it means? Am I right?
Sep 05, 2009 @ 11:35 AM
I don’t say bad. it is good to watch what professional bloggers are doing. but they don’t change much on their blogs. Once i was about to click on ads of adsense because i was not able to see the ads. Too much blended. And that ad is for premium adsense pub…
Rahul´s last blog ..Best Free Website Hosting Services
Sep 05, 2009 @ 2:27 PM
@Rahul,
Of course you are correct.
Sep 05, 2009 @ 9:03 AM
i should follow these tips to my blog as it is looking bad
crazy blogger´s last blog ..Simple Steps to Add a Three Column Footer to Blogger Theme
Sep 05, 2009 @ 2:25 PM
@crazy blogger,
Thanks for your words. But your blog is not looking bad at all. You can change your blog colors little bit to make it more attractive.
Sep 05, 2009 @ 11:46 AM
Use CSS instead regular code is a best choice
1800 SaiGon´s last blog ..OIOpublisher coupon code for September 2009
Sep 05, 2009 @ 2:28 PM
@1800 SaiGon,
Happy to see you here. CSS is the best choice rather than using so many attributes in HTML code.
Sep 05, 2009 @ 2:11 PM
Nice practices, wonder if it helps on my blog design. Thanks for the post.
Jacob Yap´s last blog ..Getting Started on Google AdWords (Free Ad Credits)
Sep 05, 2009 @ 2:29 PM
@Jacob Yap,
Thanks for your appreciation. I will be happy if this helps you in anyway.
Sep 05, 2009 @ 5:45 PM
Simple but useful.Thanks
steppinout´s last blog ..Get Free Windows 7 Ultimate Signature Edition with Party Pack By Hosting Win7 Launch Party
Sep 05, 2009 @ 8:41 PM
@steppinout,
Glad to see you here. Thanks for your appreciation.
Sep 07, 2009 @ 7:23 PM
Surely will come back
steppinout´s last blog ..Get Free Windows 7 Ultimate Signature Edition with Party Pack By Hosting Win7 Launch Party
Sep 07, 2009 @ 9:52 AM
hey karthik,
check my site.. let me know if you have any feedback
would love to do more !!
thanks
sharath´s last blog ..Indian Prime Minister Manmohan Singh joins Facebook
Sep 07, 2009 @ 7:51 PM
@sharath,
Hey Sharath,
I am unable to find your blog as it is showing “Error establishing a database connection” message. Try to solve it soon and then inform me. I will check and give my feedback very soon.
Sep 08, 2009 @ 1:28 AM
hey Karthik… sorry some problem with mysql.. now its fixed..
check and let me know!!
thanks!
sharath´s last blog ..Social Media Revolution – where is it heading to next!!
Sep 08, 2009 @ 11:46 AM
@sharath,
Hei sharath! Now it’s loading perfectly. Will send you my feedback to your mail id.
Sep 07, 2009 @ 1:50 PM
Damn I hate editing my theme all the time..but I need to make some changes in terms of colors.
Harsh @Shoutmeloud´s last blog ..Optimize Your Wordpress Image Gallery : Smush.it Wordpress Plugin
Sep 07, 2009 @ 7:56 PM
@Harsh @Shoutmeloud,
Yes. I always want to say this and said to you in facebook. I hope that I will see those wonderful changes very soon. Wishes for you my friend.
Sep 07, 2009 @ 9:23 PM
Indeed very essential tips! A real do-follow for all blogs.
I have seen many bloggers use the Flash images to set up a round-up of their great posts. Sometimes it irritates me because it takes a while to load.
Tech-Freak Stuff´s last blog ..Looking for a boyfriend? 10 reasons why you should go for a Geek!
Sep 07, 2009 @ 9:29 PM
@Tech-Freak Stuff,
Thanks for your appreciation dude. I too saw those flash things in many blogs. I don’t know what’s the benefit to slow down their own blog!
Sep 08, 2009 @ 11:14 AM
hey.. do you have any feedback for me.. actually i am pretty much conscious about my bog apperance
Shekhar´s last blog ..Best Mobile Web Browsers | Download Latest and Best Mobile Web Browsers
Sep 08, 2009 @ 12:00 PM
@Shekhar,
Surely. Will send you a mail with my feedback now.
Sep 08, 2009 @ 4:26 PM
nice post Karthik and the all above point are important in designing a blog theme.
nitesh patel´s last blog ..Must use Gadget for Blogspot Users : Blogger gadgets
Sep 08, 2009 @ 5:02 PM
@nitesh patel,
Thanks for your appreciation buddy.
Oct 09, 2009 @ 2:52 AM
I am a firm believer of KISS (keep it simple stupid)
The more you try to tweak the design…the more complex it becomes in the users end.Designing is a Lifelong process and if you try to make it perfect that day may never come.i think that bloggers should concentrate on content and do minor tweaks in design when necessary.testing is also a useful part of design that must be done after every change you make.Goood post karthik !
Amit Banerjee´s last blog ..Find out who is Invisible in Gtalk
Oct 09, 2009 @ 5:57 PM
@Amit Banerjee,
Thank you very much for sharing your wonderful view here. I appreciate and agree with you.
Oct 11, 2009 @ 10:12 AM
What exactly do you mean by don’t put a transparent logo over a plain background? Any reason in particular? I just designed a new logo (it isn’t a final version, but it’s enough to make my website look 10x more clean). I’m not sure if I’m going against your recommended practice. What do you think?
Blake @ Props Blog Reviews´s last blog ..Animators and Icons At War
Oct 11, 2009 @ 6:35 PM
@Blake @ Props Blog Reviews,
Why I told that is simple. For example, you have a plain background header in blue color, then you can simply design a logo with the same background color. Because, transparent logos occupy some more size and most probably you will use PNG format. PNG files need some javascript file for IE 6 to load properly.
If you are having a gradient header means, then go for transparent logos like what I have here.
Oct 12, 2009 @ 2:29 AM
Oh, so it’s mostly for compatibility issues. One of the reasons I like having the transparent logo is that I’m a little finicky on colors. If I end up changing the background my logo is on 2 or 3 times in the next 6 months, I don’t want to have to redesign my logo each time. Then again, I’ll probably rework my logo if I’m changing up my colors…
Blake @ Props Blog Reviews´s last blog ..Animators and Icons At War
Oct 12, 2009 @ 11:37 AM
@Blake,
Yes Of course. But since you the editable logo design file like PSD file, you can change the color easily. It exactly depends on your needs only.
Oct 14, 2009 @ 6:45 PM
Really good points buddy. I need your help with my new website color combination. Especially with sidebar. I have used light colors in sidebar. Im looking for the title or header color of sidebar.
Oct 14, 2009 @ 6:53 PM
@Ricky,
As I told you earlier, I am always here to help you. We can have a detailed chat in Gmail chat.
Nov 21, 2009 @ 11:28 AM
Good mention buddy… some of them were must follow..
Rajesh Kanuri´s last blog ..Download Beta Version of Microsoft Office 2010 Professional
Nov 25, 2009 @ 9:53 AM
@Rajesh Kanuri,
If you follow so, I will be glad to write more.
Nov 25, 2009 @ 2:46 PM
Excellent collection of points
John Samuel ´s last blog ..How to create Twitter lists?
Jan 19, 2010 @ 10:29 PM
I use too many GIF image for my blog, but slowly slowly I back to pNG thank for your tut.
Regards
RRH´s last blog ..Security Tips for Internet Banking Users
Feb 15, 2010 @ 6:06 PM
Straight forward and to the point I like it. I wrote a similar list for fitness pros of the top 13 things they should do to improve their site.
Looking at your list now, I think most of them are on there.
Tony M´s last blog ..Using the Thank Me Later Plugin on Fitness Blogs