Taking a test can be stressful. And not knowing whether your answer is saved correctly can increase your stress levels even more. Within the platform, we have taken several measures to make the status of your answer submissions clear. These measures are explained in the following three groups below:
the button states
the confirmation modal
the error message
The button states
The submit buttons can be in three to four different states, depending on whether you are answering a multiple-choice (MC) or an open answer question. These states are:
black outline: there is no answer given
yellow outline, without spinner: the answer has been changed, but not yet saved
yellow outline, with spinner: the answer is currently being saved
blue outline: the answer has been saved successfully
Note that clicking on a button for an MC question immediately saves the answer, thus the second state is not applicable for MC questions. Take a look at the next two sections for screenshots of each state.
Multiple Choice Questions
Let's first look at the three states for a MC question. If you open an unanswered question all answers are shown in black:
If you click an answer, (in this example, 'False') the answer is saved and when the save is complete the button gets a blue outline:
The blue outline means that the answer has been saved on the backend.
While saving the answer, the button displays a yellow outline and shows a spinner. As an example, if we change our answer to 'True' we see this state:
The yellow line and spinner indicate that the new answer is being saved. When the save is completed successfully, the new answer is outlined in blue:
Open questions
Similar to MC questions, an open question without an answer given has a black border:
As soon as you start typing an answer, the button is outlined in yellow and a warning text in red appears below to indicate that the answer field contains a changed answer:
If you press the 'Save Answer' button the platform will save the answer, indicated by a spinner in the button:
When this process is completed successfully, the button will change to the following state:
The blue outline and the 'Answer Saved' message indicate that the answer has been saved successfully.
If you change the answer again, the button returns to the yellow state with the warning text below it in red, indicating a change:
Which again can be saved:
After which the button returns to the success state:
The confirmation modal
If you did not save an answer, or did not re-save an updated answer and try to navigate to a different page the platform asks you to confirm:
If you are sure you do not want to save the changes you can press the red button, which transfers you to the desired new page. Clicking the green button keeps you on the current page and allows you to save the changes you made.
The error modal
When the platform encounters a problem in saving your answer the platform informs you that the answer has not been saved by showing you the following error:
If you see this multiple times, please contact support through the chat button in the lower right of your screen.