Challenge Summary
Welcome to Living Progress - BirthTrac - Android Mobile Design Challenge!
BirthTrac will be a complimentary antenatal care (ANC) and birth registry application linked to the VaxTrac vaccine registry app which helps frontline health workers register high quality patient level vaccine data at health facilities in underserved parts of the world.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
Challenge Description:
The goal of this challenge is to build a mobile application called BirthTrac, this app will be used to register pregnancies and record births in nearly real time, creating a database of children who can then be contacted for follow up. VaxTrac can use smartphones to push regular notifications from the clinic with a list of children who are due for upcoming vaccination sessions, and/or push SMS reminders directly to new mothers. As more hard to reach pregnant women and children are connected to the health system, more data will be available to both skilled health workers in clinics and hospitals, as well as to health system decision makers at both the district and central levels. This data flow will be available via a national reporting portal that is supported by DHIS2, or other National Health Management Information System (HMIS).
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be an Android App.
- Mobile view (Mobile Resolution: Design for Samsung Galaxy S7 Edge Display 1440px x 2560px).
- Make sure you create graphics in 'shape/ vector' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
Challenge Goal:
- The main functionality of the app will consist of the registration of pregnant mothers, preventative follow up checkups, newborn child registration, and the aggregate reporting of metrics.
User Stories:
- Frontline health workers (midwives, nurses, doctors) will be inputting data, verifying information, and using the database to follow up with pregnant women who need to come for follow up ANC care. They will also be registering children when they’re born at a birthing center and following up with them using VaxTrac to come for vaccination sessions.
- Pregnant women will be providing some basic personal/demographic information to be registered in BirthTrac (expected due date, contact info, etc.)
- Infants and newborns will be registered at birth.
- Health data managers will be able to access data from BirthTrac (total pregnant women in a given commune/catchment area, total births) and VaxTrac via a secure login to a national HMIS system and use the information to make data driven decisions.
Required Features:
- Registering pregnant mothers (name, contact number(s), expected due date, home village).
- Customizable appointment scheduling rules. (How often should a mother return to the health post and for what services?)
- Search and matching of existing mothers for when a mother returns to the health clinic. Fast lookup by name, home village, due date, mobile number.
- Logging of follow up visit and generate updated next visit appointment (if necessary).
- Newborn birth confirmation.
- Date based (daily, weekly, monthly) aggregate reporting totals for mothers registered, total visits, births.
- Targeted reports of mothers who have missed their follow up appointments.
Required Screens:
01 Sign In Page:
- Please refer to login.html
- App name: BirthTrac.
- Username.
- Password.
- Forgot password link.
- Sign in button.
02 Dashboard:
- Please refer to dashboard.html
-- We like the simplicity and color of #226773's dashboard. The total count of registrations, births, and received vaccines since inception is not useful without date filters.
- This view will have search feature and visualized reports based on gathered data:
-- Total pregnant women in a given commune/catchment area, total births.
- Search:
-- Search and matching of existing mothers for when a mother returns to the health clinic. Fast lookup by name, home village, due date, mobile number.
- We need registering button here:
-- Registration button should be moved back to the top closer to the search button instead of at the bottom in the final wireframe.
- User needs to be able to view:
-- Appointments today. (appointments-today.html).
-- Appointments missed. (appointments-missed.html).
-- Upcoming appointments. (appointments-upcoming.html).
-- Reports tool. (reports-totals.html).
-- Appointments reports (reports-appointments.html).
03 Search Results Page:
- Please refer to searchresults.html
- This will show matching results with following info:
-- Pregnant mother Name.
-- Contact number(s).
-- Expected due date.
-- Home village.
04 Registering Pregnant Mothers Page:
- Please refer to registermother.html
- User needs to capture:
-- Pregnant mother Name.
-- Contact number(s), this should allow the input of multiple phone numbers.
-- Expected due date.
-- birthday or age.
-- Home village.
-- Vaccines.
-- Dose.
- Clicking on a result will take the user to pregnant mother profile page.
05 Pregnant Mother Profile Page:
- Please refer to pregnantmotherprofile-appointments.html
- The mother’s profile information should be editable.
- Here we need to show selected mother data.
- We need to show:
-- Appointments,
-- Vaccines. (pregnantmotherprofile-vaccines.html).
-- Birth Details. (pregnantmotherprofile-birth.html).
- User needs to be able to:
-- Add new appointment. (newappointment.html).
-- Add new vaccine. (newvaccine.html).
-- Register a new birth. (newbirth.html).
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Supporting Documents:
- Wireframes (wireframe.zip).
Branding Guidelines:
- We want to give the designers the freedom to be creative, as long as their designs are consistent and play well with the Android UI.
- You can follow https://design.google.com/ and https://www.google.com/design/spec/material-design/introduction.html if you like.
Target audience:
- Frontline health workers (midwives, nurses, doctors).
- Health data managers.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience
- How well you interpret the example screens and show us new ideas and concepts.
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
BirthTrac will be a complimentary antenatal care (ANC) and birth registry application linked to the VaxTrac vaccine registry app which helps frontline health workers register high quality patient level vaccine data at health facilities in underserved parts of the world.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
Round 1
Submit your initial design for a checkpoint feedback:
02 Dashboard.
03 Search Results Page.
- 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 checkpoint feedback:
01 Sign In Page.
02 Dashboard.
03 Search Results Page.
04 Registering Pregnant Mothers Page.
05 Pregnant Mother Profile Page.
- 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).
Challenge Description:
The goal of this challenge is to build a mobile application called BirthTrac, this app will be used to register pregnancies and record births in nearly real time, creating a database of children who can then be contacted for follow up. VaxTrac can use smartphones to push regular notifications from the clinic with a list of children who are due for upcoming vaccination sessions, and/or push SMS reminders directly to new mothers. As more hard to reach pregnant women and children are connected to the health system, more data will be available to both skilled health workers in clinics and hospitals, as well as to health system decision makers at both the district and central levels. This data flow will be available via a national reporting portal that is supported by DHIS2, or other National Health Management Information System (HMIS).
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be an Android App.
- Mobile view (Mobile Resolution: Design for Samsung Galaxy S7 Edge Display 1440px x 2560px).
- Make sure you create graphics in 'shape/ vector' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
Challenge Goal:
- The main functionality of the app will consist of the registration of pregnant mothers, preventative follow up checkups, newborn child registration, and the aggregate reporting of metrics.
User Stories:
- Frontline health workers (midwives, nurses, doctors) will be inputting data, verifying information, and using the database to follow up with pregnant women who need to come for follow up ANC care. They will also be registering children when they’re born at a birthing center and following up with them using VaxTrac to come for vaccination sessions.
- Pregnant women will be providing some basic personal/demographic information to be registered in BirthTrac (expected due date, contact info, etc.)
- Infants and newborns will be registered at birth.
- Health data managers will be able to access data from BirthTrac (total pregnant women in a given commune/catchment area, total births) and VaxTrac via a secure login to a national HMIS system and use the information to make data driven decisions.
Required Features:
- Registering pregnant mothers (name, contact number(s), expected due date, home village).
- Customizable appointment scheduling rules. (How often should a mother return to the health post and for what services?)
- Search and matching of existing mothers for when a mother returns to the health clinic. Fast lookup by name, home village, due date, mobile number.
- Logging of follow up visit and generate updated next visit appointment (if necessary).
- Newborn birth confirmation.
- Date based (daily, weekly, monthly) aggregate reporting totals for mothers registered, total visits, births.
- Targeted reports of mothers who have missed their follow up appointments.
Required Screens:
01 Sign In Page:
- Please refer to login.html
- App name: BirthTrac.
- Username.
- Password.
- Forgot password link.
- Sign in button.
02 Dashboard:
- Please refer to dashboard.html
-- We like the simplicity and color of #226773's dashboard. The total count of registrations, births, and received vaccines since inception is not useful without date filters.
- This view will have search feature and visualized reports based on gathered data:
-- Total pregnant women in a given commune/catchment area, total births.
- Search:
-- Search and matching of existing mothers for when a mother returns to the health clinic. Fast lookup by name, home village, due date, mobile number.
- We need registering button here:
-- Registration button should be moved back to the top closer to the search button instead of at the bottom in the final wireframe.
- User needs to be able to view:
-- Appointments today. (appointments-today.html).
-- Appointments missed. (appointments-missed.html).
-- Upcoming appointments. (appointments-upcoming.html).
-- Reports tool. (reports-totals.html).
-- Appointments reports (reports-appointments.html).
03 Search Results Page:
- Please refer to searchresults.html
- This will show matching results with following info:
-- Pregnant mother Name.
-- Contact number(s).
-- Expected due date.
-- Home village.
04 Registering Pregnant Mothers Page:
- Please refer to registermother.html
- User needs to capture:
-- Pregnant mother Name.
-- Contact number(s), this should allow the input of multiple phone numbers.
-- Expected due date.
-- birthday or age.
-- Home village.
-- Vaccines.
-- Dose.
- Clicking on a result will take the user to pregnant mother profile page.
05 Pregnant Mother Profile Page:
- Please refer to pregnantmotherprofile-appointments.html
- The mother’s profile information should be editable.
- Here we need to show selected mother data.
- We need to show:
-- Appointments,
-- Vaccines. (pregnantmotherprofile-vaccines.html).
-- Birth Details. (pregnantmotherprofile-birth.html).
- User needs to be able to:
-- Add new appointment. (newappointment.html).
-- Add new vaccine. (newvaccine.html).
-- Register a new birth. (newbirth.html).
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Supporting Documents:
- Wireframes (wireframe.zip).
Branding Guidelines:
- We want to give the designers the freedom to be creative, as long as their designs are consistent and play well with the Android UI.
- You can follow https://design.google.com/ and https://www.google.com/design/spec/material-design/introduction.html if you like.
Target audience:
- Frontline health workers (midwives, nurses, doctors).
- Health data managers.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience
- How well you interpret the example screens and show us new ideas and concepts.
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.