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

Google

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