Please enable JavaScript.
Coggle requires JavaScript to display documents.
Safe Travels Project { IA1} - Coggle Diagram
Safe Travels Project { IA1}
User
Viewing mediums
Web application must handle multiple devices
Mobile
Tablet
Laptop
Web application can handle the multitask feature on different devices
Target Audience
Drivers
Open License
Learners
Parents of youth Drivers may want knowledge to help teach their younger kids how to drive safer on QLD roads and this web application should provide that information
Queensland Driving Instructors may use the web application to help educate their clients on methods that can help make them safer on roads
Development
Developer Methods
Algorithims
Filters to keep only necessary information for the indicated user {User is a learner driver and doesn't require information that parents need to know about for Road Safety}
Sending alerts about road conditions around a specific km distance that the user can set
Confirm alerts: Indicate a user on what they are doing (e.g confirming they are registering for updates on the newsletter or registering their feedback)
Functionality
Users
User will be able to access information from the web application to be educated on methods to drive safer on QLD roads
Users will be able to signup to a newsletter for updates and information on road conditions
Users will be able to register/ signup
Passive Use
Alert popup example: Weather getting worse, Reduce speed and find shelter if possible
Using GPS of user (with permission alert confirmed) indicating the road conditions nearby
Database
Signup/register for the web application
Register for weekly updates - newsletter
Database will use SQL measures and ensure the data collected in the database is under the privacy laws of QLD
Feedback/ review system in place for the web application
Programming Languages
Html
CSS
JavaScript
Php
SQL
Developer Problems
Privacy Laws followed at all times
Protecting user data as the web solution will require personal information and it needs to be ensured that the user feels unsafe when interacting with this application.
Solution: Protecting user data as the solution will require personal data.
Third Party issues
If the device relies on third-party services issues can arise.
Solution: Alert the user to ensure they do not use the third party application if they would like to continue or use this on a device that does not have a third party application installed
Performance issue
The application may freeze or be unresponsiveness, particularly under heavy usage.
Solution: Using less files and images and not going too difficult on CSS styling so that it can provide maximum performance
Engagement towards functionality
Some features may not keep users engaged and the solution may loose users because of that ruining the purpose of the solution which is to increase Road Safety in QLD
Solution: Features like including videos would help connect users especially in the teenage age and it is very good to get more teens as in QLD, it can be seen that Teens are the more dangerous drivers out on the roads so with this solution being more engaging more teens plus other users can learn more
future engagement growth plans
Planning for growth towards number of users can be a problem that the solution can have.
Solution: adjusting database queries to ensure maximum usage can be held while having good performance on the web solution
disabilities
A problem familiar with a lot of web solutions are on how to make it more accessible towards the user even those that may have disabilities
Solution: Having screen reader functionality and also keyboard navigation avaliable on the platform
Bugs
bugs may arise during the web solution which is very common in every application
Solution: Regular Updates, Feedback System in place
Data
SafeTravels_Newsletter
Output
Alerts
Traffic on routes
Construction traffic
Severe weather conditions in the area
local events that can create road conjestions
updates about road rules changing
Events that educates people about road safety
Posters that educate people about Road Safety
User requirements {Inputs}
Name
Email
Passwords
Address
This can be seen as an useful tool to use so that the web application can send large alerts about road issues that have been happening near "home"
Safe Travels live information
Incidents on the road details
Location of the crash
Time and date
delays and time impact
Weather Conditions
Strong hail (reccomend to stay at home)
Sunny day
average rain
light rain
User Reviews/Feedback
Registered
Username
Email
Password
Address
Design
Design Elements
Space
Used to support meaning or zone groups of data (i.e. space between elements). Used consistently to develop predictability
Point
Smallest element of visual communication, can be a dot but not necessarily circular
Colour
Choice of colour matters. Be consistent throughout application, and make sure colours chosen are compatible with each other (perhaps use a colour wheel)
Tone
Tone is how bright or how dark any color is
Shape
Shapes can use lines (straight or curved) to develop two-dimensional zoning and the implied boundary of an object. Shapes are good for conveying structure around data. The simplest form of shapes with data is a table. Shapes could also be a circular icon to centre a user to a record button on a phone
texture
Texture refers to the tactile or inferred visual features of an object
form
Can give depth
scale
Ratio and size. Look for the "Golden Ratio". In mathematics, two quantities are in the golden ratio if their ratio is the same as the ratio of their sum to the larger of the two quantities
Design Principles
Balance
Arrangement of components of a visual communication in relation to a real or implied central axis / equilibrium / symmetry
Contrast
Contrast refers to opposing aesthetic qualities (i.e., what you see when you compare things that are different) and can be used for to create emphasis or focal point
Proximity
Where elements are positioned or grouped in relation to each other, perhaps 'clumping' elements near each other that have a perceived relationship (or avoiding those that don't)
harmony
Interpreting the proximity to make sure components as a whole provide valuable meaning and are complementary across the interface. For example, sometimes it is better to split datasets across screens for example to avoid confusion
alignment
elements should 'line up', commonly used in HTML sign up forms
repetition
Repeated elements (such as page constructs, sections or product layouts) which helps predictability
Heirachy
Hierarchy refers to the 'reading order' of a design