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.

When designing for mobile, should one prefer buttons over text links whenever possible?

I'm guessing buttons are better at encouraging tapping, whereas text links are increasingly becoming associated with static content?

share|improve this question
1  
Related: ux.stackexchange.com/questions/5493/… –  kontur Jan 29 '13 at 7:21

4 Answers 4

From Fitt's law, a button is better than a text link, because a button is bigger than a link, so a user use short time to click it. Moreover, it is hard to select small area on a touch screen, because a tip of a finger uses wide area, so the system can identify which area a user would like to touch.


From my answer, I assumed that a button is bigger than a text link. However, if a text link is as big as a button, a text link and a button are similar. Thank Mohit for pointing out my error.

share|improve this answer
1  
But text can also be a "button"!! :) And moreover, size of the text-button is not a problem if the whole interface is basically typography based and there are sufficiently big hit areas defined for the text-buttons! :) –  Mohit Jan 28 '13 at 10:06
    
Agree, it depends on a size of hit areas. A link can be as big as a button. A good example is this website tool bar menu which has links for Questions, Tags, Users, Badge, and so on. –  Lookchin Jan 29 '13 at 2:12

Not just buttons, buttons having appropriate hit area should be designed for mobile due to the touch aspect involved. User interface guidelines defined for all the major Mobile platforms always come in handy for this purpose.

Coming to the crux of the question, text can very well be used as "buttons" provided it is

  • well readable,
  • differentiated from other text buttons,
  • has appropriate touch-enabled hit area and
  • doesn't clog up the interface with all text buttons and make a mess of it.

Informed use of different colors is highly recommended for differentiation aspect of the interface. Use of too many different font-sizes is highly looked down upon as it ruins the usability aspect.

Since Windows Phone is a brilliant example of well informed and designed typography, you might want to read upon its User Experience Design Guidelines here:
http://msdn.microsoft.com/en-us/library/windowsphone/design/hh202915(v=vs.92).aspx

share|improve this answer

The difference between links and buttons has been getting blurred for a while now, many nav items are technically links but look more like buttons.

On a touch screen buttons (or button-like links) are easier to press than links, and that behooves us to make commonly accessed clickables to be buttons or button-like.

share|improve this answer

I don't have any theoretical background on this, but from the experience of doing mobile app design from past 3-4 years I can tell share that

  • For a form

I would use a 'center' aligned button to indicate user the main action of the page. Button background color needs to have contrast in comparison to rest of the page's color scheme.

  • For a list item

I would put a chevron icon image at the right end of the list item to indicate that there is an action on this.

  • For tab item

If the number of tab items are 2-3, then I would use text button. Else, I would go with an Icon based button

  • For inline text link (like wikipedia links)

Color of the text will be blue (to indicate link), with an underline.

share|improve this answer

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.