Web Design

Web Design

1. User Persona

   • I want to access a website that can that thoroughly explain and offer a variety of key information about rices
   • A website that explains and gives information about rice and how to cook them
   • Details
     • Name: Sammuel Koff
     • Age: 21
     • Occupation: Rice Enthusiast
     • Education: University

2. Coding Environment

   • Developer Tools
     • Notepad++ or Notepad
   • Coding Language
   • Key Algorithms
     • Web Navigation

3. Task Environment

   • Self-Determined Criteria
     • The website must contain information about the different variety of rices such as recipes including it and mass producers. Must also contain images and hypertext links.
       • Include images
       • Include hypertext links within the website
       • Include information about rice (e.g. how to cook it and recipes.)
   • Prescribed Criteria
     • Your website must include TWO aspects styled using CSS o E.g. Background colour / Background image / font type / font colour
       • Use a variety of font types
       • Use animations
       • Use background colours
       • Use a variety of font colours
     • • You must use HTML to organise appropriate information on your webpages using FIVE of the following: Image, Table showing information, Hyperlink to an external website, ordered list or Unordered list, Button, Different heading sizes, Paragraphs, Video or moving image
       • Use an unordered list
       • Use different heading sizes
       • Use moving images
       • Create a table displaying information
     • Your website must have an aesthetic that suits/aligns with your User Persona
       • Use imagery within the website
       • Use HyperText links that transport user to other websites for information
       • Create an aesthetically pleasing website
       • Create a website with a variety of information about rices.

4. Existing Solutions

   • Solution 1: Want a well styled website that can tell information about rice
     • Able to meet the user's problems and be a solution for it
     • The website can become too simplistic and simple styled for the user

5. User Interface

   • Aesthetic
     • Colours
     • Fonts
     • Formatting
     • Composition
     • Negative space
   • User Interface Components
     • Buttons
     • Images
     • Links
     • Drop Down Menu
     • Search Fields
     • Progress Bars
   • Features
     • Dark Mode
     • Navigation Bar
     • Images