I'm working on the onboarding steps a user has to go through to access a service. I cannot say much about that service. Let's say that it gives them access to some kind of high-end customised services.
It's a responsive website so it will be used both on a mobile and desktop.
After choosing a number of options, we ask the user for a home address and a phone number. Both are compulsory.
For the phone number, they have to pick a country prefix (+44...) which is pre-filled based on location. Then there is a field for the actual number.
My client now wants us to ask whether it's a mobile or a landline and if it's a personal or professional phone.
We really just need 1 number but because of the back office in place, they need to have that level of detail. Otherwise they don't know in what field to store that number.
What is the best way to collect that info according to you?
- Is it a single drop-down menu with 4 options (Personal mobile, personal landline, professional mobile, professional landline)
- Is it to have 2 separate drop-downs?
- Or 2 sets of radio buttons?
I really cannot think of an elegant solution
Thanks in advance