User Interface Mockups and Storyboard Sequences

UI Mockups

Mockup Image	Description
	The login screen for Vybe users. They can either login or signup on this screen.
	The sign up screen for new users. They can create a user account by entering a unique username and password.
	User is presented with their vibe history as a list, showing all past vibe events. On swipe right, the user views that vibe event's details. On swipe left, the user deletes a vibe event. The user is also able to filter the list of their vibe history by selecting an option from the filter button which will display a dropdown list to select filters from.
	On add, user is able to add a new vibe event and choose relevant details about their vibe event, including vibe/emotional state (via selecting an emotional state/vibe emoticon by tapping on the blank face), Date/Time, and optional text or photographical reason, social situation, and location. The social situation is selected from a dropdown list.
	Clicking on one of their own vibe events, a user can view the details of a vibe event. The relevant information about their vibe is shown.
	A user can edit one of their own vibe events; they can change the relevant information pertaining to that vibe event.
	Dialogue picker that is displayed when a user is selecting an vibe required to add or edit a vibe.
	A user can view their own profile, displaying their name and unique username. A logout button is also on the screen if a user wishes to log out of their account.
	Tapping on the social icon, by default, a user is shown the most recent vibe events of the users they are permitted to follow. The vibes of the users they follow show who posted the vibe event, and the associated emotional state of that user's most recent vibe event.
	Tapping on the Requests button, a user can see a list of other users who have requested to follow them. A user has the choice of accepting and allowing users to follow them, or rejecting their request.
	Tapping on the map icon, a user can display their vibe history on a map, associating vibe events with locations if a location was added to said vibe event.
	Tapping on the map icon via the social page, a user can display the most recent vibe events of the users they follow on a map, similar to the personal map page.
	When users query for another user to follow, they are shown users with similar usernames, if any.
	From the search page, if a user clicks on a user they wish to follow, they can view their name and unique username, as well as have the option to send a follow request to them.