I'm trying to understand if an approach we're taking with the following is bad UI or not.

We're a staffing application for finance and accounting professionals. In this experience, we ask a client (someone looking to hire said professional) during registration to tell us a role they're interested in hiring.

We present the client with four radio buttons. The first three each expose four unique cards that show representative titles in a given area (first image.

The fourth radio button exposes an input field that allows the client to enter their own title.

Should we present the 4th option differently? It seems odd that with three of the radio buttons we show cards and show an input field with the fourth.

It's worth noting that my company's strength is in staffing the roles covered in the first three radio buttons, so we want to visually emphasize those.

enter image description here

enter image description here

2 Answers 2


There is a way to combine a radio button with a text field. In my opinion, to make it more understandable the alternative option to choose should be Other. From there, transform the label into a text field with clarification if necessary.

enter image description here

This solution is taken from this SO answer

  • Nice! In screen 1 above, if a user were to click the "Other" radio button, would you hide the four cards? Commented Jul 27, 2023 at 17:30
  • I don't see it necessary, that depends on design choices
    – Danielillo
    Commented Jul 27, 2023 at 17:47

You could also partially maintain the same pattern. The user selects "Custom Role" radio button and you show a card with a silhouette and ask the user to enter the role there.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.