30 Aug Top 10 Guidelines for Homepage Usability
Homepages are the most valuable real estate in the world. Each year, companies and individuals funnel millions of dollars through a space that’s not even a square foot in size. For good reason. A homepage’s impact on a company’s bottom line is far greater than simple measures of e-commerce revenues: The homepage is your company’s face to the world. Increasingly, potential customers will look at your company’s online presence before doing business with you — regardless of whether they plan to close the actual sale online. (Update: our studies of B2B usability found that this is the predominant behavior of business users.)
The homepage is the most important page on most websites, and gets more page views than any other page. Of course, users don’t always enter a website from the homepage. A website is like a house in which every window is also a door: People can follow links from search engines and other websites that reach deep inside your site. However, one of the first things these users do after arriving at a new site is go to the homepage. Deep linking is very useful, but it doesn’t give users the site overview a homepage offers — if the homepage design follows strong usability guidelines, that is.
Following are ten things you can do to increase the usability of your homepage and thus enhance your website’s business value.
Make the Site’s Purpose Clear: Explain Who You Are and What You Do
1. Include a one-sentence tagline
Start the page with a tagline that summarizes what the site or company does, especially if you’re new or less than famous. Even well-known companies presumably hope to attract new customers and should tell first-time visitors about the site’s purpose. It is especially important to have a good tagline if your company’s general marketing slogan is bland and fails to tell users what they’ll gain from visiting the site.
2. Write a window title with good visibility in search engines and bookmark lists
Begin the TITLE tag with the company name, followed by a brief description of the site. Don’t start with words like “The” or “Welcome to” unless you want to be alphabetized under “T” or “W.”
3. Group all corporate information in one distinct area
Finding out about the company is rarely a user’s first task, but sometimes people do need details about who you are. Good corporate information is especially important if the site hopes to support recruiting, investor relations, or PR, but it can also serve to increase a new or lesser-known company’s credibility. An “About
Help Users Find What They Need
4. Emphasize the site’s top high-priority tasks
Your homepage should offer users clear starting points for the main 1–4 tasks they’ll undertake when visiting your site.
5. Include a search input box
Search is an important part of any big website. When users want to search, they typically scan the homepage looking for “the little box where I can type,” so your search should be a box. [Make your search box at least 25 characters wide,] so it can accommodate multiple words without obscuring parts of the user’s query.
(Update: Based on more recent findings, my recommendation is now to make the search box 27 characters wide. This and other new guidelines are covered in our course on Top Web UX Design Guidelines at the annual UX Conference.)
Reveal Site Content
6. Show examples of real site content
Don’t just describe what lies beneath the homepage. Specifics beat abstractions, and you have good stuff. Show some of your best or most recent content.
7. Begin link names with the most important keyword
Users scan down the page, trying to find the area that will serve their current goal. Links are the action items on a homepage, and when you start each link with a relevant word, you make it easier for scanning eyes to differentiate it from other links on the page. A common violation of this guideline is to start all links with the company name, which adds little value and impairs users’ ability to find what they need quickly.
8. Offer easy access to recent homepage features
Users will often remember articles, products, or promotions that were featured prominently on the homepage, but they won’t know how to find them once you move the features inside the site. To help users locate key items, keep a short list of recent features on the homepage, and supplement it with a link to a permanent archive of all other homepage features.
Use Visual Design to Enhance, not Define, Interaction Design
9. Don’t over-format critical content, such as navigation areas
You might think that important homepage items require elaborate illustrations, boxes, and colors. However, users often dismiss graphics as ads and focus on the parts of the homepage that look more likely to be useful.
10. Use meaningful graphics
Don’t just decorate the page with stock art. Images are powerful communicators when they show items of interest to users, but they will backfire if they seem frivolous or irrelevant. For example, it’s almost always best to show photos of real people actually connected to the topic, rather than pictures of models.
Full List of Homepage Guidelines