Initially, I started by sketching and exploring what the controls and user flow might look like for selecting a sleep track. I wanted to incorporate a feature that allows users to create their own sleep tracks, as well as what the player module might look like on the Explorer page.
In my early sketches, I focused on how a user would navigate the sequence of preparing for bed and the activities they might engage in. From the beginning, I was determined to include customization features, ensuring the app would use pre-existing colours, typefaces, and layout placements. Although this is a proposed new app, I wanted the experience of obtaining and using it to feel as seamless as possible, similar to many of the installed iOS applications. I aimed to make it another valuable tool within the overall phone experience.
From sketches to wireframes, it was incredibly informative to continually assess which elements would be most beneficial to the user. For this project’s wireframes, I focused on functionality and aimed to understand how the user flow might be structured, considering the dynamics of preparing for bed and falling asleep. My goal was to distill the process to its “bare essentials,” being thoughtful about every potential touchpoint involved in getting someone ready for sleep.
https://whimsical.com/sleep-app-wireframes-clean-R7SAphAhzC5kZL6ejJgnaR@8ADn3nfZACauMGyPSsLTwLPSz2bA18WNq2tk