Skip to content

User Interface Mockups and Storyboard Sequences

Eric Brisson edited this page Oct 15, 2021 · 32 revisions

UI Mockups

Main UI Layouts are shown and briefly explained here. Below, in the storyboard sequence, is a greater level of detail and explanation between each potential interaction a user could see within the app.

Login/Signup Screen

The first screen a user will be presented with when opening the app for the first time; prompts the user to either log into an existing account, or register for a new one.

All Habits

The All Habits activity, where a user will be brought to after successful login/registration. Displays all of users habits currently being tracked.

Add Habit

The Add Habit activity, where a user can go to create a new habit to be tracked by the app.

Edit Habit

The Edit Habit activity, where a user can go to edit an existing habit to be tracked by the app. Shares many layout features with Add Habit layout, except values are pre-populated with existing information

Today

The Today activity, which populates with a user's habits that are scheduled to be done on the present day.

Log a Habit Even

Allows a user to log a habit event, with an accompanying optional comment, photo, or location.

Current Storyboard Sequence

Please zoom in to read comments along side UI elements and features to understand navigation and utility of application. File size of image is quite large, please allow a few seconds for image to load inline.
Should you wish to download the image, a link can be found here.

Last edited: October 14, 2021
Contributed by Eric, Moe, and Arthur as part of Project Part 2 deliverables

Clone this wiki locally