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

New Here ,
Sep 28, 2020

Copy link to clipboard

Copied

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!

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

TOPICS
How to, Missing feature, Prototyping

Views

41

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Sep 28, 2020

Copy link to clipboard

Copied

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!

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

TOPICS
How to, Missing feature, Prototyping

Views

42

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 28, 2020 0
Adobe Employee ,
Sep 28, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 28, 2020 1