Mobile app version of vmapp.org
Login or Join
Hamm6457569

: How to make a UI element look clickable? I have created a button that has multiple options and when a user toggles between these options, the video on that screen changes - See image and

@Hamm6457569

Posted in: #Button #HowTo #InterfaceDesign #PageLayout #UserExperience

I have created a button that has multiple options and when a user toggles between these options, the video on that screen changes - See image and animated gif below.





In some instances there is more than one button, when having multiple buttons the combination of the different options switches the video to one that correlates with these options.
We have styled these buttons to have a slight gradient to make it look more clickable to users. I have also added a chevron and the dots on the right hand side that change colour when a certain option is 'active' to make this element look more obvious.

I think this UI element works well on a range of different devices, mobile, desktop etc. However, this UI element isn't recognised as clickable by some users.

Do you have any suggestions that can make this UI element look more obvious to these users?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Hamm6457569

3 Comments

Sorted by latest first Latest Oldest Best

 

@Nickens508

The chevron is in a really weird place right now. I'd put it under the icon in one state and above the icon in the other, or above and below if there are more than two states.

First state: chevron is below to indicate more options downwards



Second state: chevron above and below to indicate more options upwards and downwards



Third state: chevron is above to indicate more options upwards

10% popularity Vote Up Vote Down


 

@Steve758

Why don't use up & down arrows?

10% popularity Vote Up Vote Down


 

@Chiappetta793

My suggestion is- color. Gray tends to be perceived as a static part of the ui. Try changing colors. Also, I'm not sure the dots on the right do anything. They'd just confuse me as to what they mean.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme