Coping with COVID

UI Requirements

User Task #1:

• As a user, Jordan, I want to view the “COVID-19 impact on daily life” bulletin board

Pages to Design

Forum board Page
COVID impact on quality of life

High Level Requirement

Forum board page – list of all the discussion topics COVID impact on quality of life – board with posts

Detailed Requirements

Forum board page

  • List of all discussion topics

  • Upvote option on left, comments icon in the center, share icon on the right under each topic

    COVID impact on quality of life page

  • Profile of each poster on the left with name in the center and date/time to the right

  • under post: upvote/downvote option, comment icon in center with number of comments, and

    share icon to the right

  • Comments below post with display picture on the left, username to the right of it, and time

    since posted to the right of username

  • Reply option below comment, up vote/down vote option to the right

User Task #2:

• As a user, Jordan, I want to turn on push notifications for messages

Pages to Design

Home Page Settings Page

High Level Requirement

Home Page – displays social media, support group meeting, donations, settings options Settings Page – displays location, allow push notifications and log out options

Detailed Requirements

Home Page

  • Support group meetup image with description below

  • Donations icon in top left corner

  • Settings icon in top right corner

    Settings Page – list of each feature

  • Location – select area

  • Push notifications – toggle on/off

  • Log out icon