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  
   
 

Guidelines for using links vs. buttons

According to Jakob Nielsen, links and buttons have different uses:

- Links are for navigation. They are used to move between pages in an information space.
- Buttons are for actions that cause some chance (e.g. adding a product to shopping cart).

But there are exceptions to the rules:

- Buttons can be used to move from page to page in a workflow process (e.g. "continue shopping" and "proceed to checkout")
- Links can be used for secondary actions with minor consequences.

The so called "command links" have the benefit that we can write longer command names and thus make them more descriptive. To reduce confusion, the link text should explicitly state that it leads to an action by making the first word of the link an imperative verb.

Another benefit to command links is that we can add explanatory text below the link. The text can be presented in a smaller typeface to emphasize its secondary nature.

Links:

  • Command Links Open link in new window

Henrik Olsen - May 16, 2007

See also: Guidelines and Standards (15)  Links (19)  Forms (30)  Navigation (63) 

 

COMMENTS

Although I don't have any direct experience with the 'command link' UI widget in Vista, I'm very concerned that this article by Jakob Nielsen seems to give approval for using hypertext links in Web pages to initiate actions, something traditionally reserved for form buttons.

There are two very important reasons for actions to be very distinguishable from links - allow users to not fear clicking things, allow software agents to traverse links and be useful programs without modifying or destroying data.

I've written about "A link is not a widget" a couple times
http://korrespondence.blogspot.com/search/label/a link is not a widget

MikeD | May 21, 2007

 

Particletree has an excellent article on buttons, both the Input element and lesser known 'Button' element, which is a link that can be made to look like a button by including img.

Definitely worth a read (as opposed to Nielsen's sweeping impractical generalizations)

particletree.com/features/rediscovering-the-button-element/

Pauric | May 24, 2007

 

Sponsor

Ad for TechSmith Morae


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (119)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (40)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (27)  Persuasive design (21)  Visual design (19)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 

Technology

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

Humour

Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (129)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

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

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI