It’s that time of year again! This is my 10th year as a judge for the Web Marketing Association. Throughout the last decade, I’ve watched the evolution of static websites to web 2.0. Regardless of era, usability has always been a primary focus when I judge sites. These are websites from major corporations, you know, the household names from around the world. So you’d think they have it all figured out, right? Wrong!
These companies used to hire my organization to fine-tune their sites. This required us to use all kinds of tools, including eye-tracking and gaze plotting! It was some pretty intense stuff.
I don’t expect such intense usability prep for single-owner blogs but I do expect some basics to be taken care of. Let’s face it, 99% of all bloggers have no design/usability training. Naturally, even without any formal training, they try to work in some design but usability typically falls to the wayside.
There are so many things to consider for usability but if I wanted to show someone a short list of low hanging fruit…
9 easy things to consider for usability
1. Keep important information “above the fold”
That means you shouldn’t make your readers scroll down to see calls to action. This includes every page of your site, not just your home page! Over 4/5 of the time spent on your pages will be spent above the fold.
2. Keep the most important information in the top half of the visible screen
Users will give the most focus between 33% and 50% of the page. So if you’re planning for a 768 height page, stick to the 250-400 vertical pixel range.
3. Avoid horizontal scrolling
There are no good reasons to have users scroll horizontally. That means if you want to be super-safe, you can design for a 1024 width, which should satisfy over 98% of the internet population.
4. Stay left
If you cut your page down the middle, the left side will garner more than double the viewing time than the right side. That means you should place the things you want your users to see on the left whenever possible.
5. Place navigation where users expect it to be
Sure, if you have a artsy site you can break away from the norm. Your audience might be willing to partake in a little exploration even. However, for everyone else, keep your main navigation at the left or the top. Ancillary nav can be at the right, bottom, or anywhere else.
6. Reading should not be taxing – part I
Contrast, people, contrast! This is not hard. Dark text on light background or light text on dark background. (Shakes head.) I’m still amazed at how many sites where I have to strain my eyes to read light grey on white. I usually give up after 2 seconds.
7. Reading should not be taxing – part II
Size matters! I don’t care how niche your site is, the font size for the main content should be a font size 10 at a minimum. And that’s only if there’s a decent amount of white space. Think about it, how many times have you been to a site where you thought the fonts were too small? I bet it’s too many to count. Now how many times did you think the fonts were too big? Unless it’s ridiculously large, no one will complain. So if you use an easy to read font, size 10-12 is usually fitting.
8. Headlines work well
I get it. You have a lot of things to showcase on your site. Welcome to the club. Since your most valuable space is limited (see points above), using headlines and snippets will help. Users are more prone to scroll down if the page is “scannable”. So if you create an environment that convinces your users that a flick of their scroll wheel could provide value, then they will.
9. Pop-ups are rarely good
Do you know anyone who likes pop-ups? I’m pretty sure we all hate them. However, we still see them all the time. This tells me you’re thinking about your needs and not the users’ needs. When I see a new window popping up (or popping under), I tend to not only close the pop-up without reading it but I usually leave the site that sent me the pop up as well. For every user willing to pause for a moment to read the pop-up, you lost 50.
One-size-fits-most usability
Remember when some products, like baseball caps for instance, were one-size-fits-all? Then one day, someone made manufacturers change the label to one-size-fits-most because there are some people with really large meatballs for heads. The same applies here.
Although there are some exceptions where some folks had unique success outside of these guidelines. As a general rule though, all bloggers can follow these simple steps to create a usable user experience. These fundamentals haven’t changed since the dawn of the internet.
There really is so much more to usability than this. I could probably write usability articles from this point forward and never be done. But since I haven’t written one in a while, I thought it might be a good idea to jump back into this very relevant topic for most bloggers.
Anyway, don’t you agree that many of these on the list are common sense? But how often have you come across sites that don’t have those basics taken care of? Do you meet these criteria?










I am a business professional
with an entrepreneurial spirit. Although I have an MBA and managed websites and IT departments
for several Fortune 500 companies ...
The thing I find a lot of designers miss is the fact that not everyone has massive screen resolutions. while the important things may be above the fold on your screen does it still have everything available for those with low screen resolutions. This is something I had to learn the hard way!
SEO Services´s last blog ..The Do-It-Yourself SEO Blog
Some are designing for widescreens these days, which I believe is a mistake. Some niches can get away with it but for the general public, I won’t switch to a higher res until over 90% are at or above.
Yea that is it. I usually design for 1024×786 (or whatever it is). Hopefully not too many people still use 800×600.
It is all about getting the maximum audience and some websites are unbearable at the lower resolutions.
SEO Services´s last blog ..Cheap SEO: Yes It Is Possible!
That and not having distracting advertising like mashable or youtube or CNET.
Although most websites do meet these 9 “guidelines”
.
Brad´s last blog ..Apple Shutting Down Lala For Good May 31st 2010
Just too many ads, or the wrong kinds of ads, are pretty distracting.
That said, although this list seems like common sense, most sites don’t meet all 9 of these.
[...] This post was mentioned on Twitter by Clive Thomas. Clive Thomas said: 9 simple things to make your site more usable http://bit.ly/cAhgpv [...]
Hey Gabe. Great info, I thought I would chime in with a couple things I have learned so far that you should maybe try out. I don’t know how many visits your site gets now, but if you can qualify I HIGHLY recommend changing from Infolinks to Vibrant Intelitxt. I switched recently and make over 18 cents average per click (up from around 3.5 per click from Infolinks).
Facebook share is the new Twitter. I looked through some of your past posts and notice there are very few tweets (twits?) on them. I would try Facebook share for a while (alone or in combination with twitter) and see what kind of numbers that gets, I have tried twitter many times and even with over 50k page loads a day, I rarely get more than a handful of tweets.
I have learned a lot here, thought I would let you know whats working for me and give you some fresh leads. =D Keep up the great work, I’m always looking for ways to improve my site and keep up with this crazy online world.
Jake´s last blog ..Mother’s Day Gifts Now in the Market!
OMG, I switched to Infolinks a few months ago to test it out based on your recommendation! It has indeed brought me more than double of Kontera. I’ll keep Vibrant in mind for the future though.
Twitter is fading but it’s still hanging in there. For a while, Twitter was bringing me more referrals than all social bookmarks combined. SU has since climbed back for me. I personally don’t even use social bookmarks anymore.
I do have to clean up my FB though. I’ve been using it for work but haven’t used my FBH group nor created my FBH fan page yet.
Haha, yeah. Don’t get me wrong, Infolinks is THE inline text advertiser to beat overall, but they don’t seem able to compete with the more “elite” ones that have high site requirements to get in. I tried Kontera for a while and it really couldn’t hold up to Infolinks. Vibrant is really paying more, it rivals my adsense earnings on many days.
I agree about Twitter having its place, probably more so on your blog than mine as well. Mine is clearly niched (not sure that’s a real word…) into Facebook, but at worst you could add both as many blogs do and have a side by side comparison.
I’m hoping you will post a guide for my situation, I have apparently topped out my SEO and am having a hard time reaching the first page of Google. I am high on the second page and seem to have hit a slow crawl. Now this doesn’t apply to everything, clearly many terms will bring my site up within the first few results, but the main term for my site (FarmVille) still places me well behind my biggest competitor (FarmVille Freak.com).
Are there any tips to getting the edge at this point? I use an AIO SEO plugin, have xml sitemaps and ping all of the regular sites daily with my new posts as well as twitter and Facebook daily. Thanks!
Jake´s last blog ..Twitter for FarmVille and Win Farm Cash!
Just sent you some specific tips to your email.
I’ve recently switched to 15 point font on my blogs for the content area. The odd thing is that it doesn’t actually look that large on the screen.
Anyway, I want my material to be easy for people to read.
And a question: most blogs, mine included, put side columns on the right. If we want to sell our products, should we go with a left column?
John Soares´s last blog ..Living Well — Or Slowly Killing Yourself?
Wow, 15 pt is actually really big! Are you sure you’re using that size? I just went to your site and it looks like 10-12.
As for your question, I believe ads should be on the right. If you look at point #5, your nav should be on the left. Ads are secondary and therefore belong elsewhere, like your right side column.
i agree with your point 3, a size that can fit the screen well seems to be ideal, but i prefer to have not more than 800 width for my site template:)
Simon
1024 is what I recommend as a max width. You can certainly go with 800 if the template/design calls for it.
Building on Johns question, I’m shocked.
It’s been drilled since day one of the blogging existence…left side bad; what’s up with that?
Dennis Edell | Direct Sales Marketing´s last blog ..Updated: Do You USE Aweber? I Want Your Affiliate Link. Part 2
Ads on left = bad. Save the left for nav or main content, IMO.
It’s all about testing. Test both sides and see which side attracts more clicks or…
Andrew
Andrew @ Blogging Guide´s last blog ..Win The Latest 8G iPod Nano: Enter The Simple IncomeBloggingGuide.com Contest
You don’t have to test. Usability experience experts have performed these tests for years on end already.
I know, which is why I wonder why you’re touting left as good??
Even navigation is said to be on the right; on blogs, this is where visitors are trained to look first.
Dennis Edell | Direct Sales Marketing´s last blog ..Would You Like to Read a TRUE Make Money Online Blog? Part 1
Not main nav. Your main nav should be top or left. Subsidiary nav can work in other places.
Agree Simon. I know that 960 grid is out there, but i simply can’t switch to it. While there’s 17″ LCD’s and IE6, we’re still doomed to the 800-850.
strani´s last blog ..Dnevne video novice iz Posavja in okolice
If you choose to go with 800 width, do it because you want to, not for those using 800×600 resolution. Not only do they represent less than 5% of the population but those are likely not your target audience either. That is, unless your niche is tailor made for the elderly, those with extremely poor vision, or likes to use monitors made over a decade ago.
Besides, if you only have 800 pixels, after a left nav and a right side panel, that doesn’t leave much room for content, does it? The average person can read 8 inches across without turning his head. Unless you’re using newspaper columns, 6-8 inches of text is ideal.
[...] This post was mentioned on Twitter by Jacqui Murray. Jacqui Murray said: 9 simple things to make your site more usable – so common sense http://b2l.me/sqp65 (via @pnstlion) [...]
Great tips. I think agree with all your points expect the 9th one. I think popups should not be there at all in a blog. It is the most distracting element that you can include in a blog
I don’t think you read it right. I stated that pop-ups are not good. There are a few exceptions though.
Is you have here some interesting things, defenetly you have to take into consideration this, else your site will be a ugly thing
Link Building´s last blog ..Backlinks basics for SEO
That should be the first step always and this should be the main thing before publishing our site.
I use 1024 as recommended here. Earlier I used font size as 10 but now I’ve changed it to 12.
techno-Pulse´s last blog ..SaaS Introduction with Example – Cloud Service
[...] 9 Simple Things To Make Your Site More Usable – FreeBlogHelp It’s that time of year again! This is my 10th year as a judge for the Web [...]
1024 width is always preferred as most people use that resolution. Also I try keeping my content on the left side as you mentioned.
Mark @ Web Design Services´s last blog ..e-commerce
I like the points about readability. It always astounds me how many sites use tiny font sizes. It has gotten to the point where I sometimes feel like I should make my text smaller because that’s what all the major companies do on their sites… (I resist of course)
I worked on a website recently, for a franchised business where I didn’t have access to the controlling CSS file, and I actually had to use !important in the HTML to make the writing legible.
As a rule, if I am reading a blog, the first thing I do when I find an interesting post is zoom in. Chromes zoom in function works pretty well, so it’s not such a problem now adays.
All good points though. Great post (sorry for the rant)
Small fonts are OK in some instances but not for reading a blog post. For example, item descriptions are fine at 8 pt. for ecommerce sites.
2 things I can’t stand are horizontal scrolling and the popups. Good stuff!
Mike Roosa´s last blog ..I’m Giving Away The Farm — Read This If You Like Free Stuff
Horizontal scrolling is careless but popups are intentional. Both are bad but I’d say the latter is the worse of the two.
I’ve used a footer popup in the past. Converted pretty well to mailing list.
You may be correct about losing 10 readers… but if you gain 1 customer net, it could be worth it.
Dave Doolin´s last blog ..Persistence – the critical trait for success, in any endeavor
I agree totally with Espadrilles comment, pop ups are really annoying and to be honest they put me off using sites. Your other pointes are great though.
Music Festivals´s last blog ..Sub Focus Records New Track
#1 is what Google Adsense is now applying, it is great as above the fold is always good.
#8 is good for SEO and no one will click to see full content if the title says nothing
#9. I hate popup and never come back for any sites that places popup
Tinh´s last blog ..eBlogTip April Earning
Hello
I am a postgrad student running a research study into the usability of blogging tools (WordPress.com, Blogger, Xanga, Typepad and Livejournal) and blogs created by those tools. I am especially interested in how much the themes contribute to the usability of the blogs created vs the actual blogging tools themselves, and how much more blogging tools could do to help bloggers pick themes which have better usability.
So, how much of the usability comes from the theme, which dictates the look and feel, structure, layout and information architecture within a blog?
Could the Blogging Platforms give more guidance on this and rate/ score themes by usability to give guidance to bloggers?
With all the usability testing WordPress.com do on their own platform, could they also offer usability testing on themes as part of their service?
And how much beyond the theme does a blogging platform affect the end user-experience and usability? How much built-in help and suggestions could they offer? How much do their features, such as their dashboard, and what widgets they offer, contribute to a blog’s usability?
Should usability themes be provided to theme designers, and should these be used to judge themes which are accepted and offered to users?
Do you know about any usability scoring, rating or ranking of themes which is available anywhere?
Do you feel that blogging tools which offer more themes therefore offer potentially greater scope for blog usability and blogging tools which offer restricted themes need to be much more particular about considering the usability of those themes?
Kathy Cook´s last blog ..Blog usability testing starts
Love the questions. I had to visit your site to ensure you’re legitimately doing what you’re saying you’re doing!
I’ll send you an email with my responses.
[...] talks about 9 things that will definitely make your site more usable. Read these words and apply them because there’s some great advice here and you never know if [...]
I mainly agree with “popup are rarely good”. No one likes pop up ads however bloggers use this ad because they pay well.
Baba Pandey´s last blog ..World Cup 2010 Tv Schedule
I’m hoping you will post a guide for my situation, I have apparently topped out my SEO and am having a hard time reaching the first page of Google.
Form the article I know:you are a Web Marketing Association. Throughout the last decade, you have watched the evolution of static websites to web 2.0.you are great.
Jimmy choo
Excellent post, thanks.
Just the information I was looking for, thank you