Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I mean take a look at the http://ux.stackexchange.com homepage. There is a yellowish link "Ask Question" =: missing the, big Letters like in headings etc.

However, there is also a link like "read the faq »" etc.

Technically they are both <a> tags, not a <button> or a <input> tags etc. See the source code yourself.

So. when it is a button and when it is just a link?

Is there a border line from where it is button e.g. border around the link, different background etc.?

I am just curious what is the ux difference between the link and the button.

share|improve this question

1 Answer 1

up vote 8 down vote accepted

A user typically calls an element a button if it looks like a button. On this site, "Ask Question" is a button, but the "Questions", "Tags", "Users", etc. next to it are links. Users don't care if it's an <a> tag or a <button> tag, they only care if it looks pushable. As far as what graphically indicates a button, it can be as little as a border around some text (i.e. Windows 8 UI), or it can be a gradient background with shadowing - as long as it appears as a block that's slightly raised from the background.

Functionality-wise, the line between buttons and links has blurred lately. It used to be that buttons would always perform a task, and links would always take you somewhere else, but that's not necessarily true anymore. I think the main differentiation now is that a button always is a verb - even if it takes you to another page to perform that action. (i.e. "Ask Question") Links are typically (but not always) labels describing where you'll go if you click on it.

Sometimes links are used as buttons, though, where they have the appearance of a link (colored and/or underlined text), but have a verb label that performs an action on the page. The main purpose there is to de-emphasize the action which would potentially be too visually prominent as a button.

share|improve this answer
    
If it swims like a duck, it it looks like a duck... Then it is a duck. +1 –  Robert Koritnik Sep 8 '12 at 14:22

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.