Please enable JavaScript.
Coggle requires JavaScript to display documents.
IA3 Portfolio - Part 2, Usability Principles - Coggle Diagram
IA3 Portfolio - Part 2
Security
Threats
SQL Injection through various API request will allow mailicous parties to gain access to as much information from the database as wanted, without being able to do so, or be able to modify the data
Being able to access the data through just using the website, even though one is not authorised. This poses a threat as it means those who should not being seeing the site can obtain private data
Similar to SQL, data corruption and insertion is a threat, as it allows users to modify the database causing irrepairable damage without having to forfeit all user data that is currently stored
Physical threats include nautral events occuring to stop the connection of the local server to the internet, or physical theft of the local server which is hosting the database, and stealing the data from the database in this fashion
Jitter and Latency also pose a large security risk, as they allow packets of information to be delayed, providing more time for data interception when this occurs, meaning that users data is at constant risk
Measures
Hashing/encrypting any information that is stored or transmitted will stop users from having a use for information that they steal, and will stop it from being dangerous if information is breached
Authentication systems can be used to ensure that only users who are given access to the site are able to use the data on it. This can be done through either a login system, or through a digital authentication system such as google digital certificates
Keeping regular backups of the database will ensure that even if data is corrupted, it will not be beyond repair, and it can be recovered from a certain backup point that is decided by the web app creator
Determining systems which allow the data to be stored externally, rather than on a local device to implement security from the servers hosting the data, and to also implement physical security through the use of external systems
Using jitter buffers can help prevent against threats that invovle jtiter and latency. It means packets of information are withheld from being sent if it notices a change in latency, therefore, the system merley buffers, rather than suspending packets
UI/UX
CARP
Proximity must be considered when creating the website, this can be considered alongisde alignment
Contrast on the UI must be considered as it is important in creating a UX that a user will want to return to. If everything is easy to read due to good contrast and pleasant on the eyes they will want to return.
It is important to keep things following a pattern, this is why repitition must be considered when creating the web app, it creates a UX that is pleasant. Repititon goes hand-in-hand with contrast
Alignment is also key in making an effective website, it means all the important information is aligned together making it accesible and the website effective at conveying its intended information
Back end
Keyword Search
The system will determine whether the keyword searched for was an email or whether it was a typical keyword. If it were an actual keyword, in all cases it will gather all the content that matches that keyword
If it were a keyword, it will gather all users that have that keyword as a listed activities, and will delete any duplicates that return in that list, and will show all this content, and user information to the user
If it were an Email being searched for then it will determine this and retrieve the name of the user who the email is associated with, and show the user the personal page of the person who the email is associated with
The system will determined if the user is logged in, to prevent unauthorised access of data
User Page
The system will deteremine the name that was searched for the user page and gather all the data that it has on that user in terms of general info such as Grade, and boarder status to display to the user interface
It will also gather all the data that it has on the specific user in terms of the activities that they like. If they don't like activities at all then it will just show the general person information on the user interface
It will also gather all the posts that the specific person has made, and will display this alongisde all their general information, as well as the activities that they enjoy, if no posts have been made it will just show these other two categories
Login/Register
When registering the user will input all required fields into the register form and this will be taken by the API and placed inside of the databaase, whilst also giving the user their own personal loginID to use for the future
When logging in the username and password inputted will be send via the API to the server interface. This will determine if the password matches with the email inputted and vice versa, if so it will allow site access
As well as allowing site access it will recognise that the user is logged in on all pages until they log off again, and give them a general user ID while they use the site, so if they make posts, it can be recognised who made the post
Front End
Coincidental Features
The navigation bar is seen on all pages of the website and is used to allow the user to transfer between pages easily without having to manually change the URL in the search bar
The colour scheme will be a feature that is seen universally on the site and will allow a user to instantly understand that this is a site for Nudgee College, as well as allowing students and old boys to comprehend the intentions of the site
The ability to search straight into the navigation bar rather than having to go the search page and search will be present on all pages to allow for a more streamlined user experience
Search Page
A large serach bar will feature predominently on the page so as to not confuse the user as to what the page does
Any search results will be displayed in cards so that a user can easily seperate out different users, or differnet content that has been posted
Content and users in search results will be seperated into different navigation tabs to avoid confusion as to what the search was for, and to avoid confusion for the results and what they display
The users profile picture will be displayed alongside either their account information or a post that they have made
User Page
Will feature the user and their important information at the top of the page, as well as a full sized version of their profile picture, and name in large bold writing to avoid confusion
The page will show all the activities that a user enjoys as well as images depiciting the activites to allow users to see activities at a mere glance
All posts made by the user will be display at the bottom of the page in a similar fashion to how the search page displays them, with cards and a rectangular profile picture
Login/Register Page
These two pages will feature simple forms, either allowing user to sign up or sign in, so that there is no confusion as to what the page is for, as well as large bold font denoting whether it is the login page or the register page
The form will have a blue background with white inputs to fit with the Nudgee theme, as well as allowing the form to stand out from the background
The register form will have fields with similar information placed not on a new line, but right next to each other to avoid stretching the form all the way down the page
Usability Principles
It is important to consider utility in creating both the UI and UX. This will make it easier to access the web app on any device, as it will make it responsive and portable, greatly improving the UX and making users want to return
It is important to consider learnability and effectiveness when creating the web app. This should be considered in order to make all information on the web app as easy to understand as possible, to teach the user about weather
It is important to consider accessibility when creating the web app. If the app is accesibile it will encourage more users, and a higher use return rate due to easy use of the web app
It is important to consider saftey, so that user's will not feel as if their data is being violated, or if they have lost important information on the website. It is important to consider this, to improve the user's experience on the site.
-