The sukip blog

The Ten Most Violated Homepage Design Guidelines

1. Emphasize what your site offers is of value to users and how your services differ from those of key competitors

Compliance rate: 27%

This is one of the most important issues in homepage design, so it’s particularly sad that it’s the least followed of all the guidelines. Websites are incredibly bad at explicitly stating what they offer users. Instead, they hide their offerings in generic marketese that makes very little impression on prospective customers.

Remember: when users have needs, they typically query search engines and allocate only a few seconds to scan each of the sites that the search engine drags up.

2. Use a liquid layout that lets users adjust the homepage size

Compliance rate: 28%

Fighting frozen layouts seems a lost battle, but it’s worth repeating: different users have different monitor sizes. People with big monitors want to be able to resize their browsers to view multiple windows simultaneously. You can’t assume that everyone’s window width is 1024 pixels: it’s too much for some users and too little for others.

3. Use color to distinguish visited and unvisited links

Compliance rate: 33%

Knowing where you’ve been is one of the three basic features that all navigation designs should support. (The other two are “Where am I?” and “Where can I go?”)

It’s sad that only a third of corporate homepages tell users at a glance which site areas they’ve already seen. Navigational confusion results when designers disable one of the few useful features of a standard Web browser: having visited and unvisited links appear in different colors. Our testing has shown that violating this guideline is particularly harmful for elderly users.

4. Use graphics to show real content, not just to decorate your homepage

Compliance rate: 35%

For example, use photos of people who have an obvious connection to the content as opposed to using models or generic stock photos. People are naturally drawn to pictures; gratuitous graphics can distract users from critical content.

Stock photography sellers are doing a brisk business, but users don’t believe that your product will make them happy just because there’s a smiling lady on your homepage. Better to show your actual product.

5. Include a tag line that explicitly summarizes what the site or company does

Compliance rate: 36%

Our recent study of how people use “about us” information on websites did find that most users could eventually dig up information about a company’s purpose. But why do most sites make prospects work so hard?

In keeping with most advertising slogans, content-free tag lines abound. Once you’ve paid millions to get a useless slogan developed, it’s probably hard to accept that it won’t work for your website.

I suggest a compromise: put the useless slogan in a graphic banner next to your logo, where it will be ignored. Then add a true tag line in plain-text format in the content area where people will actually see it.

6. Make it easy to access anything recently featured on your homepage

Compliance rate: 37%

For the Alertbox, 80% of the readership happens after a column has passed from the homepage into the archives. In general, users remember when they’ve seen something interesting on a homepage. However, unless that homepage lists recent features and offers links to them in the archive, users will never be able to find what they’re looking for on subsequent visits.

7. Include a short site description in the window title

Compliance rate: 39%

This is mainly important for search engine visibility, but why not take advantage of this superior — and cheap — form of Internet marketing?

8. Don’t use a heading to label the search area; instead use a “Search” button to the right of the box

Compliance rate: 40%

This is a small point, but there’s no reason to label the search box if there’s a “Search” button right next to it. Interaction design’s less is more principle tells us that extra elements in a dialogue distract users from the salient points and reduce their ability to understand an interface. (In other words, with less to consider, people understand more of what’s there.)

9. With stock quotes, give the percentage of change, not just the points gained or lost

Compliance rate: 40%

This guideline only applies to sites that provide stock quotes, either in the investor relations information or elsewhere. With stock quotes, the general principle is to help users understand the relative magnitude of a change, and thus its true importance. (A similar guideline applies to presenting other statistics that change over time.)

A stock increase of $0.75 means very different things if the starting price was $8 (a booming 9% leap) versus $60 (a modest 1% gain).

10. Don’t include an active link to the homepage on the homepage

Compliance rate: 41%

This is a special case of a guideline that applies to all website or intranet pages: never have a link that points to the current page. (A button to refresh stock quotes or other changing information is a different matter, and should be presented as a command button rather than a navigation link since it doesn’t lead to a new location.) Active links to current pages cause three problems:

If they click it, a link leading to the current page is an utter waste of users’ time.

Worse, such links cause users to doubt whether they’re really at the location they think they’re at.

Worst of all, if users do follow these no-op links they’ll be confused as to their new location, particularly if the page is scrolled back to the top.

Homepage links on the homepage typically result from using a universal navigation bar that includes “home” as an option. Fine. But when users are on a page that’s featured in the navbar, you should turn off that option’s link and highlight it in such as way that indicates that it’s the current location.

