Challenge Summary
This is a new type of challenge for Topcoder Design. The goal of this challenge is to quickly create "design direction" guidance for our customer project. Our customer is currently holding a design thinking workshop and they would like to use the artifacts and ideas from that workshop to inspire you (Topcoder community) to see what ideas and concepts you would like to contribute back to continue the design process. The goal of "Design Direction" is to not create high-fidelity designs but to focus in on thinking through the problem and proposing a direction for the project. Design Direction is a little bit of Information Architecture, a little bit of UI/UX design work to help inspire the customer and to inspire a future designer of the idea, product, or app.
We are looking for you to look over the requirements and proposed features and put together high-level information and visual direction that will become input into the UI challenge.
This is a FAST challenge, so make sure you are using your time wisely. Welcome to this exciting new Topcoder Design challenge type and please don't hesitate to ask any questions in the forum.
Important Rule Change for the Design Direction Challenge
You are allowed to submit your designs at any time during this challenge. This challenge has a rolling checkpoint with deadline on Jun 26 at 10:00 AM EST and top 5 designs will win $50 as a prize. All submissions will be accepted (that pass screening).
Note: while we are allowing this challenge to be "open" throughout we do recommend you submit to the checkpoint as we are reviewing LIVE with the customer during their workshop. Good luck!
Full Description & Project Guide
ROUND 1
Submit design direction documentation for the checkpoint deadline:
- Throw all your initial ideas here!
- Focus on showing meaningful concept pages/wireframes to receive feedback, NOT the fonts/ colors, icons style (these are secondary to the goals)
- The Workshop Design Team will be reviewing your checkpoints as a group and providing fast feedback on Wednesday.
ROUND 2
Submit your updated and final design direction documentation for the final deadline and improved based on the checkpoint feedback:
- All your design direction material!
Challenge Objectives
- Focus on what you think is important in the customer's project and provide design direction back to them on where you think the project should go.
- Create wireframes, sketches or simple designs to convey your design direction
- Provide guidance on your idea, color palettes, typography, shapes, etc.
- Provide fast and rough wireframes to show your concepts.
- Show us new ideas that you might have in addition to the ones suggested by customers to make your design concepts stand out
Project Background
- This challenge is meant to serve as a precursor to a regular UI design challenge. You can think of it as a “FAST Wireframe Challenge", however, we are not looking for full-fledged wireframes.
- We’d like to see how you think the application could work, potential workflows and interactions.
- Think of this as a low-fidelity design concepts challenges.
- Secondarily we are also looking for suggestions on color palette, typography & icons styles, and overall notes about the look and feel of the application (but this is secondary information, the main thing are the workflows). When presenting put these items last.
Overview
The purpose of this challenge is to create a seamless platform for our customer "Project Dream", to virtualize, mobilize and automate (as much as possible) the entire diagnostic and treatment process of the Obstructive Sleep Apnea (OSA) from a patient’s first contact to the last.
Obstructive sleep apnea (OSA) is a potentially serious sleep disorder. It causes breathing to repeatedly stop and start during sleep because the throat muscles relax and block your airways during sleep. A noticeable sign of obstructive sleep apnea is snoring.
Your brain senses this impaired breathing and briefly rouses you from sleep so that you can reopen your airway. This awakening is usually so brief that you don't remember it. This pattern can repeat itself 5 to 30 times or more each hour, all night long, and because of that, you will feel sleepy during the day, have difficulty concentrating and have a higher risk for work-related accidents. Undiagnosed sleep apnea, creates many workplaces accidents, motor vehicle accidents, lost productivity and comorbid diseases.
One of the reasons why OSA remain untreated is because of the many visits to a sleep center (more than 7) to diagnose and treat it. Project Dream is a telemetric company, who would like to create a platform to diagnose and treat OSA through optimized (online) virtual logistics.
Features
We are not highlighting specific screens, as we are looking for your ideas and how you approach the problem. For this application, we have 2 user persona's to keep in mind: the doctor and the patient (new and existing). Please ask in the forums for documentation to see how the current process happens now.
New Patient User Story
- The patient comes to the landing page to onboard on his journey
- He then starts completing information about his insurance and basic demographic info ( a bot called “Sheepa” is there to help him)
- Next step is the initial evaluation which can be an online consult or a home sleep test (HST). The consult is a video meeting with the scope of diagnosing the patient and deciding the next steps. The HST is a test that will help identify the obstructive sleep apnea issue using a small device that will be delivered to the patient’s house. When the doctor has decided on diagnosis, he will recommend the patient to do more tests or a follow-up or in many cases to order a CPAP machine
- The follow up: the doctor and patient are meeting online after 1, 3, 6 months to see the progress of the patient.
- Continuity of care: the patient is happy and he can share his experience online, participate in forums, rate the application, etc.
For this challenge, we are looking for designing a desktop experience for a doctor and a mobile experience for the patient.
The below requirements MUST be incorporated into your design somehow.
- We are looking for your ideas and how you approach the problem described in the description above and in the attached documentation (5 steps/pages) for both doctor and patient
- The auto-bot would help the patient to complete the initial information
- The doctor and the patient should communicate easily on video meetings (speech to text feature, option to take photos, chat, etc)
- The doctor will have some templates to follow up during consultations
- The doctor should be able to take notes about the patient and save them on his record as they speak and easily schedule meetings
- The patient can send the test results to the doctor by uploading files in the application
- He is also able to see progress of where he is in his journey
- What other features could you add to make this more useful? (perhaps gamification, groups support, etc.)
Apart from these details, the customer provided additional documents for this challenge, to give you a better understanding of the requirements. Please ask in the forums for it. You should go over them to make sure you take into accounts all aspects of this application. In addition to this, we would like you to push the ideas you see there even more and give design direction to them.
Here are a couple references (created by Blake Walles) for the type of fidelity and design direction we are looking for. The elements that we would like to see included in submission are:
- Overall concept description
- Your wireframes/ screens with name and a short description to explain what that page is about. Your screens should be organized in the order you would like them to be seen.
- Overall application style: how do you envision this application being designed? Should it be modern, retro, high-tech, dark style, etc.
- Your suggested icon style
- For ALL choices, we would like a comment or explanation.
- For this challenge you can use the Form wireframe GUI KIT , from Invision attached in the forums, to get you going so you can focus on providing great design direction to the customer that will be used in the follow-up design challenge.
- Place your design in a desktop mockup like in the reference we provided so it gives a more authentic image of how the concept might look. You can find the mockups of the devices in the GUI KIT. You can also use the Marvel app to showcase your work.
Deliverables Examples
- We want to make this challenge easy and fast, therefore we are not setting strict requirements on the format of the deliverables you produce. We are recommending you think of how it is presented. So a complete PDF of your design direction or Axure wireframes or a MarvelApp would make sense. Anything that showcases your ideas the best (and makes it easy to follow).
- Make sure to provide all source files as usual created in Adobe PS, AI, XD, Sketch, etc. and all submission files
- If you decide to use Marvel Prototype
- Please send your marvel app request to keyla.blue1@gmail.com
- You MUST include your Marvel app URL as a text file in your final submission labeled “MarvelApp URL” (in your marvel app prototype, click on share and then copy the link).
Target Audience
- Patients
- Doctors
Judging Criteria
Your submission will be judged by:
- How well you thought about the problem and provided design direction
- Creativity
- Execution of your design direction documents
Stock
- Stock photography is allowed in this challenge. See this page for more details.
- Stock icons are allowed in this challenge
- Stock Wireframe kits (copyright free/free usage) are allowed in this challenge
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.