iOS Design - Fetal Growth Monitoring app Design Challenge

Welcome to the iOS Design - Fetal Growth Monitoring app Design Challenge.

In this challenge, we would like to design 8 primary iOS mobile application screens plus 1 sub-screen (sample graph).   

We would like you to define the initial design direction for these dashboards with a focus on usability, simplicity, and a user-centric approach.

Good luck!  We’re looking forward to your designs!

Round 1

Submit your design for a Checkpoint feedback:
5) Timeline.
6) View/Edit Timeline Entry (Timeline Entry Details Screen).
6.1) Sample Graph.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).

Round 2

Final Design plus any Checkpoint feedback:
1) Log in
2) Pregnancy List (Landing Page after login)
3) Create/Edit Profile (main account profile)
4) Add/Edit Pregnancy
5) Timeline.
6) View/Edit Timeline Entry (Timeline Entry Details Screen).
6.1) Sample Graph.
7) Add Timeline Entry (MOTHER)
8) Add Timeline Entry (FETUS)
- If you have time - please provide us with a click map for your design.
- Readme file: Provide notes about your submission
- Make sure all pages have a logical flow. Use correct file numbering. (00, 01, 02, 03).

HBGDki and Total Mama:
Background
In 2011, stunted growth affected 165 million children globally. Growth faltering may increase morbidity, mortality, physical impairment, cognitive impairment, limited productivity, and poverty. In Africa and Asia, 11% national economic productivity is lost to undernutrition.

Impaired child growth and development are complex, multidisciplinary problems that involve diverse issues including nutritional deficiencies, infectious diseases, enteric health, water, and sanitation. Focused studies have not solved the full scope of the problem. A holistic, multidisciplinary, integrated approach is needed to establish and deliver effective intervention that is tailored to local life cycle and pathology. Factors that limit neurocognitive recovery after intervention are unknown.

Measures of growth faltering include stunting (shortness for age, defined by height-for-age z-score [HAZ] < -2 standard deviations from a reference standard) and wasting (underweight for height, defined by weight-for-height z-score [WHZ] < -2 standard deviations from a reference standard). Stunting and wasting in early childhood are associated with increased risk of disease, poor cognitive performance, limited school achievement, decreased economic productivity, and early death. Lower height and smaller head circumference at age 2 years are associated with lower educational attainment.

The ability to predict whether a child is on an appropriate growth trajectory in utero, at birth, and early in childhood may help initiate timely preventive or therapeutic interventions and improve cognitive and physical development outcomes.

Healthy Birth, Growth, and Development           
Bill & Melinda Gates Foundation (BMGF) Healthy Birth, Growth, and Development (HBGD) programaddresses the dual problem of growth faltering/stunting and poor neurocognitive development, including contributing factors such as fetal growth restriction and preterm birth. The HBGD program is creating a unified strategy for integrated interventions to solve complex questions about (1) life cycle, (2) pathophysiology, (3) interventions, and (4) scaling intervention delivery.

The HBGD knowledge integration (HBGDki) initiative is integrating data sets from diverse, focused studies into a larger body of knowledge. The purposes of integrating multidisciplinary data are to understand fully the effects of risk factors on growth outcomes and develop effective solutions. Data are collated from longitudinal, cross-sectional, and survey data sources. We are quantifying the effects of modifiable risk factors and generating predictive models for physical growth and cognitive outcomes. We use modern analytical, visualization, and modeling methods to extract maximum information, assess causal pathways, quantify risk factors, and develop novel hypotheses to achieve better return on investment in targeted interventions.

HBGDki Open Innovation
The HBGDki Open Innovation platform was developed to mobilize the global “unusual suspects” data science community to better understand how to improve neurocognitive and physical health for children worldwide. The data science contests are aimed at developing predictive models and tools that quantify geographic, regional, cultural, socioeconomic, and nutritional trends that contribute to poor neurocognitive and physical growth outcomes in children. This work will support the development of data-driven strategies to accelerate our ability to promote healthy birth, growth, and development, in the communities that need it most, by delivering the right interventions to the right child, at the right time, and at the right price. The contest approach is being used in concert with traditional approaches such as traditional research and development, grants, and partnerships to collectively extract and evolve novel insights from large, complex Global Health data streams, and to harness innovation inherent in the collective community.

Total Mama and INTERGROWTH
INTERGROWTH-21st (IG21) is a research project based at the University of Oxford and funded by the Bill & Melinda Gates Foundation.  Based on data from more than 60,000 women in eight geographically diverse populations around the world, the project has developed new scientifically robust clinical standards that reflect normal fetal growth and the nutritional status of newborn infants.  These standards compliment the recently produced WHO charts for children aged 0 to 5.  The dissemination of these standards will improve infants’ healthcare and nutritional status worldwide.

