Good button design

Questions
1

Hey guys :wave:

So this isn’t strictly Defold-related but I’m not into any other gamedev-related communities, and I figure this might be a good place for it since there’s a lot of mobile developers here.

So how do you guys design your buttons?

  • Trigger on press.
  • Trigger on release.
  • Trigger on release but cancel if stop hovering.
  • Shrink on press.
  • Enlarge on press.
  • Trigger after held for some time.

How do you treat touch controls differently than mouse?

I’m curious to see what do other people do, as well as why in each situation :slight_smile:

2

I tend to do:

  • Trigger on release but cancel if stop hovering.
  • Enlarge on press.

Enlarge on press works better on mobile, because the finger covers so much of the screen, unlike a pointer.

3 Likes
3

Definitely trigger on release and cancel when outside, but keep focus while the press is active.

By default I darken button image on press, but can animate scaling depending on the design. However the touchable zone stays the same while visual representation is being scaled. That prevents unexpected releases/cancels.

4 Likes