I'm working on a web that there is a requirement to create a field that the user must select one option from two given.
For aesthetic reasons and consistency, we are using a couple of boxes that the user selects one option.
Even though I refer UX StackExchange a lot and admire all the wisdom, I'm doubting this design a little bit.
The entire UI has to be re-colorble (end users can change the colors of background, text, etc), so I can't use colors as a strong indicator to indicate which option is selected.
- By default, there will be no option selected.
- Default status of the option is the one in white background (in this design, but it can be different. Similar to option 2 above)
- When you hover an option, that option gets the grey color (similar to Option 1 above)
- When the user clicks an option, the black dot appears. It's currently black, but it will be the same color as the main text in the box.
Since there are only two options, it is not really possible for me to convey which color represents what.
I would be really grateful if you could shed me some lights to these questions:
- Looking at the UI in the question above, do you think it conveys that the Option 1 is currently selected?
- Any other suggestions are cordially welcome.