User Interface Specification

User Interface Specification

• Pages
  • Home
    • Sidebar element (login, logout, register, dashboard, home, help)
    • Header (Learn More, Introduction)
    • Daily Winners/Losers
    • Weekly Winners/Losers
  • Dashboard
    • Sidebar element (login, logout, register, dashboard, home, help)
    • Widget Area
      • Dynamically sized area to display resizable widgets.
      • Supports any number of rows/columns to accommodate any number/orientation of widgets.
        • Widgets
          • A widget is a resizable tile that can contain any content that we wish to display in it
          • Allows for a reusable and robust way to display information on the dashboard

User Interface Design

Below you will find the final version of our User Interface and an explanation for each element

Home Page

The home page is what users see when they first navigate to our application and is what is accessible if they are not logged in.

Register

This is how users create an account on our application. More details can be found here

Login

Once a user has an account, they can log in using the login button on the sidebar. More details can be found here

Dashboard

Once a user is logged in, they are taken to their Dashboard, which is the main focus of the application. More details can be found here