Shine was The Bump's native iOS app for people who are pregnant or trying to conceive. Below are a selection of my early explorations and prototypes, followed by some later high-fidelity UX wireframes, after a separate UI designer had taken a pass.
In this case study:
Early Explorations:
Below is a selection of my earliest explorations for the app, at which point it was still under the working title "Trace". These are mostly sketches, only some in color, of possible data visualizations and interaction elements.
The centerpiece data viz element was of course a representation of a person's monthly cycle. Also important to determine during this phase were the interface elements for recording basal body temperature, and single-select menus for period symptoms or cervical position.
Prototypes:
Below are four clickable interactive prototypes I built to explore interaction options for recording one's period and basal body temperature. I created these particular prototypes in Flash, because I was adept in the app and could work quickly.
In the below interactive prototype, you can click on "Period", "Basal Body Temperature", or "Sex", to view the data visualizations. This particular prototype was built in Tumult Hype.
High-Fidelity UX Wireframes:
From later in the process, here are some of my high-fidelity UX wireframes. If I recall correctly, these utilize a more refined design pass from The Bump's UI designer.
