: 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
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?
More posts by @Hamm6457569
3 Comments
Sorted by latest first Latest Oldest Best
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
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.