0% found this document useful (0 votes)
1 views1 page

Quiz Landing Screen

Download as docx, pdf, or txt
Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1/ 1

1.

Quiz Landing Screen


1. Display Cross Icon (Top right Aligned)
1. On click, popup should get close and user navigate back to Quiz Gallery Landing Page
2. Display Background Image
1. Display Title and Short Description
3. Footer
1. Display MI5 Logo (Left Aligned)
2. Display “CHECK NOW” button CTA
1. On click, user navigates to Quiz Intro screen
4. Note: This screen template should remain the same until the quiz is completed and closed. Only
contents and buttons CTA should change according to screens.
2. Quiz Intro Screen
1. Display Title
2. Display “PLAY” icon and button CTA
1. On click on any link, user should navigate to Quiz Play Screen
3. Quiz Play Screen
1. Stage 1:
1. User should see a video playing automatically
1. Pause Icon - Option to pause video
2. Play Icon - Option to play video
2. User should see few video related questions and user must select right answers
2. Stage 2:
1. Display Title
2. Display “PLAY” icon and button CTA
1. On click on any link, user should navigate to Stage 2
3. User should see multiple images displayed automatically in a
4.
3. Once video is played completely, user should see related questions
4. Users should see multiple videos and related questions should be asked from the user.
5. Once user complete all, they should see a “Submit” button
1. On click, results should be displayed to the user.

4. Results Screen
1. User should see “RESULTS: YOU SCORED “XX” OUT of “YY”
1. XX means user’s score
2. YY means total achievable score
2. User should also see some “Feedback Text” (This should be managed from Admin)
3. Display “Play Again” button
1. On click, user navigates back to “Quiz Introduction Screen”

Game Logic: (These logics re mentioned in OLD FRS however, they are not matching with the current
implementation)
1. The quiz should have 6 scenarios
2. Each scenario should have a rating on a scale of 1(low) to 5(high) which gives the possibility of the results
being between 6 and 30.
3. There should be 3 possible results based on the score obtained:
1. Result 1 - Not suitable
1. Score Range: 6-12
2. Text Displayed: “Thank you for taking part in this quiz
3. Call to Action: Navigate back to landing/home careers page
2. Result 2 - May be suitable
1. Score Range: 13-18
2. Text Displayed: “Why don’t you have a look at our careers?”
3. Call to Action: Navigate to “Working at TA” page
3. Result 3 - Suitable
1. Score Range: 19-30
2. Text Displayed: You are ready. Find out what roles would be suitable.”
Call to Action: Navigate to “Opportunities” page

You might also like