Please enable JavaScript.
Coggle requires JavaScript to display documents.
IA3 - Coggle Diagram
IA3
User Experience
User Support
-
The current status of the event will be display throughout the solution to ensure that users are mistaken
Accessibility
Elements in the solution will either have aria-labels or alt tags to ensure that screen-readers are able to comprehend images
The tabindex attribute will be used to ensure that the solution can be navigated through the strict use of a keyboard
Buttons will be accompanied by icons to ensure that the interface is simple and doesn't interfere with the usability and helpfulness of the solution
Portability
Solution can be operated on multiple different platforms including mobile devices, laptops, computers and many more
As the solution is responsive, it will be accessible on a mobile device (portable)
Various elements of the web solution will be dynamically adjusted to suit the various viewport sizes of many devices
Hardware/devices
Responsivity
When the viewport is decreased, the navigation bar will be restructured to fit the design of a hamburger menu rather than a normal navigation bar
The size of text, buttons, images, tables etc. will dynamically resize based on the viewport
Interface development is centered around rows and columns (bootstrap 4) allowing for content to easily resize and change layout for different viewport sizes.
In order to facilitate this web responsivity, bootstrap 4 will be used as a front-end framework for easy mobile-first web development
This aspect of responsivity contributes to the user friendliness and the usability of the solution as a wider range of devices can be used to access it, increasing its target audience
-
Platform
Solution will be platform independent as it will use bootstrap to dynamically restructure the page layout based on the device's viewport
On smaller devices, buttons and other elements will be made larger to still stand out on the smaller viewport
-
-
Functionality
Processes
Non-Visual
Calendar fetch events
When the user loads onto the page, the solution fetches all available events from the database
It saves this query and then uses this to build an multi-dimensional array that contains multiple associative arrays. This array is then encoded into json, to then be exchanged with Full Calendar.
-
Visual
Event Modal
-
When this link is clicked, the modal appears on the screen
This modal grabs information from the database using a unique event ID and displays it in a user-readable format
-
Audience
This solution will be aimed at Terrace families as it will be used to notify families whether or not events are going to be cancelled. It will act as an alternative to the current event status solution which is twitter.