Challenge Summary
In this challenge, we need your creative skills and help us create a modern and intuitive user interface that allows users (physicians) to track the order status and view order results for patients under their care. Through the order results, the application will also assist physicians in determining which antibiotics to prescribe to patients.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
0) General Requirements
1) Login Screen
2) Dashboard Screen
3) Search Screen
4) Recently Viewed Screen
5) Patient Order Status Screen
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
0) General Requirements
1) Login Screen
2) Dashboard Screen
3) Search Screen
4) Recently Viewed Screen
5) Patient Order Status Screen
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
The purpose of this project is to develop a mobile application (for iPad) that will be used by Physicians to track the order status and view order results for all the patients they have under their care. Through the order results, the application will also assist Physicians in determining which antibiotics to prescribe to patients.
Challenge Goal
Create a new look and feel that able to help the user of this application to be easily tracking the order status and help decide on which antibiotics to prescribe to patients.
Design Consideration
- New, Professional, and Modern look and feel.
- Simplicity to view and add necessary information
- iPad Native application (Follow iPad Design Best Practice)
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Simple, clean, modern.
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
Challenge Forum
If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
https://apps.topcoder.com/forums/?module=ThreadList&forumID=626194
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.
0) General Requirements
- Provide simple logo for the application
- User will be able to perform a new search from any page
- Application will adhere to branding requirements set forth in design guide documents
- User will be able to go back to previous page, or back to home page from any screen
1) Login Screen
No Wireframe
- User will need to log in first before able to use the application
- Ordinary form login (username/password) with several options like Forgot Password, Register, etc?
- Provide error scenario where user enter wrong credential
2) Dashboard Screen
Wireframe Page 1
- Main Screen where user will be landed after successfully login to the app
- User will be able to search a patient name or ID, or scan patient code
- The user will be able to navigate to separate pages displaying tests (similar to search results), for the following:
-- Recently Viewed (last 10 tests viewed by user)
-- Your Attending (tests in which the patient is being attended by user)
-- Your Ordered (tests ordered by user)
-- Your Admitted (tests in which the patient was admitted by user)
- Beneath each option, display the number of results
3) Search Screen
Wireframe Page 2, 3, 5, and 6
- Search will allow Type-ahead functionality (Auto complete suggestion)
- User will be able to search only patients for which they are attending, admitted, or have ordered a test
- In the Search result, user will be able to see listing of patient name, ID, DOB, their tests, specimen type, current status, and estimated completion date/time
- Under "Current Status", we need to show the patient status (which phase that already completed and not completed)
4) Recently Viewed Screen
Wireframe Page 4
- This screen will be used as a layout base for the following screens:
-- Recently Viewed (last 10 tests viewed by user)
-- Your Attending (tests in which the patient is being attended by user)
-- Your Ordered (tests ordered by user)
-- Your Admitted (tests in which the patient was admitted by user)
- The appearance of this screen will almost similar with search result screens, only it will show different content.
5) Patient Order Status Screen (IMPORTANT!)
Wireframe Page 7 to 15
- You need to use the content for each phase from "Content - Synapsys Mobile App Patient Data Set.xlsx"
- On this screen, all phases will be displayed, with a different color or highlighting distinction between the completed and yet to be completed phases
- Upon selection of a test/order, user will be able to view the following:
-- Current status/phase
-- Estimated completion date for each phase (For ex, Innoculation, Gram Stain, Preliminary ID, Final ID, Organism AST, etc)
-- Patient information: Patient name, ascension #, and protocol (needs some hint)
-- Culture Data Results (i.e. "Specimen Received in Laboratory", "Moderate Gram Positive Cocci", "Light Growth Eschericia coli", etc.) will be displayed on the results page
-- Relevant/appropriate antibiogram for the current phase
-- The antibiograms will implement a heatmap covering the full range of the values
-- Time of last update, Also include expected time of completion for next phase/step
- From the test results page, user will be able to toggle which phases they would like to receive alerts for
- User will be able to leave a comment on the test results (only placeholder required at the moment)
- Once all phase complete, the application will show suggestion of “treatment advisories” to the user where user can see what kind of antibiotic prescription that suitable for the patients.
Important:
- Keep things consistent. This means all graphics styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
Branding Guidelines
- Use our Branding Guidelines Docs for colors and layout recommendation
Documentation
Please ask for access to documentation in challenge forum!
- Wireframes
- Patient Content
- Abbreviations
- Branding Guidelines
Target Devices
- In this challenge, focus on iPad
- Screen size: 1536 x 2048 (Portrait)
Target Audience
- Physicians
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
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 image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (might need to convert it to photoshop later) or Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Round 1
Submit your initial design for a Checkpoint Feedback0) General Requirements
1) Login Screen
2) Dashboard Screen
3) Search Screen
4) Recently Viewed Screen
5) Patient Order Status Screen
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your Final Design plus Checkpoint Updates0) General Requirements
1) Login Screen
2) Dashboard Screen
3) Search Screen
4) Recently Viewed Screen
5) Patient Order Status Screen
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
The purpose of this project is to develop a mobile application (for iPad) that will be used by Physicians to track the order status and view order results for all the patients they have under their care. Through the order results, the application will also assist Physicians in determining which antibiotics to prescribe to patients.
Challenge Goal
Create a new look and feel that able to help the user of this application to be easily tracking the order status and help decide on which antibiotics to prescribe to patients.
Design Consideration
- New, Professional, and Modern look and feel.
- Simplicity to view and add necessary information
- iPad Native application (Follow iPad Design Best Practice)
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Simple, clean, modern.
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
Challenge Forum
If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
https://apps.topcoder.com/forums/?module=ThreadList&forumID=626194
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.
0) General Requirements
- Provide simple logo for the application
- User will be able to perform a new search from any page
- Application will adhere to branding requirements set forth in design guide documents
- User will be able to go back to previous page, or back to home page from any screen
1) Login Screen
No Wireframe
- User will need to log in first before able to use the application
- Ordinary form login (username/password) with several options like Forgot Password, Register, etc?
- Provide error scenario where user enter wrong credential
2) Dashboard Screen
Wireframe Page 1
- Main Screen where user will be landed after successfully login to the app
- User will be able to search a patient name or ID, or scan patient code
- The user will be able to navigate to separate pages displaying tests (similar to search results), for the following:
-- Recently Viewed (last 10 tests viewed by user)
-- Your Attending (tests in which the patient is being attended by user)
-- Your Ordered (tests ordered by user)
-- Your Admitted (tests in which the patient was admitted by user)
- Beneath each option, display the number of results
3) Search Screen
Wireframe Page 2, 3, 5, and 6
- Search will allow Type-ahead functionality (Auto complete suggestion)
- User will be able to search only patients for which they are attending, admitted, or have ordered a test
- In the Search result, user will be able to see listing of patient name, ID, DOB, their tests, specimen type, current status, and estimated completion date/time
- Under "Current Status", we need to show the patient status (which phase that already completed and not completed)
4) Recently Viewed Screen
Wireframe Page 4
- This screen will be used as a layout base for the following screens:
-- Recently Viewed (last 10 tests viewed by user)
-- Your Attending (tests in which the patient is being attended by user)
-- Your Ordered (tests ordered by user)
-- Your Admitted (tests in which the patient was admitted by user)
- The appearance of this screen will almost similar with search result screens, only it will show different content.
5) Patient Order Status Screen (IMPORTANT!)
Wireframe Page 7 to 15
- You need to use the content for each phase from "Content - Synapsys Mobile App Patient Data Set.xlsx"
- On this screen, all phases will be displayed, with a different color or highlighting distinction between the completed and yet to be completed phases
- Upon selection of a test/order, user will be able to view the following:
-- Current status/phase
-- Estimated completion date for each phase (For ex, Innoculation, Gram Stain, Preliminary ID, Final ID, Organism AST, etc)
-- Patient information: Patient name, ascension #, and protocol (needs some hint)
-- Culture Data Results (i.e. "Specimen Received in Laboratory", "Moderate Gram Positive Cocci", "Light Growth Eschericia coli", etc.) will be displayed on the results page
-- Relevant/appropriate antibiogram for the current phase
-- The antibiograms will implement a heatmap covering the full range of the values
-- Time of last update, Also include expected time of completion for next phase/step
- From the test results page, user will be able to toggle which phases they would like to receive alerts for
- User will be able to leave a comment on the test results (only placeholder required at the moment)
- Once all phase complete, the application will show suggestion of “treatment advisories” to the user where user can see what kind of antibiotic prescription that suitable for the patients.
Important:
- Keep things consistent. This means all graphics styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
Branding Guidelines
- Use our Branding Guidelines Docs for colors and layout recommendation
Documentation
Please ask for access to documentation in challenge forum!
- Wireframes
- Patient Content
- Abbreviations
- Branding Guidelines
Target Devices
- In this challenge, focus on iPad
- Screen size: 1536 x 2048 (Portrait)
Target Audience
- Physicians
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
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 image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (might need to convert it to photoshop later) or Sketch and saved as an editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
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.