Please enable JavaScript.
Coggle requires JavaScript to display documents.
Game Store - Coggle Diagram
Game Store
Login Information
Password
The password of the login must be a minimum of 8 characters long, to increase security, and doesn't have to be unique. This is because as long as the username is unique, the password doesn't matter.
Payment Information
This is the credit card info/ PayPal, etc. that the user enters into the system to be attached to their login information. This information is stored in the database and referenced when the user goes to pay for something while logged in, or goes to change their payment information in some way. The user can choose to have the system remember their payment information, or enter it manually each time.
Username
The username of the login must be unique. This is so that users don't accidentally use each others accounts. To enforce this, if a username is already present in the database when it is typed into the 'Create Username' box in the registration page, a message will pop up telling the user that they must choose a different username, as that one is already taken.
Registration
If the user doesn't already have an account on the website, or wishes to create a new one, they may register a new account by selecting a unique username that isn't already in the database, and a password that is longer than 8 characters. After this, the next time they go to pay for a product, they will be asked to enter their payment information. They can then choose to have the system remember their payment information or not.
Product Information
Price
The price of the product will be displayed clearly and concisely in order to make the purchasing process easier for the user, and to make the webpage more accessible and promote ease of access.
Product Name
The product's name will be displayed clearly above the product image so that the user can tell what game they are looking at.
Product Image
The product image displays the cover of the game, to allow for easy identification both online and in store. It also allows for a general idea of what kind of game it is to be drawn by the user.
Alt text
The alt text of the image will provide a basic description of what is shown so that users that use a text based browser can still know what is being shown
Website Layout
Navigation
The website should have a navigation bar of some sort, or some other form of navigation to move from one section to another in as little effort as possible. This navigation should also be well contrasted and visible, so that the user can always find a way to get to the page they want to go to.
Store
The store layout should be a simple, easy to follow grid that utilises simple shapes to clearly present to the user all the vital information about each product, including price, name and cover image.
Aesthetic
The aesthetic for the store could be a retro arcade theme, utilising 80's colour schemes and art styles, and referencing popular arcade games of the time such as Galaga and Donkey Kong. Doing this would provide a unique, memorable user experience that is recognisable and fun.
Accessibility
Alt text
Alt text is a text that displays in place of images on text based browsers. It is used so that people who are blind or hard of vision and rely upon text-to-speech translators can still understand what is going on in a webpage. As such, using alt text increases the accessibility of the webpage and store.
Dynamic Website
Utilising a dynamic website will allow people with smaller screens or those on mobile devices to better see what is going on in the webpage, as it regulates the size and layout of the page to better fit the screen. This makes the webpage more accessible.