Moodbeam
A mood tracker app for the Apple Watch.
UX/UI 4 WEEKS 2021
Notice patterns from your day, week, month, or even throughout the year
One focus of mine was to make the process of adding and editing moods very quick and easy for the user to complete on the go.
Behind the Project
The User Flow
The user flow is the foundation of any UX/UI project because it’s a diagram of how things will link and work with each other. This was my first UX/UI project, hence my first user flow. I demonstrate the sign-in and how users can go from entering a mood to editing it to seeing them as different diagrams.
The Design
The Apple Watch is such as small interface, that the key, for me, to a successful design was to not just make the interface aesthetic but simple and easy to use. No user is spending an excessive amount of time on their watch because that is what the phone is for. With that, I needed the application to be legible and readable quickly for those on the go, and the process of all functions on that app needed to be short and easy. That is also why I did not want to add any other features other than adding, editing, and viewing moods. As I started sketching out how I wanted the main page (adding moods) to look, I realized that something to take into account is that, as silly as it is, not everyone's fingers are the same. Some users have smaller fingers and some have larger ones, making it harder to click a small button if all the moods were shown squished on one screen at the same time.
The LoFis
Working on this low-fidelity prototype was interesting being that, as mentioned, this was my first UX/UI project. Before this project, I had no idea what lo-fis were. Below is a snapshot of the main screens for viewing the user’s moods. This part of t play around with the layout based on sketches I had created earlier. I was able to modify details with a more accurate depiction of the space available to me with the Apple Watch.
