User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Please advise which of the following approaches is more usable:

  1. Switching images, all captions are visible: enter image description here

  2. All images and captions are visible: enter image description here

  3. Swithing captions, all images are visible: enter image description here

share|improve this question

The important question about which option is best for your users is "What information do they need in order to choose?"

  1. Users will choose which item based on the text description.
  2. Both the text and image are equally important to the choice.
  3. The image is important, but the caption is not.

For example, if the image is a supporing icon to the text, you would pick option 1. If it's a 'choose your favorite picture', you'd pick option 3. And a political cartoon with a text punchline would use option 2, since both parts are critical.

share|improve this answer

Based on your mockups, I would say that the third is the most usable. The user shouldn't have to worry about which radio button goes with which image. Simply letting them click the image they like best.

share|improve this answer

I would definitely go with the third option. It is the most intuitive and it flows much better than the second one (we read right to left). The problem with the first one is that it will rely on the users memory to make the best choice and they will have to scroll through them a few times to make the choice they want to.

share|improve this answer

If the choice is amongst the three go for 3rd option (assuming image click is workable in your case). It would be fancy way for a user to choose image (answer) rather then old fashioned radio button. you will also save some good space and explanation.

You can also put the description in image title (but, not a good approach to show data in this way , though) for telling user what that image is for.

share|improve this answer

I think without real images or context, it is difficult to say what is the best approach. When the images you show are all alike, the text is some generic description, and no background of scope, don't expect people to give the best answer to you.

I've had real life situations where radio buttons with only text and no images worked better; on other situations I had push like radio buttons (like the 4 Text Alignment Buttons of the MS Word toolbar) with a text tooltip making the best UI.

As Steve Krug says: "It depends!"

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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