Please enable JavaScript.

Coggle requires JavaScript to display documents.

FA2 Web App Game - Coggle Diagram

- - - - Home button
      - Logout dropdown
      - Navigation Bar
        
        LOGOUT
        
        HOME
      - Every UI has considered that there must be opportunity to go both BACKWARDS or FORWARDS in journey - hence home button on every page
    - - Python code
      - Forms/buttons in html
      - Links
    - - Many elements will be similar or repeated for efficiency and simplicity when programming and designing
    - - Login
      - Register
      - Questions
        
        Display from list
        
        Allow input for answer
        
        Scoring
        
        Incorrect
        
        Highscore
        
        Score
        
        Attack damage
        
        Timer
        
        Opponent 'life' system
        
        Randomise opponent image
      - Choose gamemode
  - - - Saving data for register, after each game for highscore
        
        Save in LIST
        
        player name
        
        highscore
        
        score
        
        incorrect answers
- - - - Bright colours
      - Not over-stimulating
        
        Relatively simple
    - - CARP
        
        CONTRAST
        
        ALIGNMENT
        
        REPITITION
        
        PROXIMITY
      - Colour
      - Text
        
        Font styling
        
        Size
        
        Colour
        
        Backgrounds
        
        Changing eg. when hovered over?
  - - - Minimise data breaches
      - User data is private
        
        Children's full names are NOT used
        
        Passwords = password text type
      - Security
        
        Game is NOT online or multiplayer
    - - Images are owned or loyalty free or public domain or referenced (permission from owner not necessarily needed)
    - - Decided by client - usually involve a Privacy Policy
  - - - Register/Own domain name
      - Hosting website online
      - Tech Admin
      - Tech Support team
  - - - St Anthony's
      - Mount Alvernia
      - Padua
    - - Python knowledge
      - Browser
      - Python/Flask
- - - - iPad
      - Computer
      - Accessible to all
      - Automatically shift elements to fit different devices
      - Mobile
    - - Possibly minimal
        
        Design must have high learnability with simplistic, repetitive and memorable layout.
        
        Recognising symbols, typing
        
        Adjustment for screen type/size
    - - Basic/Moderate
      - see 'AESTHETICS'
  - - - Usability Principles
        
        EFFECTIVENESS
        
        UTILITY
        
        SAFETY
        
        LEARNABILITY
        
        ACCESSABILITY
      - Visual display limited by CSS skills, possibility of over- or under-stimulation
      - User Interaction Options
        
        Dynamic without being 'over the top'
        
        Buttons
        
        Forms