Brandon Baun

Still

Rest your mind

Still is a meditation and sleep app. I conducted research, UX design, prototyping, and UI design in this academic project.

Calm minds

Restful sleep

The goal of this project was to design an app that nurtures calm minds and restful sleep. An inconspicuous and easy-to-use UI centered around guided meditations, sleep stories, calming music was the primary focus.

01. Research

Demographic, product

To begin this project, I conducted a quick sprint of research to learn about the user demographic and outline the product goals, vision, and functionality.

02. Empathy

Persona and map

As a way of empathizing with users, a persona was created to better understand needs, frustrations, and the scenario in which the app would be used. The persona was founded on insights from research such as user goals and challenges, age, gender, occupation, location, and lifestyle.

The second empathy exercise in this project was mapping what users say, think, do and feel. In addition to uncovering what drives users’ behavior, this practice revealed gaps in research and allowed for better innovation.

One important insight was that users often sample an array of content and save what interests them for later. As a result, I prioritized the favoriting feature in the design. 

03. Prototyping

User flow, wireframes

Prototyping began with an initial user flow and wireframes. The user flow visualized the path our user would take through the app, from signing up to playing content.

Wireframes were grounded in the product vision and in user research. To achieve the immersive quality of the app, for instance, spaces were designed for calming images, as seen in the home, content, and first launch screens.

For the night owls

Dark mode

One problem encountered after initial prototyping concerned the context of app use and the visual theme of select screens.

Problem:

Since some users are primarily using the app in the evening or before falling asleep, the luminance of the white background in the browse, content, player, and profile screens proves problematic.

Solution:

Give users a dark mode option as default for screens with a light theme. This way, the screen’s brightness is less likely to disturb the user.

04. UI Design

The finished product

Home

The main screen that features content by way of carousel, has a shortcut to favorites, and welcomes the user with a message and quieting background.

Browse

Allows users to browse by category and navigate to favorites. Additionally, a space for featured content is reserved at the top.

Content Information

Selecting content yields more information, such as: listens, downloads, a description, and a bio of the instructor, narrator, or artist.

Play, Download, Favorite

It’s essential that users can download content for local use and add content to their favorites catalog.

Player

Functional and clean with an option to fast-forward or rewind 15 seconds (previous / next for music).

Profile

A catalog to replay your favorite meditations, stories, and music. Also, edit your profile, change settings, and view statistics.

Launch Screens

05. Improvements

Always revise

Usability Testing

Running the app through one or more usability tests would have supported or called into question decisions made in the design process.

Additional Features

After concluding the project, I realized how content heavy the app is. Though it isn’t necessarily a bad thing, adding non-content features, like a breathe in breathe out function, would likely benefit the user-experience.