Navigation between questions (+ some functionalities)

[LanderMuruaga]

Some issues to solve on course navigation functionalities.
Need to solve interaction and design.

Message visualization (into question)

• Show hint should be displayed and highlighted over the button to make it visible and obvious.

• Show explanation should be displayed over the button to make it visible (in between the answers and the action)

• Check the possibility of adding the right/wrong hint in place (into the question answer itself).

Interaction design (with buttons and between questions)
Submit + Next question interaction needs to be easy and obvious. Solve it.

• Submit or Check answer?

• Interaction between buttons (active/inactive)

• Driving users to NEXT question easily.

More on issue #76

[LanderMuruaga]

Just testing some options...

[LanderMuruaga]

TO CHECK:
When user checks the explanation on a question, button should be another color than green. Probably yellow following the previous pattern we created (You failed, Try again).

TO UNDERSTAND FEASIBILITY:
Another friction point could be the answer itself when user fails a question. Making checkboxes/radio-buttons inactive will help to avoid frustration of responding back, but this is quite secondary.

[svarlamov]

@LanderMuruaga some answers

TO CHECK:
When user checks the explanation on a question, button should be another color than green. Probably yellow following the previous pattern we created (You failed, Try again).

I'm not sure I see the rationale for this... The way that's it's currently implemented clearly highlights the "Next" action as the next thing to do and making it red if you get the question wrong on the card isn't really nice IMHO...

TO UNDERSTAND FEASIBILITY:
Another friction point could be the answer itself when user fails a question. Making checkboxes/radio-buttons inactive will help to avoid frustration of responding back, but this is quite secondary.

Will do

Also, can you clarify your statements about the show/hide hint button? I don't see anything new in the screenshots you posted...

[LanderMuruaga]

@svarlamov

I'm not sure I see the rationale for this... The way that's it's currently implemented clearly highlights the "Next" action as the next thing to do and making it red if you get the question wrong on the card isn't really nice IMHO..

You are right. Red should not be the color. It means wrong, and users get blocked with this.
My concern is that the green button says "You did it right" and allows you to go to next question, but in this case you didn't it right, so user needs to understand it to avoid future frustrations.

Showing the answers inactive is one point to show that, but to make it right on our side, the button should transmit this feeling also. Probably blue is enough neutral regarding the usage we are giving to it. We can talk about it.