To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  
   
 

BROWSE GUUUI POSTINGS

 

1

Avoid links that scroll to sections of pages

According to Jakob Nielsen, we should avoid links that scroll to sections of a page, since users expect that links will take them to a new page.

Studies have shown that within-page links typically waste far more time than they save because users click back and forth multiple times to review the same material.

If you must use within-page links, tell the user that clicking the link will scroll to the page to the relevant section.

Only for very long pages, such as long alphabetized lists and FAQs, will the time saved be worth the confusion that within-page links can cause. Also, linking to a specific section on a different page is not as bad as using within-page links on a single page, since the users are taken to a new page.

Ideally, create separate pages for everything that serves as a link destination.

Links:

  • Avoid Within-Page Links

Henrik Olsen - February 25, 2006

Permanent link Comments (2)

See also: Navigation (46)  Tips and guidelines (65) 


 

2

Alphabetized lists are random lists

"Unless you can be absolutely sure that users will know the exact terms in your list, alphabetical order is just random order."

According to Jared Spool, alphabetized lists work for people's name, states, cities, car models, and teams. But they fall apart for things where users don't know the exact wording. Users must resort to the same behavior they need when links are randomly ordered. They must scan every link to make sure they can see what is relevant and what isn't.

Instead, we should use a divide-and-conquer approach by categorizing the items. Once broken up into small groups, it doesn't matter what the order of the links are.

Links:

  • Alphabetized Links are Random Links

Henrik Olsen - February 12, 2006

Permanent link Comments (0)

See also: Navigation (46)  Information architecture (12)  Tips and guidelines (65) 


 

3

Top Ten Web Design Mistakes 2005

It's time for Jakob Nielsen's Top Ten Web Design Mistakes. In 2005 Jakob has asked his readers about their opinion. Here's the result:

#1 Legibility problems due to small fonts and low contrast
#2 Non-standard links that violate common expectations
#3 Flash with no purpose beyond annoying people
#4 Content that is not written for the web
#5 Bad search
#6 Browser incompatibility
#7 Cumbersome forms
#8 No contact information or other company information
#9 Layouts with fixed width
#10 Photo enlargements that doesn't show the users the details they expect

Links:

  • The article Top Ten Web Design Mistakes of 2005

Henrik Olsen - October 03, 2005

Permanent link Comments (3)

See also: Forms (11)  Text (13)  Search (24)  Flash (6)  Browsers (2) 


 

4

Trigger words makes users dig into a site

According to Jared Spool, users browse websites using a Move-Forward-Until-Found Rule:

"...a web page can do only one of two things: either it contains the content the user wants or it contains the links to get them to the content they want. If a page doesn't follow this rule, then the users stop clicking..."

Trigger words is what makes users dig in to a site - words that contain the essential elements that provide the motivation to continue with the site.

In a study where the test participants were first interviewed about what they hoped to find on a number of large websites, UIE found that when the participants were successful in finding their target content, the words that they used in the interview appeared 72% of the time on the site's front page. When they where unsuccessful, their words appeared only 6% of the time.

UIE also found that when the participants didn't find any trigger words, they were far more likely to use the site's search function.

Links:

  • The article The Right Trigger Words

Henrik Olsen - December 13, 2004

Permanent link Comments (0)

See also: Navigation (46)  Text (13)  Research (93) 


 

5

Users' expectations on the location of common page elements

SURL has examined where users from four geographical areas worldwide expect common web page elements on e-commerce sites to be located. The results showed that users generally expected:
- Links to the front page to be located at the top-left of the page
- Ads to be located at the top of the page
- Internal links to be located at the left side of the page
- External links to be located at the left and right sides of the page
- Links to shopping carts and help to be located at the top-right of the page

Links:

  • The article Preliminary Examination of Global Expectations of Users' Mental Models for E-Commerce Web Layouts

Henrik Olsen - August 04, 2004

Permanent link Comments (0)

See also: Web page design (23)  Navigation (46)  Research (93) 


 

6

Guidelines for link appearance

Jakob Nielsen's guidelines for links appearance:

- Links should be coloured and underlined, though exceptions can be made in menus
- Underlining is important for users with low vision and essential for colour-blind users, if you use red or green link colours
- Shades of blue provide the strongest signal for links, but other colours work almost as well!
- Use vivid and bright colours for unvisited links and "washed out" colours for visited links
- Colours for unvisited and visited links should be variants or shades of the same colour
- Use small fonts for nothing but non-important links, such as copyright info
- And, hey, don't underline text that's not a link and don't render text in link colours

