View Completed Quiz
Students need to be able to view completed quizzes. We also need to improve the UI when the student first completes the quiz.
User Story: As a student, I want to view a quiz I completed, so I can learn more about what I got wrong.
Acceptance Criteria:
Given I am a student who has just completed a quiz, I will see the new review quiz screen.
Given I am a student who has previously completed a quiz, when I click view for a completed/submitted quiz from either the Completed this Month or Activities tab, I should see my completed quiz.
Given I am a student who is viewing a previously completed quiz, I should see my quiz score on the view completed activity screen.
Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=6201%3A57966
Animation: https://www.chrishamrick.com/wp-content/uploads/Good-Try.gif
New Review Quiz Screen
UI
When the student first completes a quiz, they will see a new screen prompting them to review their answers
The student will see Good job! You got all the answers correct! if they answered all questions correctly.
If they missed one or more they will see : Good Try! You got 1 answer correct.
This screen will tell the student how many questions were correct
When the student clicks the arrow, they will be taken to the first quiz question.
If the student did not answer the question correctly, this screen will show the correct answer and the answer the student selected.
If the student answered the question correctly, they will see a label of correct and the answer the student selected as the correct response.
The student may continue clicking through the quiz questions by using the forward and backwards arrows.
The student will click the close button to exit the quiz
Business Rules
Students may view completed quizzes, but may not make any edits.
Students will see a Good job! message if they got all the answers correct
Students will see a Good try! message if they missed one or more questions
If the student answered the question correctly, we will show a label of Correct
If the student answered the question incorrectly, we will show a label of Incorrect
View Previously Completed Quiz
UI
When the student clicks the View button for a completed quiz the Completed this Month area,
They will be taken to the view completed quiz screen.
On this screen, we will show the quiz name, score, and completed date. They will also see the number of questions they answered correctly.
The student will see Good job! You got all the answers correct! if they answered all questions correctly.
If they missed one or more they will see : Good Try! You got 1 answer correct.
When the student clicks the arrow, they will be taken to the first quiz question.
If the student did not answer the question correctly, this screen will show the correct answer and the answer the student selected.
If the student answered the question correctly, they will see a label of correct and the answer the student selected as the correct response.
The student may continue clicking through the quiz questions by using the forward and backwards arrows.
The student will click the close button to exit the quiz
Business Rules
Students may view completed quizzes, but may not make any edits.
The student will see the most recent score they received for the quiz and the most recent date the quiz was completed
Students will see a Good job! message if they got all the answers correct
Students will see a Good try! message if they missed one or more questions
If the student answered the question correctly, we will show a label of Correct
If the student answered the question incorrectly, we will show a label of Incorrect