Challenge Summary
Welcome to “VA Kidney Nutrition Mobile App Wireframe Challenge”. In this challenge, we are looking to conceptualize the first vision for a mobile application that patients and caregivers can use to make smart nutrition decisions informed by their own laboratory/biometric data and personal goals. You will be focused on creating how this application should look and represent the all the data.
We need to see an intuitive and easy to use "wireframe concepts" that will let us design and build the final mobile user interfaces on the next stage of this project. Think on what are the best UI/UX practices when creating this wireframe.
This Studio competition will be run as a two-round tournament with a total prize purse of $2,500.00.
1) Login
2) Home / Dashboard
3) User profile
4) Intake and Activity Tracking
Feel free to add any screens which are necessary to explain your concept
1) Login
2) Home / Dashboard
3) User profile
4) Intake and Activity Tracking
5) User History/Trend metrics
6) User Incentives
7) Nutrition Recommendations & Drug Interactions
8) Patient Resource
Feel free to add any screens which are necessary to explain your concept.
Background Information
Patients and their caregivers experience multiple challenges managing kidney disease. Treatment can change over time as the disease progresses, including fundamental nutritional requirements. Online nutrition tools exist but do not meet their specific needs. The VA Kidney Nutrition Mobile App Wireframe Challenge aims to address these needs through the development of a mobile application that patients and caregivers can use to make smart nutrition decisions informed by their own laboratory/biometric data and personal goals.
Key Items to Focus on
- Focus on general navigation between all required screens and functionalities
- Look for the best way to positively incentivize the app users to promote personal goal-setting and achievements.
- Easy and intuitive use for tech and non tech users.
- The target device for this application is iPhone. So you work on 750px width by 1334px height as screen size resolution. Half size is also ok for this challenge: 375px width by 667px height.
Required Screens/Functionalities
1- Login
- Create a simple login that allows users access the application.
- Use common login features: email, password, remember, forgot password.
- Do not use social media login on this application.
- Show how the error messages/alerts should work.
- All users must agree to a Terms of Service/Liability Release prior to launching the app for the first time.
2- Home / Dashboard
- When users access this application they need to see a summary information related to User History/Trend metrics, Incentives and goals.
- Main Navigation to all required screens and functionalities.
- Global search that allows to search for Nutrition Recommendations & Drug Interactions and Patient Resources.
3- User profile
User will input profile data and each profile should include the following:
- Age
- Height
- Current weight: Daily for all and pre/post dialysis and daily values for those in ESRD and on dialysis. On Dialysis Days, there must be a way to record 2 weights (pre/post dialysis). They won’t enter their weight every day, perhaps, but they should be ABLE to enter it daily or >1 times/day.
- Disease category (early stage CKD, ESRD and change in kidney function over time)
- Presence or absence of diabetes and diabetic diet goals
- Lab values: eGFR, blood sugar, albumin, potassium, phosphorus, hemoglobin A1C,
- PTH, calcium, bicarbonate (CO2), uric acid, vitamin D
- The units of measurement for each will be automatically listed next to the item.
- Blood pressure
- Medications
- Goals: Users will be able to create and track goals. For example: Lose weight/input desired weight, eat more add at least 2 cups of fresh fruits and vegetables to their existing diets daily if their remaining kidney function is sufficient to avoid hyperkalemia from the added potassium load , improve the lab levels, drink xx ounces of water/day.
- The App shall permit users to personalize profiles with an avatar.
4- User History/Trend metrics
App will have data calculators/trackers monitor and display past and current values for the following data input by the user:
- Labs: eGFR, Albumin, phosphorus, potassium, bicarbonate (CO2), uric acid, A1c.
- Dietary and fluid inputs: grams of protein, milligrams of potassium, sodium, phosphorus, milliliters or ounces of fluids
- Body weight pounds or kilograms
- Blood pressure
5- Intake and Activity Tracking
App shall permit dietary and fluid intake tracking.
- For daily dietary intake the user will list the foods and fluids they have consumed throughout the day. Patients with kidney disease track fluid intake (fluid is anything that is liquid at room temperature. For example, ice cream, Jello, pudding, milk, juice, etc.)
- Search interface shall include an auto-populate feature that dynamically incorporates matches as the user is typing
App shall include a feature that permits users to include photos of food
- The user can take photos of their meals and the app will store the photos according to time/date and type of meal (breakfast, lunch, dinner) to allow for dietary recall
- This will serve as a daily consumption food journal feature
- App shall include an activity tracking component that includes user inputs as well as syncing of biometric data from devices such as a Fitbit and the Apple Watch.
6- User Incentives
The App shall employ a fun and positive gamification incentive approach to promote personal goal-setting and achievements. The gamification, goal-setting and reward structure will be tailored to the user’s disease category (early stage CKD, CKD, ESRD) allowable limits/requirements (see Table 1 in Attachment 1: Kidney Challenge Worksheet).
The features shall include (but not be limited to):
- Personal goal setting and prioritization
- Reward structure for specific achievements (for example: goal progress in lowering blood pressure or reducing body weight)
- The following data will be part of the gamification feature (please reference tables 1, 2 in Attachment 1: Kidney Challenge Worksheet for more info on tracking levels, also note Attachment 2 for examples of reports typically provided for patients to track progress):
- - Labs: eGFR, albumin, phosphorus, potassium, bicarbonate (CO2), uric acid, A1c
- - Dietary and fluid inputs: grams of protein, milligrams of potassium, sodium, phosphorus
7- Nutrition Recommendations & Drug Interactions
The app shall recommend food items based on individual lab inputs and disease stage, alert the user to unsafe levels of nutrient content, provide food and drug interaction warnings, suggest food substitutions, and input this information into individualized decision matrices based on individual labs, goals, and preferences (see Table 2 in Attachment 1 Kidney Challenge Worksheet). Also included in attachments as a reference, a monthly report card provided as an educational tool for updating patients on current labs and recommended foods.
The app shall notify users of nutrient intake precautions they should take with certain drug interactions. Medications and interactions are listed in Table 3 of the Attachment 1 Kidney Challenge Worksheet.
8- Patient Resources
The App shall include an information section with links to educational web content on kidney nutrition, a description of safe lab ranges for CKD patients, and tutorials on reading food labels, “kidney safe” recipes, and gardening. Examples for educational content locations include eKidney Clinic, Kidney SchoolTM, and the National Institute of Diabetes and Digestive and Kidney Diseases (NIDDK) education program.
Compliance
UI shall be 508 compliant. For details on 508 compliance requirements visit https://mobile.va.gov/content/my-app-section-508-compliant
Target Audience
The application will be used by patients and caregivers from The Department of Veterans Affairs.
Tools
- We are asking to work with Axure: http://www.axure.com/support
- You can also work with static images but you must include a fully navigable prototype in HTML. This can be done using tools like MarvelApp or InvisionApp.
Judging Criteria
- User Experience of the application/portal
- Completeness and accuracy of your wireframes
- How well your wireframes provide a consistent user flow
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
Wireframes should be built in HTML or Axure
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths
We need to see an intuitive and easy to use "wireframe concepts" that will let us design and build the final mobile user interfaces on the next stage of this project. Think on what are the best UI/UX practices when creating this wireframe.
This Studio competition will be run as a two-round tournament with a total prize purse of $2,500.00.
Round 1
Submit your initial wireframes for checkpoint review.1) Login
2) Home / Dashboard
3) User profile
4) Intake and Activity Tracking
Feel free to add any screens which are necessary to explain your concept
Round 2
Submit your initial wireframes for checkpoint review.1) Login
2) Home / Dashboard
3) User profile
4) Intake and Activity Tracking
5) User History/Trend metrics
6) User Incentives
7) Nutrition Recommendations & Drug Interactions
8) Patient Resource
Feel free to add any screens which are necessary to explain your concept.
Background Information
Patients and their caregivers experience multiple challenges managing kidney disease. Treatment can change over time as the disease progresses, including fundamental nutritional requirements. Online nutrition tools exist but do not meet their specific needs. The VA Kidney Nutrition Mobile App Wireframe Challenge aims to address these needs through the development of a mobile application that patients and caregivers can use to make smart nutrition decisions informed by their own laboratory/biometric data and personal goals.
Key Items to Focus on
- Focus on general navigation between all required screens and functionalities
- Look for the best way to positively incentivize the app users to promote personal goal-setting and achievements.
- Easy and intuitive use for tech and non tech users.
- The target device for this application is iPhone. So you work on 750px width by 1334px height as screen size resolution. Half size is also ok for this challenge: 375px width by 667px height.
Required Screens/Functionalities
1- Login
- Create a simple login that allows users access the application.
- Use common login features: email, password, remember, forgot password.
- Do not use social media login on this application.
- Show how the error messages/alerts should work.
- All users must agree to a Terms of Service/Liability Release prior to launching the app for the first time.
2- Home / Dashboard
- When users access this application they need to see a summary information related to User History/Trend metrics, Incentives and goals.
- Main Navigation to all required screens and functionalities.
- Global search that allows to search for Nutrition Recommendations & Drug Interactions and Patient Resources.
3- User profile
User will input profile data and each profile should include the following:
- Age
- Height
- Current weight: Daily for all and pre/post dialysis and daily values for those in ESRD and on dialysis. On Dialysis Days, there must be a way to record 2 weights (pre/post dialysis). They won’t enter their weight every day, perhaps, but they should be ABLE to enter it daily or >1 times/day.
- Disease category (early stage CKD, ESRD and change in kidney function over time)
- Presence or absence of diabetes and diabetic diet goals
- Lab values: eGFR, blood sugar, albumin, potassium, phosphorus, hemoglobin A1C,
- PTH, calcium, bicarbonate (CO2), uric acid, vitamin D
- The units of measurement for each will be automatically listed next to the item.
- Blood pressure
- Medications
- Goals: Users will be able to create and track goals. For example: Lose weight/input desired weight, eat more add at least 2 cups of fresh fruits and vegetables to their existing diets daily if their remaining kidney function is sufficient to avoid hyperkalemia from the added potassium load , improve the lab levels, drink xx ounces of water/day.
- The App shall permit users to personalize profiles with an avatar.
4- User History/Trend metrics
App will have data calculators/trackers monitor and display past and current values for the following data input by the user:
- Labs: eGFR, Albumin, phosphorus, potassium, bicarbonate (CO2), uric acid, A1c.
- Dietary and fluid inputs: grams of protein, milligrams of potassium, sodium, phosphorus, milliliters or ounces of fluids
- Body weight pounds or kilograms
- Blood pressure
5- Intake and Activity Tracking
App shall permit dietary and fluid intake tracking.
- For daily dietary intake the user will list the foods and fluids they have consumed throughout the day. Patients with kidney disease track fluid intake (fluid is anything that is liquid at room temperature. For example, ice cream, Jello, pudding, milk, juice, etc.)
- Search interface shall include an auto-populate feature that dynamically incorporates matches as the user is typing
App shall include a feature that permits users to include photos of food
- The user can take photos of their meals and the app will store the photos according to time/date and type of meal (breakfast, lunch, dinner) to allow for dietary recall
- This will serve as a daily consumption food journal feature
- App shall include an activity tracking component that includes user inputs as well as syncing of biometric data from devices such as a Fitbit and the Apple Watch.
6- User Incentives
The App shall employ a fun and positive gamification incentive approach to promote personal goal-setting and achievements. The gamification, goal-setting and reward structure will be tailored to the user’s disease category (early stage CKD, CKD, ESRD) allowable limits/requirements (see Table 1 in Attachment 1: Kidney Challenge Worksheet).
The features shall include (but not be limited to):
- Personal goal setting and prioritization
- Reward structure for specific achievements (for example: goal progress in lowering blood pressure or reducing body weight)
- The following data will be part of the gamification feature (please reference tables 1, 2 in Attachment 1: Kidney Challenge Worksheet for more info on tracking levels, also note Attachment 2 for examples of reports typically provided for patients to track progress):
- - Labs: eGFR, albumin, phosphorus, potassium, bicarbonate (CO2), uric acid, A1c
- - Dietary and fluid inputs: grams of protein, milligrams of potassium, sodium, phosphorus
7- Nutrition Recommendations & Drug Interactions
The app shall recommend food items based on individual lab inputs and disease stage, alert the user to unsafe levels of nutrient content, provide food and drug interaction warnings, suggest food substitutions, and input this information into individualized decision matrices based on individual labs, goals, and preferences (see Table 2 in Attachment 1 Kidney Challenge Worksheet). Also included in attachments as a reference, a monthly report card provided as an educational tool for updating patients on current labs and recommended foods.
The app shall notify users of nutrient intake precautions they should take with certain drug interactions. Medications and interactions are listed in Table 3 of the Attachment 1 Kidney Challenge Worksheet.
8- Patient Resources
The App shall include an information section with links to educational web content on kidney nutrition, a description of safe lab ranges for CKD patients, and tutorials on reading food labels, “kidney safe” recipes, and gardening. Examples for educational content locations include eKidney Clinic, Kidney SchoolTM, and the National Institute of Diabetes and Digestive and Kidney Diseases (NIDDK) education program.
Compliance
UI shall be 508 compliant. For details on 508 compliance requirements visit https://mobile.va.gov/content/my-app-section-508-compliant
Target Audience
The application will be used by patients and caregivers from The Department of Veterans Affairs.
Tools
- We are asking to work with Axure: http://www.axure.com/support
- You can also work with static images but you must include a fully navigable prototype in HTML. This can be done using tools like MarvelApp or InvisionApp.
Judging Criteria
- User Experience of the application/portal
- Completeness and accuracy of your wireframes
- How well your wireframes provide a consistent user flow
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
Wireframes should be built in HTML or Axure
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths
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.