Skip to content

Mock Up & Storyboard

Jump to bottom
Sal479 edited this page Mar 11, 2017 · 15 revisions
  • Storyboard
    Story board
  • Login activity
    Page started when no user has signed into the app. Whenever a user logs out this becomes the default starting page again. Login activity
  • Sign Up page
    If user presses "No account yet? Create one", they are directed to this signup toast where they must enter an email and and username to create an account. One finished, they are taken back to login page. Sign Up page
  • Forgot Username
    If a user selects "Forgot your username?" they are brought up a toast menu where they are asked for an email and the user will be sent their username by email Forgot Username
  • Main Screen
    Main screen is the screen shown once a user is logged in. When the user starts the app this is the screen that will always be shown. Main Screen
  • Filter Main
    Filters each mood by exactly what is stated on the filter menu. Filer
  • Filter by Mood
    Filter by Mood
  • Filter by keyword
    Filter by keyword
  • Add Mood
    Add mood creates a single mood, however Add Picture and Add location are optional and do not need to be added. Once finished press the checkmark action button. Add Mood
  • Edit Mood
    Edit mood edits the mood, however date/time is added so user can change the date of the mood if they so choose. Once finished press the checkmark action button. Edit Mood
  • Friend's profile
    Friend's profile shows the profile of each friend the user has, friend is two-ways. The tabs are two seperate screens."list" shows the list of moods for that friend. "Map" shows where each mood the friend has was located. Friend's profile
  • Friend's profile Filter
    Clicking the filter icon at the top right will filter by the requested option Friend's profile Filter
  • Friend's filter by moods
    Friend's filter by moods
  • Friend's filter by keyword
    Friend's filter by keyword
  • Following Mood list
    Following mood list
  • Following Mood filter
    Following mood filter
  • Following Mood filter by mood
  • Follow Mood filer by keyword
  • Side menu

The side menu is brought up by clicking the top left menu icon. Once clicked, the menu opens up from the side and the user may click an option to select a page they wish to go to. If the user wants to exit out of the menu they must click on the screen that is not part of the menu.

  • Stranger profile

Profile of a user who is not your friend. Unable to see their moods.

  • My Mood history
    Shows the history of moods on a map
  • My Mood history detail
  • Explore Map

Shows other people's moods on a map that are near you, to a 10KM radius

  • Explore Map detail
  • Following Map
  • Following Map detail
  • Requests

The requests page allows you to confirm or deny a friend request from another user. Once a request is accepted or denied the user is taken off the page and if accept is clicked they are placed onto the friends list.

  • Find friends (Add)

Gives a list of users you may add

  • Find friends (Add-Search)

Can enter any username which will bring up the user with the selected username. Must be exact.

  • Find friends (Following)

The following tab which clicked gives a list of friends that are currently following you.

  • Find friends (Following-search)
  • My Mood

The details of a mood when selected. The pencil icon edits the mood. The X icon deletes the mood.

  • My Mood (Delete)

Once delete is pressed, a toast pops up asking the user is they are sure of their decision.

  • Someone's Mood

Option to see someone's mood, no delete or edit option available.


Back to Top

Version 0.1 Half-way Prototype

Clone this wiki locally