Website Desgin

Website Desgin

1. User Interface

   • aesthetic
     • colours
       • white
       • black
   • user interface components
     • buttons
     • images
     • links
     • paragraphs
   • features
     • buttons to different pages
     • black background, white writting

2. Coding Environment

   • key algorithms
     • website navigation
     • routing algorithms
   • developer tools
     • notepad++
     • html

3. Task Requirements

   • self determind criteria
     • My website has to be about soccer and skills to get better at it.
       • The website has to have information that actually helps him and isn’t to complicated.
   • prescribed criteria
     • You must use HTML to organise appropriate information on your webpages using the following: • Image • Hyperlink to an external website • Different heading sizes • Paragraphs • button
       • I will include an image in my website
       • I will include different paragraphs
       • I will include a button so that the link can be pressed
       • I will include a link to another website
       • I will include different heading sizes
     • Your website must include TWO aspects styled using CSS • Background colour/ font colour
       • I will include background colour
       • I will include different font colour and font type.
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • I will include photos and videos but not too much and I will have an equal amount of words and photos/videos.
       • Has to have photos that actually help him to do the skills.

4. User Persona

   • needs to have a website that has information that's easy to understand
   • websites are too confusing to navigate
   • to become better at soccer
   • name is Barry and likes soccer and Minecraft and is in high school aged 13 lives in brisbane

5. Existing Solutions

   • blooket
     • pros
       • simple to use and understand
       • links are easy for people to use
     • cons
       • possibility of getting hacked
       • distractions
   • student sharepoint
     • cons
       • random images that isnt tidy
       • coming up events that arent neat
     • pros
       • having links that are easy to follow
       • being able to search for things