Learning Technology Design Project

Interaction Framework

Wireframes

Wireframes For The Login Scenario

Wireframes for Cellphone login Wireframes for Desktop login

  1. When making a profile user can add a picture
  2. Notifications from settings are displayed on home screen
  3. Night mode option is visible at the bottom of screen to adjust the colors

Wireframes For The General Information Scenario

Wireframes for Cellphone general information Wireframes for Desktop general information

  1. Settings to adjust profile or if a guest to create a profile
  2. Help button to guide the user through the system

Wireframes For The Prevention Tab Scenario

Wireframes for Cellphone prevention Wireframes for Desktop prevention

  1. Allows you to favorite a page
  2. This will be whatever the user types
  3. The results would appear here if there are no results that will be stated instead
  4. Will show the symptoms and give the users the ability to mark symptoms they have experienced
  5. Images relating to the prevention methods, symptoms, and medications will be shown here, the user will have the ability to swipe through images

Wireframes For The Symptoms Tab Scenario

Wireframes for Cellphone symptoms Wireframes for Desktop symptoms

Wireframes For The Medications Tab Scenario

Wireframes for Cellphone medications Wireframes for Desktop medications

  1. Symptoms relate to each potential disease

Wireframes For The Local Search Scenario

Wireframes for Cellphone local search Wireframes for Desktop local search

  1. Each location is color coded based upon what it is
  2. The map view can show if there is an outbreak in the area

Wireframes For The Community Forum Scenario

Wireframes for Cellphone community forum Wireframes for Desktop community forum

  1. Allows other users to report on inappropriate posts
  2. Point system to validate users that post
  3. Verified user symbol/icon