Designing a Web or Blog Layout, Templates, Themes and other Things That you should consider

esigning a BLOG Layout, Templates, Themes and other Things That you should consider

Do you blog for you, or for your readers? This is a serious question that every blogger needs to consider carefully. If you blog for yourself, you will choose a blog design that appeals to you, not caring what your readers think. If you blog for your readers, you probably thought about what your readers would like to see when they visit your blog.

If you blog for your readers and you choose your design for you? You might be upsetting potential new readers without even thinking about it.

Some Food For Thought

Light Is The Norm

If I could design my blog to look how "I" want it to look, the background would be dark instead of light because I find dark backgrounds easier on my eyes. I design this site for the readers, which means light is the best choice. Not everyone has an LCD screen yet. Dark backgrounds on a CRT screen (the older style of monitor which is more like a TV) are difficult to view.

Dark text on a light background is what the majority of Internet users are used to. It is what they see on most websites they visit. They are so used to it that when you make a site with a dark background color, they react negatively without knowing why. If you want to appeal to the broadest range of people, you have to take things like this into consideration.

Everyone Sees It Differently

One forum I visited last month they have a very dark color scheme but it used to be a lot darker. People reading the forum on the older CRT screens often had to highlight the text with their mouse in order to be able to read it.

Users had been doing this regularly for some time BUT NOBODY TOLD THE SITE OWNER they were having so much trouble with the color scheme until the owner was considering making a change to the site themselves. I cannot imagine how annoying it must have been for those people to read the forums.

The Psychology Of Color

When designing a site it is important to consider the psychology of color. The three colors we considered using on the site were blue, lilac and green. These are calming colors. You’ll note these are colors I tend to use a lot here, too.

Color Is Important

Some colors do not work with the background color they have for posts. That means if a user chooses the wrong color to make their post with it can give readers a headache - and they tend to skip reading the post.

Red is one of the worst over there for color clash - and I had made a lot of posts using red with the old color scheme because it worked fine with that scheme, I had to go through and edit them all! We’re talking over 800 posts.

When you’re putting colors together on your site you need to stop and think - do they work together? Do they look good together? They may look ok on your screen but be sure to check how they look on other kinds of computer monitors too.


Will People Tell You The Truth?

Ah, there’s the difficult part. If you have been blogging for a while, you have a little community of people who love your content. If you made your background red with pink text they’d still read it anyway.

If you ask your readers what they think of your site design, they will tell you what they THINK you want to hear. They will be loyal. They will be polite. They will be friendly. They are the equivalent of men telling their wives “No honey, I don’t think it makes you look fat”.

That’s all well and good - and wise on the part of the man and on the part of the bloggers who read you - by now you are probably reading them back and they do not want to risk your readership by being brutally honest.

Unfortunately it does not help you as a blogger who wants to improve your blog design. It does not help you capture new readers. It does not help you to know what they find annoying. Even if you ask them to be brutally honest, some readers will struggle to do so. Not me. ;) Just so you know. ;)

Brace Yourselves Now

I am about to tell you a harsh truth. New readers coming to your blog for the first time? They will hit the close button in that top corner without reading ONE word of your content if they are put off by the color scheme or your header graphic.

If your blog makes their eyes hurt. If it looks like fingernails on a blackboard for the eyes. If your header graphic is poor quality. If your font is unattractive. There’s a multitude of design mistakes you can make as a blogger which will send potential new readers away quicker than you can blink.

Whether You Like It Or Not

There are many blogs out there - and the majority of blog readers will take a blog with good design but lesser content over a blog with bad design and good content EVERY time.

You work hard on your content so you owe it to yourself as a blogger to present it to potential new readers in a way they can see it. Especially given how difficult it is to get people to visit your blog in the first place.

Resolution Matters

If you are viewing my blog with your screen resolution set to 800×600, you have a vertical scroll bar at the bottom of your screen. My template width is 1000. That means there’s 200 extra pixels you have to scroll to see. In fact that is my entire right sidebar. Not a good look, right?

When I designed the template, I knew about this. I looked at my site stats and saw the majority of my readers (90%) were viewing the site in 1024×768 - which is becoming the new standard these days. It used to be 800×600 but as people change to LCD screens and larger screens they can’t use 800×600*. Unless they are my parents, in which case they will use 800×600 for everything because it makes the text bigger - they are too lazy to wear their glasses!

