Creating a web app

Creating a web app

1. Existing Solutions

   • Buzzfeed
     • Pros
       • Lot more variety for quiz options
       • Lot more well-known
       • Professional website
     • Cons
       • Repetitive quiz concepts
       • Old
       • Basic/repetitive formatting with no changes throughout gameplay
   • 16 Personalities
     • Pros
       • Very professional
       • Studies to back up results
       • Very accurate
       • Very well-known
     • Cons
       • Repetitive formatting
       • Similar questions throughout
       • Only one test
       • Not really engaging
       • Not a good alternative for social media

2. Pros/Cons

   • Pros
     • Engaging
     • Interactive
     • Changing formats
     • Non-repetitive questions
   • Cons
     • Only one quiz
     • Not a professional website
     • Occasional website errors
     • Not a long-term replacement for social-media

3. Website name & Context

   • Name: What Gaming Genre are You?
   • Context: This website is based off of personality quizzes, which ask you certain questions that can help determine your personality. This quiz aims to figure what Gaming Genre you would be by answering 15 questions.

4. Aesthetics

   • Images
   • Background images
   • Fonts
   • Font sizes
   • Interactive buttons

5. User experience

   • Use a navigation bar for easier usage
   • Use grid layout for more visually appealing and easier to use website
   • Larger buttons for mobile/different website sizes
   • Re-scaling images, text, background and navigation bar for responsive usage for different sized devices
   • Once play button is pressed, the user is brought to the gameplay section
   • To play the quiz, there will be 4 options to choose from based off of the question. The user will choose the most relatable option, and after 15 question, the website will determine what gaming genre the user is

6. Success Criteria

   • Website must be a working prototype using HTML and CSS
   • Website must be responsive
   • Website must be accessible

7. Website Features

   • Navigation Bar with buttons to different webpages
   • Multiple webpages such as Contacts, Instructions, About, Homepage, Play and Results
   • Website calculates the result of the quiz by adding up the options picked and their associating game genre
   • There are 4 results/game genre options being Romance, FPS, RPG and Horror games.
   • Each webpage give information about the website
   • Different sized fonts for easier reading
   • Each result has its own background, images, text fonts, and descriptions
   • Website uses Javascript to be able to determine which gaming genre the user is
   • The website scales down or up based on the device's demensions
   • Differently coloured buttons for visual aesthetics
   • Button/option lights up when selected
   • Images and background for professionalism
   • Buttons spaced out and gridded for better visual and easier accessibility

8. Self-Determined Criteria

   • Website must utilise Javascript to make the website properly function