result screen:

Elements

ID

Title

Show?

Action

Changes

Tickets

1

image
always/should be centered

maximum height

2

zoomalwaysclicking on the + icon causes the image to take up the entire page width//

3

question

always///

4

answer options

alwaysclicking on an option selects itwhen the user selects an answer the selected bar turn blue. It should turn light grey as on hover instead.

5

check button

before showing resultsclicking on the button checks if the correct answer was selected//

6

pagination

when there's more than one questionflips forward/backward in the quiz/

7

overview

alwaysclicking on one button directs the user to the corresponding question//

8

iconafter the user pressed the check button///

9

correct answer textafter pressing the check button///

10

finish buttononce every question has been answered (not checked)finishes quiz, directs user to the finish screen//

11

result textalways///

12

show results buttonat the end of the quizclicking on the button directs user back to the quiz, checking if the correct answer was selected//

13

repeat buttonat the end of the quizresets the game//

Other Changes

Figma

none