Google API IA3
Application
Usability Principles
User/Client
Dev problems
Solutions
Safety
Accessibility
Learnability
Effectiveness
Utility
Development
Requirements
Mary
Peter
Alan
Brisbane city council
is retired and enjoys reading books
•is involved in a reading club with fellow retirees
•is interested in searching for books by author and title
•needs to be able to review books he has read
•has access to a mobile device
•is currently in charge of the book club at ‘Vista Retirement Village
’•is interested in searching for new books to share with members
•needs to be able to find local public libraries using address or postcode
•has access to both a mobile and laptop device
•needs to know the parking and/or access options for people in the group with disabilities
•has recently moved into a retirement village and is interested in joining a reading program
•has access to a laptop device
•needs to review and share books he has read with other members of the community
•is interested in travelling to local libraries and requires access to disability ramps and parking
Design Elements
what the website has to change the view point of the website for example Nav bars, sliders, links to other webpages
how easy it is for a new person to learn the website after being on it for the first time this means that the websites layout in simple and to to crowded
how the site guarantees user safety for example a captcha to stop password bots from trying to force their way into the account or making your browsing info private to other people
how easy the website is to access the easier the better the best example of this is when it comes up on the first page of google
how effective the website is at its job. how well and how fast it does its job this could be selling something or making someone sign up
Space
used to support meaning or zone groups of data (i.e. space between elements). used consistently to develop patterns
Colour
Tone
Line
Point
Shape
Texture
Form
Proportion and scale
smallest element of visual communication, can be a dot but there is no need for it to be circular
choice of colour matters. Be consistent throughout application and make sure that the colours go together (use a colour wheel)
Tone is light and dark variation of any colour
a line can be a starting place, a marker or a trigger to change
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 a simple example of this is a table shapes can also be a circular icon to centre a user to a record button on a phone
texture refers to the tactile or the inferred visuals features of an object
can give depth
Ratio and size. look for the golden ratio. in maths, 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 quanities
Algorithms
Sign in
Submit review
Connect to database
Needs a functional
Database
Sign in page
Review page
Code types used
CSS
Javascript
SQL
HTML
Apps used
Atom
Xampp
API
the page needs to be interactive allowing people to leave a review
the page needs to let the user read and excerpt of the book
the page needs to let the user search for books across the internet
the webpage must have an easy layout to follow
let users read up to certain percentage of the book and let them leave a review of it
a search bar that searches archives of books will be added to the website to make it easier to find what they are looking for
make page highlight any books that the user hovers over with cursor
it will be a simple layout with just a list of personal book recommendations and a search bar for anything the user wants to search
site must be the best experience for the user
site must not lag
site must load correct items
code the website to prioritise the most important items first like pictures and descriptions
make sure the site provides the best experience with good load times and gives the user what they are looking for
make sure the site runs smoothly and load times are short