I am designing a section where a user configures account details and profile preferences, including adding and editing phone numbers.
Within the phone number section, the user must also allocate one number, or no numbers to be eligible to receive SMS messaging.
The original design here was much simpler when we were requiring the user to select one phone number. However, the requirements changed to allow "none", and I cannot think of an elegant way to balance both this selection, as well as the "Add Phone" function. I've tried several ways and have moved the section elements around quite a bit from the original, and along the way have lost my way. LOL
The obvious solution is to add a radio with a "None" option, as I have shown in my example. However, I feel that it adds clutter and throws off the hierarchy of the ability to add additional numbers.
I've also considered changing to checkboxes, but disabling the others once one is checked. I don't love the idea of trying to make checkboxes act like radios.
I've been dwelling on this too long. Would love fresh eyes and brain cells to take a look!