445 ringtone download converter mobile ringtone 4600 for ringtone blackberry 8700 ringtone t mobile 6010 nokia mp3 ringtone 6620 free game ringtone nokia 3595 proof adult ringtones 7100i ringtones blackberry Map

kinds porn all of porn movie 1970s african american bisexual poetry customs sexy adults teens abba ladies 80s porn sex couple amature tapes acesso sexo seguro Map

27 27 mp3 boosh mighty mp3 diab 3amr 3th mp3 strike mp3 3araby jamed mp3 broken 2pack wings halen van 316 mp3 anson mp3 yan hu 3vs3 bin 95 mp3 29 1g Map

abe simpson mp3 credit services advanced intersest 0 credit mp3s 13th floor elevators ringtone second 20 mp3 ninja 21emon agricole team credit 2006 cycling 4 freedom credit Map

ltd ringtone ambulance verizon album carrington james ache ringtone nokia alice cooper 83332 ringtone mono nokia amarillo ringtones for mobiles motorola american ringtone idiot free ringtone amp 3586i logo nokia and 10k carrington labs Map

ringtone nokia 3390 free 6100 polyphonic nokia ringtone ringtones free 6102i ringtone acdc 24 ringtone phone ctu ringtone american missed download 1 call arrington alex dynasty carrington alexis Map

movie petra verkaik mpegs stars movie fucking xxx free movie fritz movies nikki oral/anal porno movies adult movies preview qmov movies hardcore movies reality sex Map

loans 6500 personal 85 loans mortgage financing loan student group access loan portland advance cash weighted age loan average loans canada aircraft loan home ceo american loans $4000 Map

aladdin casino resort nv vegus las casino deposit no bonus 2007 language 15 software casino ak-chin casino dice 3 gambling show casino tv american bonus deposit no casino 2007 casino allegany Map

account credit casino merchant card program marketing casino affiliate michigan casinos all aladdin hotel and casino casino years american new episode credits end 1998 soundtrack godzilla gambling card accept credit palace casino adventure Map

drew porn berrymore porn piss drink drive pornograghy cleaner drug gallories porn addicted drugged raped porn drunk amateur porn video girls college porn drunk girlfriend porn drunk Map

3d free porn anime porn world bizarre 3d 3d galleries cartoon porn celeb 3d porn comics 3d porn free drawn gay porn 3d 3d fantasy porn free porn pictures 3d Map

brown daniel porn daniel porn radcliffe cicarelli porn daniela daniella porn 1970 danielle fishel porn danielle martin pornstar pornstar danielle site porn danielles Map

maker iphone pc ringtone for i730 manager ringtone samsung misery business ringtone ringtone movie noadware evidense ringtone porn ringtone and hutch starsky wallpapers ringtoneking sexy ringtones nokia for 6061 Map

the chi-lites ringtone chop tomahawk ringtones fhone ringtones trace bluetooth by transfer ringtone mps ringtones treo 680 treo ringtones 755 turnkey ringtone scripts fight ringtone nebraska song u of Map

porn adulr pictures 2bporn adult pornography adult amateur amature adult porn vidoes asisn porn adult blog porno adult book titles adult porn free adult porn cam Map

pissing diaper girl adult panties peeing women in diapers peeing of stories girls teen whipping moms fucking dads photos hairy vagina teen sound female orgasm clip ugly fat moms gallery tranny ts video sex fuck Map

wives pics amiture pissing player sex interracial quick free time colombianas amateur underage fucking girls squirting sybian orgasm mom teaching fuck to teen loli young asian teen sucking underage cock Map

loan personal credit hr score home loan hud repair hybrid loan mortgage need commercial i loan no illegals paperwork loans immediate with personal credit bad loans consolidation in-school loans status home equity ing loans Map

This entry was posted on Tuesday, June 19th, 2007 at 12:29 pm and is filed under Technical Learnings. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “The Ten Most Violated Homepage Design Guidelines”

Jakob Says:
July 22nd, 2007 at 6:07 am
This is exactly what I expected to find out after reading the title The Ten Most Violated Homepage Design Guidelines. Thanks for informative article

You must be logged in to post a comment.

The Ten Most Violated Homepage Design Guidelines

One Response to “The Ten Most Violated Homepage Design Guidelines”

Leave a Reply