3

I'm wondering, On Mobile, when pressing a button (before releasing the finger), should the button grow or shrink? After the user lift his finger, the button returns to normal state.

Illustration:

enter image description here

  • 1
    This question is asking about a common human-computer interaction method and affordances. This seems answerable and on topic. Though the answer may be "there is no standard," that is still a valid answer. For further discussion, I have posed a question about these situations on Meta already. – maxathousand Jan 22 '18 at 16:37
7

TL;DL: Both methods can work. Shrinking is more logical but has less visibility because of the user's finger. Growing is not corresponding to expectations of real life but the interaction is better visible.


Instinctically, I would always prefer a button to shrink, as you are pressing it down and that corresponds to the perception of the real world.
The only problem that can arise with this is that the finger then covers the button and the user can not see what happens to it anymore. So the growing method has the advantage of better visibility.

The Google Material Design Guidelines mention elevation and how it helps the user understand the order of the UI elements.
They have one section that talks about raised buttons and these should go up when pressed. There is an interesting discussion about this here:
Material design - buttons raise, not depress
I personally do not agree with that decision as it comes off as totally counter-intuitive.

Here is another question that might be related to yours:
Make people understand they can click on a button in a flat design


In the end, you can probably pull off both methods as long as you design them appealing and understandable enough.

4

Always prefer Shrink because by shrinking button, we are showing user that it is pressed. so for showing pressed effect, we should shrink button, it's a good practice and It's good for Ux.

For more information, you can check this link.

  • Hey, thank you for replying. Can you please provide resources or anything standing with this statement? Thank you! – Roi Mulia Jan 20 '18 at 11:18
  • @RoiMulia I have updated my answer. – Mr_Error Jan 20 '18 at 11:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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