Toolooa Tuckshop - web applications project

Toolooa Tuckshop - web applications project

1. Usefulness

   • Portability
     • Interface is usable on different web browsers
   • Responsiveness
     • Layout appropriately alters for different devices
       • Breakpoints

2. Learnability and effectiveness

   • Contrast
     • Headings and sections of text deliberately positioned, sized and coloured to be suitable for users
   • Alignment
     • Align elements on each page
   • Repetition
     • Fonts and sizing of texts repeated throughout pages, same layouts
   • Proximity
     • Information grouped together to allow users to see related information and other relevant elements

3. Accessibility

   • Perceivable
     • Text alternatives
       • Read-aloud option
         • alt attribute in code to describe images in website for users with visual impairment
       • Alternate font sizes
     • Distinguishable
       • Appropriate use of colour-Contrasting colours to easily see texts - not overdone
         • Maroon
           • Recognisable as they are the school colours
         • White
         • Black
       • Deliberate choice of fonts and sizing to be suitable for general users (default fonts)
   • Operable
     • Navigable
       • Each page is titled and is relevant to the information on the page.
       • Buttons and navbar help to navigate through pages
     • Appropriate headings, labels and links
       • Includes headings and labels to help users understand and navigate through the pages
         • Navigation bar
   • Understandable
     • Readable
       • HTML lang attribute
     • Input assistance
       • Labels and instructions
         • Help page that includes instructions on how to order
     • Predictable
       • Familiar functions and common layouts

4. Interface components

   • Input controls
     • Buttons (lablelled) to go to other pages
     • Drop down lists for ording page (quantities)
   • Navigational components
     • Navigation bar
     • Search bar

5. Aesthetics

   • Images related to school
   • Colours to make it look more visually pleasing