Make A Decision

So the first thing you need to do when considering a blog re-design is make a decision about resolution - and you need to take into account what your readers screen resolution is in order to do it. This means looking at your counter - bearing in mind counters are unreliable. 800×600 is one way you can go, 1024×768 gives you a lot more space.

If less than 85% of your readers use 800×600, you could go with 1024×768 but know that you run the risk of annoying people who use 800×600. On my site, they’ll miss out on seeing the right sidebar but they get the full main text and the left sidebar. That’s an OK compromise.

Don’t Change

There is a blog I removed from both my reader and my links. The reason I removed it is simple. Each time I went to the blog, they were using a new template. They had changed it many, many times over the last couple of months. I feel like they are never going to make up their mind and stick with one template and frankly, I’m tired of watching the indecision in progress!

If you want to try out a new template don’t do it on your actual blog that readers visit. Test it out on a test blog first. Blogger makes this easy for you - you can have as many blogs as you want. Just be sure to remember **this blogging tip. When you are sure you’re happy with it, install it on your actual blog - and stick with that template for at least 2-6 months.

Change is Hard

People do not like change. We bloggers are constantly tweaking, moving things around, adding things, removing things, making new blocks in our sidebars. I am as guilty of this as the next blogger. I am not saying never change anything, I am saying keep in mind the impact it has on your readers.

Your readers may know where to find something right now. If you move it and they are looking for it, they will be frustrated unless they can easily see where you moved it to. If you feel the need for change (as I recently did with my sidebars) pick one day, post a note to your readers who may turn up mid-changes to “bear with me, I’m changing some things around”, mess with it till you have it as you like it, then let your regular readers know what you have changed or removed via a blog post.

Above The Fold.

The instant first impression a user has of your website is what loads onto their page that they can see without scrolling. This is called “above the fold” - you know those broadsheet newspapers which have a fold on the front page, about halfway down? They know what is above the fold is what people see - and why they buy the newspaper.

It is no different on your blog. Decide what you want people to know about you when they first look at your page, and put that above the fold.

Browser Matters

Most people only use one internet browser. It might be Internet Explorer. It might be Mozilla Firefox. These are the two main ones you will see on your site stats. Do you know how your site looks in the one you don’t use? Do you know how it looks in different versions of the one you don’t use? A lot of people don’t use the latest version of browsers - when they find a stable one they stick with it like super glue.

Do you know how it looks in the rarer browsers like Opera, etc? Make a blog post where you ask people using those browsers to take a screen shot for you. Your readers using those browsers will generally be happy to help out.

IE NetRenderer allows you to check how a website is “rendered” (how it looks) when using Internet Explorer - several versions of it. I am still looking for a version of this for Firefox. Anyone know where to find it?

Flashing is bad

People associate flashing things with advertisements, which are becoming more prevalent on all the websites we visit these days. For Firefox users, you can get an extension called Ad Block Plus - and let your inner self be at peace without ads interrupting your internet. For your personal blog, I do not recommend anything be flashing. It’s annoying to many people.

Template Blend

Blogger has a standard set of templates which people can use. It is easy to just pick one of those and leave it at that. You would be making a major mistake as a blogger if you did, though. Anyone else using that same template can be mistaken for you. It is sort of like walking into a room where everyone is wearing the same outfit. How do you find the people you know, among the apparent clones?

The least you should do is change some of the colors and the font.

Good Templates Are Out There

I saw some lovely blogger templates the other day which are very much more grown up than the blogger basic ones.They look more like WordPress templates than Blogger ones.

Not Everyone Agrees.

Good design is not easy. There is no one size fits all. If there were, nobody would want it because all our blogs would look the same. As a blogger, what you need to do is make sure you are not turning off new readers by making bad design decisions. Unless you’re writing your blog just for your friends and family, who will love you regardless.

New readers won’t have a chance to love you. They’ll be leaving skid marks with their mouse in order to close your site as quickly as they can, and move on to another blog - where the content may not be half as good BUT they aren’t offended by the design, or the flashing ads, or the music that starts playing without them asking for it, or the myriad of other things you can get wrong as a blogger.

So that’s it. Just always keep in mind those few words.