Nielsen also dislikes visual effects, when the cursor hovers over a link, but I can't see how this could cause any usability problems.

Links:

  • The article Guidelines for Visualizing Links

Henrik Olsen - May 10, 2004

Permanent link Comments (0)

See also: Tips and guidelines (65) 


 

7

Common web design practices

At the site Web Design Practices by Heidi P. Adkisson you'll find statically research on common design practices currently in use on the Web, covering items such as global and local navigation, breadcrumbs, search and links.

The site can be useful as a guide for making design decisions, but as Adkisson says:

"The data presented are intended to inform design decisions, not dictate them. Common practice does not necessarily equate with best practice - and the relationship between consistency and usability on the Web is remains a lightly researched area."

The site is an outgrowth of Adkisson's Master's thesis.

Links:

  • The site Common Design Practices

Henrik Olsen - October 13, 2003

Permanent link Comments (0)

See also: Search (24)  Web page design (23)  Navigation (46)  Research (93) 


 

8

The myth of 7 +/- 2

Periodically, we hear about the rule of 7 +/- 2 from inexperienced interaction designers: Users can't handle more than 7 bullets on a page, seven items in a form list, or more than seven links in a menu. According to James Kalback, this has no evidence in reality on the contrary. The psychologist George Miller's conclusions apply to what we can memorize not what we can perceive.

Current research strongly supports that broad structures perform better than deep structures. Users can more easily cope with broad structures, they have a greater chance of getting lost in deep hierarchical structures, and new visitors are able to get a better overview of sites offerings from a broader structure.

Links:

  • The Myth of Seven, Plus or Minus 2

Henrik Olsen - June 23, 2003

Permanent link Comments (0)

See also: Research (93)  Information architecture (12)  Navigation (46) 


 

9

Should hypertext links be blue and purple?

Luc Carton discusses the ancient question about whether links should be blue and purple.

Findings from study of 100 top American retail sites showed that only 27% of the sites still use the standard blue colour for links. Moreover, 61% of the sites do not use different colours according to whether the links have been visited or not, and only 13% of them use the colour purple for visited links.

On account of this study, Carton concludes that the blue/purple standard no longer exists, and since the main characteristic of a link isn't the colour, but the underlining of the text, colour doesn't matter.

Links:

  • The article Should hypertext links be blue and purple?

Henrik Olsen - January 14, 2003

Permanent link Comments (2)

See also: Research (93) 


 

10

Reduce Redundancy

According to Jakob Nielsen "User interface complexity increases when a single feature or hypertext link is presented in multiple ways. Users rarely understand duplicates as such, and often waste time repeating efforts or visiting the same page twice by mistake."

Links:

  • The article Reduce Redundancy: Decrease Duplicated Design Decisions

Henrik Olsen - June 11, 2002

Permanent link Comments (0)

See also: Navigation (46)  Tips and guidelines (65) 


More >>

Browse GUUUI postings

Methods and the design process

Usability testing (30)  Prototyping and wireframing (32)  Cost-justification and ROI (19)  The design process (14)  Personas (13)  Requirement Analysis (12)  Card sorting (8)  Implementing user-centred design (7)  Expert reviews (6)  Web log analysis (7)  Eye-tracking (7)  Site and flow diagramming (4)  Use Cases (3) 

Design elements

Navigation (46)  Web page design (23)  Search (24)  Guidelines and Standards (10)  Links (12)  Text (13)  Forms (11)  Ads (6)  Site design (8)  Shopping Charts (5)  Error handling (5)  Sections (5)  Home pages (2)  Design patterns (4)  E-mails (1)  Personalization (1)  Sitemaps (1)  Print-freindly (1)  Help (2) 

General aspects

E-commerce (21)  Accessibility (11)  Information architecture (12)  Persuasive design (13)  Visual design (14)  Search engines (7)  Credibility, Trust and Privacy (6)  Web applications (2)  Intranets (1) 

Technology

Flash (6)  URLs (3)  Download time (2)  Javascript (3)  Web standards (2)  Browsers (2) 

Humor

Cartoons (8)  Funny tools and games (10)  Bad designs (7)  Fun with Jakob Nielsen (6)  Designs with humor (3)  Fun music and videos (4)  Fun posters (2)  Funny 404 pages (2)  Misc humor (3) 

Ressource types

Research (93)  Tips and guidelines (65)  Tools (51)  Books (32)  Cases and Examples (12)  Interviews (10)  Primers (9)  GUUUI articles (8)  Posters (5)  Online books (5)  Glossaries (2)  People and organisations (2) 

Information sources

Blogs (11)  Websites (9)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI