I have a list of countries where the user can select one by toggling a radio button. Each country has a unique cost in the local currency which the user needs to be aware of.

What is the best way to display this information?

  • Consider information clutter and readability
  • Mobile usage
  • Long list of countries
  • General usability issues

Possible option below. Cost displays when checked within same row highlight as country.


download bmml source – Wireframes created with Balsamiq Mockups

  • 1
    Could you provide more details? Would the cost affect any decision making (as for what city to choose), or the user selects first and then need to be informed of some price?
    – Izhaki
    Jun 29, 2015 at 10:55
  • @Izhaki Sure. The cost should not influence any decision. However, the user should be aware that the consequence of their decision will result in being charged the shown cost.
    – JustinRob
    Jun 29, 2015 at 12:24

1 Answer 1


I would use a different bolding (as you did) but posting the information below the city to make it stand out from the heading city. Like this:


download bmml source – Wireframes created with Balsamiq Mockups

It would also be rendered better on mobile devices since the columns doesn't have to be that wide as in your suggestion.

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.