All posts about Se7en (Singer) moved to here

31 Dec 08 I'll continue to blog about non-Se7en things (in Thai or English language) after finishing almost everything about Se7en blog.

คอมเมนต์เรื่องทั่วๆไปที่ไม่เกี่ยวกับเนื้อหาในแต่ละโพสต์ได้ที่ Guestbook and about this site ค่ะ <= Please post off-topic comment here.

12 Ways To More Effective Blog Design: The Beginner’s Guide

Blog Design really helps for exposure. For example, I know Blogsessive from its header design. When I first visited it and found that it has great content too, I immediately become a subscriber.

I’m not a web design guru, actually I can’t say that I can design. I’ll consider myself as just a web design enthusiast and observer. This list is nothing new for veteran designers as they must always have it in their mind. :)

For effective blog design, you should consider about these things:

1. Fast Loading

Your blog should load as fast as possible. Use least media files unless you’re sure that your targeted visitors’ internet speed is not that slow or those media files are really necessary.

Optimize everything you can, whether it’s code or image.
Read how to speed up your website by optimizing files and images on pingdom

2. First Impression

Try to make above-the-fold area impressive or informative as much as possible.
You have only 0.984654547 seconds to attract the visitors to look more on your site. There’s no the second chance. Web surfers are impatient, very impatient. If they realize that your web doesn’t have what they want, they close it immediately.

If you want more artistic impression (which means slower loading), here are some places for inspiration. You can improve your blog header by using:

Mascot/Logo: Examples of Cool Web Characters
Blog Header
As someone suggest in the comment section of that blog post, beware of using stock illustration from some famous designers. They’re used over and over across the web.

Background Image: 80 Large Background Websites
Large Background

3. Readability Scanability

Format your text properly. Use bigger/bolder font for header. Use list. Because web surfers don’t read, they tend to scan (me too :P )

4. Readability

Well, sometimes actually they read (too :P )
Readbility including, but not limited to, characters per line and typography — font color, type face, spacing, height, width and more. Typography can improve your blog’s usability and beauty at the same time.

5. Structure and Navigation

Easy navigation is the key. Don’t make your blog structure too complicated. As they say, web surfers are impatient, your readers should get what they want in not more that 3 clicks away.

6. Blog Personality and Goal

Your blog design should not misleading the overall message of the blog. What do you want visitor know about your blog? How the design can lead to both your and visitors’ goal?

What will be happened if a tech news blog that update many times a day has grungy look with lots of graphic to slower the pages? I don’t say it can’t have that style but I think it’ll be more effective to follow traditional tech blog style.

7. Negative Space

Also known as White Space. Let readers rest their eyes somewhere on your blog. That’s all I can say :D

8. Call To Action

What do you want your visitors do after they finish your post?

  • Subscribe to your feed?
  • Comment on the post?
  • Rate your article?
  • Submit the post to social sites?
  • Read other related posts?

At the end of the post you should make it obvious enough before they move to another page.

9. Last Impression Before Leaving

When I visit a blog for the first time, usually I’m attracted by the title. If I land on homepage I’ll click about page, scan all the headlines, then stop my eyes at the end. What will I see? It’s the footer. This trend is coming. (not sure if it’ll be out.) Here’s 50 Blog Footer Designs for inspiration.

10. Unique Design Is In The Detail

Some example of blog design that I think it’s very very unique and hard to imitate.

Unique Blog Design

Unique Blog Design

11. Beware of Clutter

But if you focus too much on detail, it can end up to be clutter.

  • Everything on your design must have meaning to be there, whether it’s for information or visitors’ perception.
  • If there’re too many choices, they tend to choose nothing.

12. Optimize for Search Engine

It’s almost useless if you have great content, good design but no one can find your blog from famous search engines.

When design blog layout and structure, don’t forget about Search Engine Optimization aspect. But don’t overdo it with the content. You should write for your readers not the search engine bots.

Your Tips?

Did I forget to mention something? You can also suggest the blog that you think it has effective design and how effective it is.

Anyway, some blogs can success while its design is still lacking something. Look at I Can Has Cheezburger? for LOLcats’ sake. *smile*

If you think this article is useful, please consider to Float it or bookmark on Delicious. Thank you :D

P.S. After reviewing all I wrote, I think it’s time to redesign this blog too, so, I can win cheezburger?

More Resources For Your Blog

This post is a contest entry of Blog Design Contest judged by David Peralty, Jeff Chandler and Alex Cristache.


http://www.se7enize.com/nice/blog-design.html by Nice - SE7ENize.com

↓ Too lazy to comment? Then click instead ถ้าขี้เกียจเขียนคอมเมนต์เชิญกดแทน ↓
เฉยๆ/ไม่ชอบLike it (+11 rating, 13 votes)
Loading ... Loading ...
(7,433’Views’ 568’BotViews’)

Read more posts under Web Developing and Resources category or

Older Post: [Update 4 Sep] 17+3 Delicious WordPress Themes That Will Make You Drool

This entry was posted on Sunday, November 30th, 2008 at 7:25 pm . You can leave a response, or trackback from your own site.

