What is the best way to show Quiz result for a specific question?

Question

One way is to show the users response and the correct answer as two columns. In this case, in the 'response' column, all options are shown and the selected response is highlighted, whereas the others disabled. An 'X' indication shows whether the answer was right or wrong.

Another way is to show all the options listed, with the selected option highlighted. And finally, show an icon for the right answer. The main concern, in this case, is that we are not showing whether the user's result is right or wrong.

P.S: I have a colour constraint with the texts.Text can't be coloured green/red. But there can be coloured icons or Text shading (black/grey/white).

I think that option 1 is better than 2 ( as 2 has some shortcomings). Please mention if a better way is possible to show the details. i.e:-

Garik · Accepted Answer · 2017-12-13 14:10:35Z

3

Use radio buttons to indicate the choice, use strikethrough to indicate the wrong answers.

answered Dec 13, 2017 at 14:10

Garik

1,9942 gold badges9 silver badges15 bronze badges

Add a comment |

Saadia · Accepted Answer · 2017-12-13 11:58:19Z

2

Second approach looks simpler to me with a little change. See attached image which provides more clarification.

See a sample image from Interaction Design Foundation Quizzes (https://www.interaction-design.org). The way they are showing correct and incorrect answers is really user-friendly.

answered Dec 13, 2017 at 11:58

Saadia

963 bronze badges

I have a color constraint with the texts. The problem is that text can't be colored green/red. It affects the readability of my application. But there can be coloured icons or Text shading (black/grey/white).
– Kishan
Dec 13, 2017 at 12:08

Add a comment |

2 Answers 2