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.

Is it acceptable to use full width mobile action buttons, say in the footer, like in the 1st example? It's nice and simple but I'm afraid users might mistake it for a regular footer. The 2nd example might better signal that it's a button but has a lot of dead space.

enter image description here

share|improve this question
add comment

2 Answers

up vote 3 down vote accepted

If you are designing for Android, a full width button similar to the first is okay if you are using a borderless button theme, but if not, it would need to be more like the second. Take a look at the Button design guidelines.

If you are talking about iOS, then it would need to be a button more like the second.

However, neither of them are fantastic as they stand. If you design for Android, you need to make it look more like an android button, and the same goes for iOS. Neither of those two options look much like an Android or iOS button.

Android buttons:
enter image description here

iOS button example:
enter image description here

share|improve this answer
add comment

You need a visual relief around the button to be seen as a button. If you make it full-width then I wouldn't see the button anymore and I would rather take "text" is a hyperlink or substitute of a button but on Mobile Apps, we expect buttons to be action triggers instead of text.

Conclusion: don't use full-width and let your buttons be seen and taken as buttons.

share|improve this answer
add comment

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.