This solo exploratory project shows a good overview of my UI design process, and a sampling of how design communication between clients and developers could be mapped out. I fleshed out the UI and architecture design for an IOS app called Bloom.
APPLICATION DESIGN SPECIFICATIONS:
Bloom is a baby tracking application ideal for new or power-user parents who find value in keeping track of sleep, feedings and other infant’s needs.
- Bloom is likely to be used one handed, while the user juggles a baby.
- App will often be used in dim or dark areas.
- Users will likely be tired, distracted, or stressed while using the app.
Explore a few Bloom screens in the demo below.
Once the initial ADS was settled on, I dug into researching what the end user’s needs and wants were. I interviewed several new mothers, gathering feedback on design and features. From there, I did quick pen and paper sketches of both the logo concepts and some of the more complicated screens.
After the paper sketches, I moved on to creating medium fidelity wireframes in Sketch. In my process, these were to lock down the placement and relative size of every element – from this point on the design wouldn’t be changed.
Taking special consideration of the fact that users of the Bloom app were likely to be distracted, juggling a baby and possibly very tired, I made additional wireframes with touch/hit target sizing. For most cases I made the touch targets the Apple recommended size, ensuring they were easy to use. I also paid close attention to thumb position and stretch, since the user is likely to use the app one handed. This dictated the position of the menu buttons, and the decision to make the menu swipe accessible rather than in a “hamburger” icon at the top left of the screen.
The app takes a variety of crucial information and breaks it into small bits that an exhausted new parent can understand. The dashboard area shows the most recent data and a small chart displaying the previous 12 hours. The menu is comprised of large buttons, and the selection screens employ swipe gestures to dial in times/measurements as well as swipe toggle choices. Finally, a warm success message not only allows the user to see their data has been collected, but feels like a pat on the back.
In addition to the touch target considerations, I knew that a Night Mode function for the UI colors was going to be imperative. As many users will be opening the app while waking in the middle of the night, I wanted to ensure the app’s colors didn’t glare. The entire app is reskinned in Night Mode to ensure a better experience in dim areas.