Welcome!

And don't forget to edit your signature & profile.

 

Icon

Statistics

  • Total posts 23318
  • Total topics 4048
  • Total members 5574
  • Our newest member
    ALF5583

TOP POSTERS

Buttons vs text links

Design reviews, usability-related issues and discussions.
   

Buttons vs text links

Postby Pawel Debik » Tue Feb 10, 2009 6:40 am

Sometimes I wonder if there is a difference from the users perspective between buttons and text links that are not a part of the menu but appear throughout the site.

When you are about to click on either a button or a text link, what do you usually expect that will happen:

Click on button: you are taken to another page on the same site, or you are taken outside of the site to another window.

Click on text link: you are taken to another page on the same site, or you are taken outside of the site to another window.
Pawel Debik
Smashing <frame>
 
Posts: 10
Joined: Tue Feb 10, 2009 6:26 am
   

   

Re: Buttons vs text links

Postby iGammaRay » Tue Feb 10, 2009 10:19 am

Usually people expect that buttons take them to a place within the same site, unless the button explicitly says something different. Buttons are usually placed to emphasize links, and to lead to "important" parts of the site, such as an objective page (a download page, or buy now page or something similar), and also to DO something. Text links are usually placed inline and link to different parts of the site (or external sites) which are not so important.

So:
Text links:
- inline, not-so-emphasized places
- links to both external and internal places
- usually used to cross-reference information

Buttons:
- NOT inline
- Usually to leads to places within the same site
- Leads to emphasized locations such as objective pages (download links, buy now links, and main navigation)
- are used to DO something (ex. Add Location, Digg This, Delete This, etc.)
I'm the PHP guru around here. Really. PM me if you got a project. (I can also do PSD->XHTML/CSS and any other web development related job).
User avatar
iGammaRay
Smashing <table>
 
Posts: 33
Joined: Fri Jan 23, 2009 11:39 am
Location: Canada
   

   

Re: Buttons vs text links

Postby flikQ » Tue Feb 10, 2009 10:59 am

People also generally assume that buttons perform a specified action, such as to edit something, because of the familiarity of most operating systems.
http://www.gavinweeks.com
Some work:
http://www.ugame.net | http://www.mytmg.net
Clients:
Sony, Microsoft, LG, Pioneer, Fox, Intel & Electronic Arts.
Mags I work on:
PCGamer, Computer Arts, .net, MBUK, T3,
User avatar
flikQ
Smashing <frame>
 
Posts: 15
Joined: Mon Jan 26, 2009 9:20 pm
Location: Bath, UK
   

   

Re: Buttons vs text links

Postby Parallax » Tue Feb 10, 2009 2:51 pm

Here is a nice article that can help you decide how to weight your action items through design and placement. It is written with forms in mind, but the lesson can be extended further ...

http://www.lukew.com/resources/articles/web_forms.html
I blame the limitations of plain text!
User avatar
Parallax
Smashing <div>
 
Posts: 159
Joined: Mon Feb 09, 2009 10:48 am
Location: Minneapolis, MN
   

   

Re: Buttons vs text links

Postby RonnieSan » Tue Feb 10, 2009 6:49 pm

If you're talking about form buttons, I usually expect it to perform some kind of action like submitting a form. Other links that resemble buttons should have the right nomenclature to explain what will happen when clicked.

Text links should also explain what will happen when clicked. i.e. "Learn More About Our Products" as opposed to "Click Here."

Of course, text links have been SEO value.
RonnieSan
www.ronniesan.com

Romans 8:28
User avatar
RonnieSan
Smashing <frame>
 
Posts: 13
Joined: Mon Feb 09, 2009 7:29 pm
Location: San Diego, CA
   

   

Re: Buttons vs text links

Postby Peter Caddy » Tue Feb 10, 2009 8:07 pm

Neither text links nor buttons carry an inherent implication of internal or external linking - it depends on the context and wording of the link/button.
User avatar
Peter Caddy
Smashing <frame>
 
Posts: 11
Joined: Mon Feb 09, 2009 7:23 pm
Location: Melbourne, Australia
   

   