TOTAL MAMA is a new digital health company started and incubated at the University of Oxford.  Total Mama will give women personalized, evidence-based health information on pregnancy and fertility, initially delivered via an iOS app.  Our mission is to help women around the world have successful pregnancies and healthy children by empowering them with information, insight, and increased self-confidence.  Our vision is a world in which all women have access to health information before, during, and after pregnancy that gives them an understanding of and maximal control over their fertility, reproduction, and pregnancy health.

TOTAL MAMA would like to disseminate information to women based on the new INTERGROWTH standards, via an app and mobile responsive website.  We would also like to collect research data from women, using Apple’s ResearchKit, which would be sent to researchers at the University of Oxford.  Successful delivery on this challenge will help women and children around the world.

High-Level App Overview
The iOS app should enable PREGNANT WOMEN to enter their health and demographic data, and to receive health information on (i) their pregnancy weight; and, (ii) their newborn infant’s health and nutritional status.

The health information a woman receives will comprise a chart and guidance/advice tailored to a woman’s individual health profile and stage of pregnancy.  For pregnancy weight, a woman will have her weight plotted on a chart to indicate if she is underweight, overweight, or within a healthy range.  For newborns, a baby will be plotted on a chart – using its head circumference, length, and weight – to indicate the child’s health and nutritional status.  If the woman and newborn are within an acceptable range the app will offer a scientific source of reassurance that the woman is progressing well and the newborn child is developing ‘healthily’ according to international standards.  If outside an acceptable range, the woman will be given relevant advice, including when to consult with her healthcare provider.

In addition to delivering information, we would like to collect data from women via Apple’s RESEARCHKIT which, with her consent, can be returned to the University of Oxford to continue informing the INTERGROWTH research project.  These data will be incorporated into a huge database that can be used to monitor and evaluate maternal wellbeing and inform infant health and nutrition at a population level.

The goal of this challenge is to create a simple and clean design and user experience.  It is important to think through how the application will be used and what new ideas/concepts might optimize user engagement and traction (i.e. encourage users to return).

Challenge Description:
The purpose of this challenge is to design custom screens for and iOS app. Over the course of a pregnancy, the app user will update a timeline with fetal measurements taken from ultrasounds and maternal weight taken any time. Maternal weight entries will containEach entry on the timeline will contain a set of data, a graph, and (for  an image of the ultrasound.

A graph will be created for each individual measurement which will compare the entered data with global fetal growth standards. App users will be able to review each measurement set and visually compare it with the growth standards. The app will also provide brief advice if the entered growth data is significantly different than the standards.

User Interface Guidelines:
- All user interface elements should be simple and easy to understand.
--- Focus on consistent design patterns, clear contrast between actions and information, and a clear visual hierarchy.
--- When using motion or animation, pay close attention to choreography and authentic motion.
--- Make liberal use of white space to create contrast and define interface and data elements.
--- The color palette is not yet determined. Please use a palette that can more easily be modified once the final palette is determined. Higher contrast colors will likely be more effective.
- Keep interface elements consistent. All interface elements should reflect predictable placement, style, and behavior across all environments. This is especially important when styling actionable items.
- Priority should be given to recognition rather than forcing users to recall paths to tasks. Using the Material Design Guidelines will help ensure recognition.

Branding Guidelines:
The “Total Mama” image mark and colors should be used as a basis for styling the app. Hex colors #eb9919 and #032c60 are the primary colors.

Required Design Sizes:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.

Required Screens:
We need the following screens to be created for this application.

Menu
- Menu dropdown (all pages) - Pregnancies, Profile, Log out

1) Log in
- Username.
- Password.
- Forgot password.
- Remember me checkbox.

2) Pregnancy List (Landing Page after login)
- List of all pregnancies, up to 100’s
-- Mother’s name.
-- Date created.
- Search/filter pregnancies.
- Ability to add new pregnancy.
- Need ability to edit Mother’s details and fetuses for a specific pregnancy from this screen.
- Clicking on an existing pregnancy will take you to the Timeline screen for that pregnancy.

3.) Create/Edit Profile (main account profile)
- First Name.
- Last Name.
- Email.
- Confirm Email.
- Password.
- Confirm Password.
- Accept terms (for app usage).
- Delete profile.

4) Add/Edit Pregnancy:
- First Name.
- Last Name.
- Metric/Imperial Units (toggle).
- Consent to share data with Oxford & Total Mama.
- Consent to allow Apple Research Kit data collection.
- Number of fetuses.
- Delete pregnancy.

