UX

INDEX (Visible to all)

  • Logged_in=true -> Home page (if the user has logged in he wants to see the most important info available which is on home page)
  • Logged_in=false -> Login page (if the user has not logged in he wants to log in thus he sees forms to log in)

HOME (Visible to logged in users)

  • Pictures of 4 top rated foods (the user wants to see the foods that other like to make a choice if he likes the same or not)
  • Pictures of 4 recently rated foods (To get immediate feedback of others’ users thoughts and share their own opinion)
  • Access to fridge (possibly a huge link which cannot be missed, because it is the place where the user can get the full overview of the ingredients)
  • Links to Profile page and Log Out link (these are not so important links, meant for the user to get info about himself (not really necessary but people like to view themselves) and log out is necessary for people to leave the page but it is small because we want to keep them on the site)

FOOD (Visible to logged in users)

  • Huge picture of food (the purpose of this is for the user to get a visual overview of what he is rating)
  • Rating radios (on the top just below the name to be read immediately and to make the rating process as fast as possible)
  • Other info about the food : (quantity, rating, expires) (not necessary for average user but needed in order for the user to get feedback)
  • Links to Profile page and Log Out link (these are not so important links, meant for the user to get info about himself (not really necessary but people like to view themselves) and log out is necessary for people to leave the page but it is small because we want to keep them on the site)
  • Also there is an option to get to the home page if one clicks on the name of the site

PROFILE (Visible to logged in users)

  • Pictures of 4 last rated foods by the user (the user wants to see the foods that he has rated recently to know what others have thought about the food)
  • Pictures of 4 top rated foods by the user (the user wants to know what he likes the most to see if others also like them)
  • Pictures of 4 least rated foods by the user (the user wants to know what he likes the least to see if others also dont like them)
  • Statistics (ratings, avg. Rating, last login) (To know how active he has been)
    • Small link to fridge (to get access to the overview which is less important than to rate foods)
    • Small log out link (necessary for user not for us)

FRIDGE (Visible to logged in users)

  • Table of all foods in the fridge (foods ordered in the table by the expiration date)(has links to view foods, if user is MOTHER then there is an option to add foods and to edit the existing foods if some of them have been consumed)
  • Search box (in order to filter the table  so the user can find the foods he or she likes)
  • Links to Profile page and Log Out link (these are not so important links, meant for the user to get info about himself (not really necessary but people like to view themselves) and log out is necessary for people to leave the page but it is small because we want to keep them on the site)

REGISTER (Visible to all)

  • Form
    • Username (needed for identification)
    • Password (needed for identification)
    • Confirm password (needed for adequate password)
    • E-mail (needed for )
  • Register button (takes the user to confirmation page (Registered page) given that data provided is correct)
  • Small link to Login Screen in the corner, if the user made a miss click and cannot find back button in the browser)

REGISTERED (Visible to those completed the register form)

  • Confirmation text about the registration process
  • Double links to Login Screen (user wants to get to login page to login to the site to start rating)

LOGIN (Visible to all)

  • Form
    • Username (needed for identification)
    • Password (needed for identification)
  • Go button (if user clicks it he can log in provided that username and password are correct) (he is taken to the Home page, if data provided is incorrect a message about it will appear)
  • Register button (if user clicks it he will be taken to the Register page where he can register to the site)