How do I add a hover highlight feature for buttons on touch screen device?

[Cristina Zanetti]

I'm currently prototyping an app, and I have previously used Hover States when prototyping websites so when a button is hovered over it changes colour/becomes duller before clicking on it. After a lot of experimenting and Googling I can't figure out a way to add this same feature for a touch screen device, seeing how you can't really hover over them. Basically what I am trying to achieve is for a button to change colour right as you tap it, before releasing it, and then after you release it will take you to another page, have an overlay feature etc. Thanks in advanced!

[Rishabh_Tiwari · Accepted solution]

Hi Cristina,

Thanks for reaching out. As you mentioned we don't have an option to hover on a touch screen device. As a workaround, the only thing I can think of is a time trigger to achieve a similar effect. I understand this might not be feasible in all situations. You can achieve this by creating two artboards and using a time trigger between the first artboard(With default button state) and then on the 2nd artboard(including the default state for tap and the new state).

Feel free to reach out if you have any other questions or issues.

Regards

Rishabh