5) Timeline:
- Ability to add a Timeline entry for either:
-- An Ultrasound.
-- A Maternal weight measurement.
- Scroll through timeline to view entries. Organized by date. Each entry may show date and an icon for either a maternal weight entry or an ultrasound entry.
- View Timeline Entry (Click existing entry to view/edit details)
- Timeline entries are organized by the date field in the entry (most recent at the top).

6) View/Edit Timeline Entry (Timeline Entry Details Screen):
- User should be able to see the list of measurements along with a graph (for each measurement) plotted against current growth standards. The measurements should be easy to read and concise. A single control will reveal all measurement graphs at once, possibly as scrolling list that slides into view. The graphs should be easy to view and simplified for a mobile environment. It should be clear which graphed measurements are from the app data and which represent the external growth standards.
- Entry Date:
FOR MATERNAL WEIGHT
- Maternal Weight
- (ACTION) View graph
FOR AN ULTRASOUND:
- Choose Fetus (if more than one, otherwise show measurements below)
- Fetal Head Circumference.
- Fetal Femur Length.
- Fetal Abdominal Circumference.
- Ultrasound Image.
- Advice (provided by a text file).
- (ACTION) View Graphs (all graphs at once, scrollable).

User has the ability to edit any of the pieces of information from this screen except the advice.

6.1) Sample Graph - Example of what the graph could look like.  This is a very rough example of the type of data being displayed.  The 97th, 90th, 50th, 10th and 3rd percentile lines will be on the graph.  The goal will be to consider how best to represent data that is only captured twice during pregnancy (the fetal measurements, taken at ultrasound appointments twice during pregnancy) against those percentiles.
- Please refer to Screenshot.png.

7) Add Timeline Entry (MOTHER):
- This is a single screen for data entry. Weight entries should be validated against abnormal data ranges (like entering a weight of 1500 lbs).
Date - by default the current date, but can be changed.  Tapping on the date launches the iOS Date Picker.
Maternal Weight

8) Add Timeline Entry (FETUS):
- This can be a single screen for data entry or a guided process with a flow. The first screen displays and asks for the date and 1-3 measurements. Clicking “next” (in a guided process) will proceed to the next timeline entry screen. Other than the Date, user can click next on a screen without capturing that specific data point. At the final screen the app user can “save entry” to complete the entry on the timeline.

Each measurement has its own screen and should include an image that demonstrates the type of measurement being entered. All entries should be validated against abnormal data ranges (like entering a fetal femur length of 60 ft).

Date- by default the current date, but can be changed.  Tapping on the date launches the iOS Date Picker.
Fetal Head Circumference.
Fetal Femur Length.
Fetal Abdominal Circumference.
Ultrasound Image - App user can take and save an image of an ultrasound as part of the timeline entry.

Information Hierarchy:
User Profile

    - Pregnancy

         - Maternal weight

              - Graph

         - Fetal Measurements

              - Fetus 1

                   - All graphs

              - Fetus 2

                   - All graphs

              - Fetus 3

                   - All graphs

Sample Flows:
1)  Log in  →  Choose Pregnancy (one fetus)  → View Timeline Entry  → View Measurements  →  View Graphs
2)  Log in  →  Choose Pregnancy (multiple fetuses) → Choose Fetus  → View Timeline Entry  → View Measurements  →  View Graphs

Target Audience:
- Pregnant Mothers, charting their fetus growth and weight, comparing it with growth standards.
- Medical professionals creating multiple pregnancies (up to 100’s), including multiples for the same Mother.

Mobile Context:
- For maternal weight measurements, likely indoors at home. Could occur many times during a pregnancy.
- For other measurements and pictures, during an ultrasound appointment at a medical facility. Typically twice per pregnancy. An app user would take a picture of the ultrasound display along with recording the data provided by the ultrasound.

Judging Criteria:
We will be judging on:
- How well your design aligns with the objectives of the challenge.
- Adherence to the Design Guidelines.
- Usability and user-centric approach.
- Consistency of elements across screens.
- Clear, simple, visual hierarchy.
- Ability of your design to support user tasks in a straightforward, pleasant, efficient manner.
- Overall user interface design and layout.

Submissions and Source Files:
Preview Image
Please create your preview image as one (1) 750px x 1334px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Submit JPG/PNG/PDF for your submission files.

Source Files
All original source files of the submitted design are required. Files should be created in Adobe Photoshop and saved as layered PSD file. Alternatively layered Sketch files can be submitted.

Final Fixes
As part of the final fixes phase you may be asked to modify your graphic elements (sizes or colors) or modify portions of the color palette. We may ask you to update your design or graphic elements based on checkpoint feedback. See more information about Final Fixes.