User Interface Mockup and Storyboard

Project

• Figma Link

Storyboard

Shows all transitions to screens and specifies actions for each transition.

• Blue - User stories covered in screen
• Purple - Actions to transition from one screen to another
• Green - Additional features; WOW factor

Mockup

Layout of individual sections of screens.

Final ver

Login/Signup and Logout/User Profile

Searching and Viewing Other User Profiles

Add Mood Event

View, Edit, Delete Mood Events

Mood History List (Personal Mood Events)

Mood Following List (Following Mood Events)

Map View of Mood Events

Sending/Accepting Mood Event Follow Request

WOW Factor

• Initial splash screen with loading bar and animations
• Mood Insight Feature: A participant can view their mood distribution based on their mood events, by clicking on a particular mood they can view all mood events of that particular mood.
• View Public/Private status of mood event: Users can see the visibility option of their mood events, to always check and be sure it's correct!
• View all followers and following: Users can click on FOLLOWERS or FOLLOWING to see their followers and people they’re following.
• Direct Messaging (DM): A user can chat with another user.