Shine is 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 work out during this phase were the interface elements for recording body temperature, and single-select menus for period symptoms or cervical position.
Prototypes:
Below are four interactive prototypes I built to explore interaction options for recording one's period and basal body temperature:
In the below interactive prototype, you can click on "Period", "Basal Body Temperature", or "Sex", to view the data visualizations.
High-Fidelity UX Wireframes:
From later in the process, here are some of my high-fidelity UX wireframes. If I recall correctly, these probably utilize a more refined design pass from The Bump UI designer.