Re: Buttons vs text links

Postby Pawel Debik » Wed Feb 11, 2009 7:19 am

Based on context then, it should probably be avoided to assign the function of linking to a new site to the partnersite button, if all the others are for local navigation.

example2.gif
example2.gif (3.22 KiB) Viewed 379 times


Or to put a text link where a button is expected:

example1.gif
example1.gif (1.44 KiB) Viewed 378 times
Pawel Debik
Smashing <frame>
 
Posts: 10
Joined: Tue Feb 10, 2009 6:26 am
   

   

Re: Buttons vs text links

Postby dlseverns » Wed Feb 11, 2009 3:29 pm

I'd say that from a very simplistic point of view, the average user doesn't care if it's a link or a button. Typically, you would want to place a button for something you want the users attention and a link for something less important. Let's say you want them to take part in a survey, to continue to the survey, use a button. to cancel or opt out, use a link.

Your example for the radio buttons above is almost there. You should always provide a "Submit" and a "Cancel". making the element you want them to click more prominent with a button and the cancel as a link would increase your chances of getting the form submitted.
Daniel
User avatar
dlseverns
 
Posts: 5
Joined: Wed Feb 11, 2009 1:20 pm
Location: Columbus, GA, United States
   

   

Re: Buttons vs text links

Postby Piry » Fri Feb 13, 2009 8:45 pm

Buttons don't have to change the page upon submitting the form. You can submit it and get the result using ajax.

As a user, I don't really care if that's a button or a link, at long as it looks like something i have to push (you can style the links to look like buttons) to perform an action.

As a coder, I like to keep buttons for form related stuff and links for everything else.

It's really a matter of personal choice here, but I guess most people like the stuff they're used to, buttons for forms and links for navigation.
User avatar
Piry
Smashing <div>
 
Posts: 123
Joined: Fri Feb 13, 2009 8:30 pm
Location: Bucharest, Romania
   

   

Re: Buttons vs text links

Postby correia » Sun Feb 15, 2009 1:49 pm

I agree with most of the comments above, the button should perform a "action" but isn't absolutely necessary to do it, it can also be linking, What i think is you need to keep a "structure" on your site, keep the same kind of actions associated to the same kind of linking.
About the "new window" i don't agree in sending a visitor to a new window without being the user to choose it...

Cheers.
Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.
Dynmatic: http://www.dynmatic.com
User avatar
correia
Smashing <frame>
 
Posts: 12
Joined: Mon Feb 09, 2009 8:54 pm
Location: Oporto, Portugal
   

   

Re: Buttons vs text links

Postby soumali » Tue Sep 15, 2009 6:20 am

button is used in html is of 2 types 1.button used in forms,they are of the form<input type="submit"> 2.<button> tag.The functionality is same. But the <button> tag has better rendering possibilities. As various browsers render the page elements in different styles, the usage of <button> tag gives an edge over input type is you want to make them look better and consistent over many browsers. You can also employ images in button tags.
however text links refer to the href attribute defines reference that the link refers to. Basically this is where the user will be taken if they wish to click this link.Use the <a></a> tags to define the start and ending of an anchor. Decide what type of href attribute you need and place this attribute into the opening tag. The text you place between the opening and closing tags will be shown as the link on a page.

Hypertext references can be Internal, Local, or Global.
•Internal - Links to anchors on the current page
•Local - Links to other pages within your domain
•Global - Links to other domains outside of your site





Web Site Promotions
soumali
 
Posts: 1
Joined: Tue Sep 15, 2009 6:06 am
   

   

Re: Buttons vs text links

Postby Andy » Tue Sep 15, 2009 8:46 am

soumali, do yourself a favour and check the latest post date before submitting a comment. Nobody's interested in a thread that has been dead for 7 months.
Andy
Smashing <h5>
 
Posts: 1023
Joined: Tue Sep 30, 2008 6:42 pm
Location: Sweden
   


Return to Usability



Who is online

Users browsing this forum: No registered users and 1 guest