Face it. Your website won’t be the very first site visited by an Internet novice. Chances are MSN, Yahoo or Amazon has muscled in in front of your site and been the first for a net virgin.

Listen to the audio discussion with
Homepage Usability: 50 Websites Deconstructed"
author Marie Tahir
42 min. into 20K Stream
Real   WinMedia

Read Part 1 & 2 of this article:
Pt. 1: http://www.webtalkguys.com/article-tahir.shtml
Pt. 2: http://www.webtalkguys.com/article-tahir2.shtml

By the time a web surfer makes it to your site, they’ve unconsciously developed a set of mental web usability conventions. They know where everything should be on a web page: navigation in the left margin, which consists of simple works like “Home”, “About” and “Contact”.

Even if you’re a renegade in other ways, it would be ill advised to buck the web surfers conventional wisdom and apply a new set of design rules to your site if you hope to guide a visitor to where you want them to go.

Looking statistically how other sites are designed will give you something of a formula when creating a user-friendly site. Marie Tahir’s book “Homepage Usability: 50 Websites Deconstructed” ran some of the conventional numbers:

• 84% place the company logo in the upper left of the page
• 42% use the word “Search” on the button or link to find something on the site, while 40% use “Go” and 9% use “Find”.
• 30% of sites put their navigation links in the left margins; 30% use navigational tabs; 18% use links across the top of the page.
• 72% use black text with white background and nearly all use 12 point san serif font.

Tahir talked to us about the value of taking the best of the conventions and applying them to your website design.

Q: When you design a homepage, you have to do some math. Run down several components of the statistics section in your book that we should be aware of.

Tahir: Overall, the best thing you can do for your user is to have some consistency. Follow the conventions that most sites follow.

Download time, for example, we find works best if pages can download within ten seconds. And yet the average download time is 26 seconds. In fact, only 28% of the sites met the goal of downloading within ten seconds.

A lot of times it is poor design choices that make for slow downloads. It’s not something that’s giving the user much value.

Another thing is to have a liquid layout of your page so you can adapt the page width to different sizes of monitors and displays. Actually only 18% of the sites we looked at did that. While it’s good to optimize your display to the most common display most users will have - for most that’s 800 x 600 - you don’t want to penalize people who have big monitors and give them that huge white strip on the right hand side of their web page.

Q: If a designer does want to lock in a particular size dimension, what size should that be so it accommodates the most browsers?

Tahir: Maybe instead of the lowest common denominator, you want to hit the greatest percentage of your users. If you’re looking at optimizing at 800 X 600, you want to think about the width of 770 pixels because there is space that’s taken up by the browser. That just makes sure you don’t get horizontal scrolling, which is a no-no.

Q: How do you approach deconstructing the websites profiled in your book?

Tahir: We start out with a big screenshot of the homepage. The facing page has an overall analysis that talks about the company and the strengths and weaknesses of the design. Then we address the Window Titles, the URL and the Tag Line - and how effective they are. We also demonstrate how screen real estate is divided up on the page, color-coded to show the percentages for navigation, advertising, filler, browser controls and so forth.

Q: What are you trying to accomplish with these pie charts breaking the page up into these areas?

Tahir: It’s most interesting looking at these pie charts for different websites all together. When you look at the trends, you see how much, say, self-promotion and ads for the site within the site are on the homepage. You see how many top sites are spending a lot of their real estate space on promoting stuff within the site.

Q: You’re really doing a huge favor to the 50 websites you deconstruct in your book because you’re essentially giving the developers free design advice. You joked in your book about the value of the book.

Tahir: (laughing) Yeah - it’s a half-million dollar book based on what we charge customers for a homepage review!


~ WTG

This is part 3 of a 3-part series on homepage usability. The full audio interview with Marie Tahir is available for listening anytime at http://webtalkguys.com, where you can hear her deconstruct the Travelocity.com home page in detail.

Part 1 is at http://www.webtalkguys.com/article-tahir.shtml
Part 2 is at http://www.webtalkguys.com/article-tahir2.shtml

(Dana Greenlee is producer and co-host of the WebTalkGuys Radio Show. WebTalkGuys, a Seattle-based talk show featuring technology news and interviews. It is broadcast on CNET Radio in San Francisco and Boston, on the web at CNET Radio, WebTalkGuys Radio, Sonic Box and via the XM satellite network and the telephone via the Mobile Broadcast Network.  Past show and interviews are also webcast via the Internet at http://www.webtalkguys.com).

PC World magazine names WebTalkGuys "Best of Today's Web Hidden Gems" in their August 2002 issue.