16 Responses to “12 Ways To More Effective Blog Design: The Beginner’s Guide”

  1. […] Rarst. 4. Aravind Jose. 5. Gary Viray. 6. Tech Buzz. 7. Smart Blog Tips. 8. Yield To Pedestrian. 9. SE7ENize. 10. Thou Shall […]


    Finally the competition is closed and results will be announced in a week! | Blog Design Studio - blogdesignstudio.com/free-wordpress-themes/finally-the-competition-is-closed-and-results-will-be-announced-in-a-week
  2. tj @ smartblogtips

    12:19 am
    December 2nd, 2008

    [comment #440]

    great post. best of luck for the contest. also i liked your blog’s design very much.

    regards
    Thinkjayant


    tj @ smartblogtips - smartblogtips.com
  3. Ryan

    9:59 am
    December 2nd, 2008

    [comment #441]

    Most of your tips are similar to what I’ve read about creating landing pages for affiliate marketer, which makes sense. You want to keep somebody on the blog and subscribe.
    Good luck with the contest!


    Ryan - ubsn.net
  4. Nice - SE7ENize.com

    3:05 pm
    December 6th, 2008

    [comment #444]

    tj Thanks. My current design is just a free theme. I’m planning (for a long time :P ) to have my own custom theme. My developing pace is just too slow.
    Ryan Thanks for taking your time to comment

    Good luck to both of you too :D


    Nice - SE7ENize.com - se7enize.com
  5. arteevicio.com

    12:25 pm
    December 9th, 2008

    [comment #446]

    […] 12 maneiras eficazes para um design de blog - O Guia do Iniciante. […]

    [arte e vício] » Blog Archive » A solução para blogueiros e designers sem inspiração e mais tutoriais e geradores


    arteevicio.com - arteevicio.com/fica-a-dica/a-solucao-para-blogueiros-e-designers-sem-inspiracao-e-mais-tutoriais-e-geradores
  6. Tyasske

    7:38 am
    December 21st, 2008

    [comment #465]

    Sry my english, I’m brazilian

    Awesome post, good examples, including yours, the text’s is right to the point.

    Ps.: The text in sidebar in FF3 (Ubuntu) is trying to escape from the “post-it”, it’s already 10px out (the width of the text is bigger than the box) :em03:

    Ps2(not the videogame).: The comments are strange here too. Anyway, I know that you’re using a free theme and all. Good luck with your theme!


    Tyasske - tyasske.com
  7. Nice - SE7ENize.com

    12:41 pm
    December 21st, 2008

    [comment #466]

    Hi Tyasske,
    I’m Thai and my English is not that good too.
    I read somewhere when someone sorry about his English
    and the other one reply like, “why do many people sorry about one’s English?” He can’t even hear accent through the text!

    So I guess netizens don’t care that much about English (grammar/vocabulary) from non-native speakers, if it’s not related to something professional. (Heh, sometimes they may make fun of “Engrish”, but who cares :em03: I try my best to practice my English )

    About the text on the sidebar,
    I use Opera on Windows and it happened too.
    (only on “about me” and “free icon”, right? or all?
    I guess the text widget is not wrapped properly.
    Thanks for letting me know :em01:

    About the comment section,
    Last trackback, the left side is in more height than the right. I just shortened the trackback name to solve it temporarily

    I’m glad that you like this post. I visited you site and love emoticons there (both big and small size) Can I steal borrow them? lol


    Nice - SE7ENize.com - se7enize.com
  8. […] 12 tips para eficientar el diseño de tu blog […]


    Año nuevo, nuevos enlaces por descubrir | Móchate - mochate.com/internet/ano-nuevo-nuevos-enlaces-por-descubrir
  9. 3fay.com

    11:56 pm
    January 7th, 2009

    [comment #474]

    very nice collection of tips…


    3fay.com - 3fay.com
  10. […] Visit Source. Looking for More Design Inspiration? […]


    12 Ways To More Effective Web Design - designm.ag/news/12-ways-to-more-effective-web-design
  11. […] 12 Ways To More Effective Blog Design — SE7ENize.com 16 Web Designer/Developer Resources | Outlaw Design Blogday49 » Blog Archive » 5 Free Search Engine Optimization Tools Available Online Basic HTML TrainingOrder-Design.net flash templates graphic design free website » Blog Archive » Choose the Subject of Your Business Website Carefullytesch blog » Blog Archive » E Book PC TO VIDEO CABLE Auctions On Ebay Learning ActionScript 3.0.A Beginners Guide Jan 2008 ebook | Download Center :.:.:RS-Link:.:.: Make a Joomla Template in 5 Easy StepsEasy steps to Make Joomla Templates | Stuffheaven10 Javascript Resources - From Noob to Pro | Jon Raasch’s Blog […]


    ‘Graphic Design For Beginners’ E-Book. | 7Wins.eu - 7wins.eu/cbprod/detail_15821/graphic+design+for+beginners+e-book.html
  12. Mekz

    5:08 pm
    May 9th, 2009

    [comment #488]

    That’s a good tips. I like it very much……


    Mekz - mekz.net
  13. […] Continued here: 12 Ways To More Effective Blog Design — SE7ENize.com […]


    12 Ways To More Effective Blog Design — SE7ENize.com - millionaire.websitesuperhero.com/2009/08/01/12-ways-to-more-effective-blog-design-se7enizecom
  14. d

    1:51 pm
    October 9th, 2009

    [comment #510]

    :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17: :em17:


    d -
  15. Myo Kyaw Htun

    9:19 am
    November 4th, 2009

    [comment #512]

    I came across from WpWorldMap … Your post is helpful … Keep it up your writing …

    I’m also living in Thailand


    Myo Kyaw Htun - myokyawhtun.com
  16. Kosol

    12:18 pm
    January 11th, 2010

    [comment #523]

    It’s a piece of cake but the biggest. :em10:


    Kosol - kosolanusim.com
 

Leave a Reply

  • :em06:
  • :em14:
  • :em08:
  • :em16:
  • :em17:
  • :em11:
  • :em12:
  • :em15:
  • :em09:
  • :em03:
  • :em04:
  • :em10:
  • :em18:
  • :em05:
  • :em02:
  • :em13:
  • :em07:
  • :em01:

 

38 queries. 1.158 seconds.