I'm working on an old iOS app which requires updating. This app requires users to make selections from various screens. For example, the user needs to make two choices on the main screen before proceeding. In all cases the choice is made by tapping a button to choose their selection. By default (upon launch), the first choice looks like this:
At present, when the user selects a topic, the app changes how the other buttons appear by halving their alpha values. See below for example:
My concern with this approach is that it isn't obvious to the user they can still change their selection by choosing another topic (i.e. tapping another button), because to me the other buttons now have a 'greyed out non-selectable' look to them. This concerns me as whatever approach is taken will be adopted throughout the app, so the issue will be repeated.
However, others argue that my concern isn't valid because users will quickly discover they can change their selections and will know that's how the app works.
Now, assuming my concern is valid, I see two ways of addressing this:
- change the text colour of the selected button, for example from white to yellow and leaving the alpha values of all buttons unchanged, so that all buttons still appear identical except for the text colour of the chosen button, or
- change the alpha value of only the selected button, rather than all of the unselected buttons, so that it's the one that has the 'greyed out non-selectable' look to it
In summary, my question is:
- How valid is my concern?
- Assuming it is valid, what would be the preferred option to address is it?
Please don't feel limited to my two solutions - happy to consider others as well.