Challenge Summary
We are looking for your help in designing a series of screens that will help shape the experience of our Risk Manager Mobile Application. The goal of this challenge is to create a mobile design concept for this iPad app.
To be successful in this challenge you MUST use the existing style guide for fonts/colors/branding (see Supporting Docs). We are looking for a creative, mobile app design representation of the features we show in the wireframes. Some of our favorite mobile designs are included in the Supporting Docs section of this spec, for reference. We will be evaluating prizes bases on creative, simple, mobile-specific designs. Submissions consisting of visual elements added to our existing wireframes will not be considered winners. This is a native iOS iPad application.
Round 1
Round One, Checkpoint:Screen 1: 01-Scheduled Visits View
Screen 2: 02-Visit Detail (Site View) - In Progress
Screen 3: 03-Provider-level detail - In Progress
Screen 4: 04-Begin Assessment
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Round Two, Finals:All designs to reflect feedback from checkpoint review.
Screen 1: 01-Scheduled Visits View
Screen 2: 02-Visit Detail (Site View) - In Progress
Screen 3: 03-Provider-level detail - In Progress
Screen 4: 04-Begin Assessment
Screen 5: 05-Question Detail View
Screen 6: 06-Visit Detail (Site View) - Assessment Ready to Submit
Screen 7: 07-Edit Provider
Screen 8: 08-Provider Assessment Report (PDF)
Screen 9: 09-Scheduled Visits - pending connectivity
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Customer Overview
Founded by physicians in 1982, Atlanta-based MagMutual is one of the leading providers of medical professional liability insurance to physicians and hospitals in the United States. Operating in ten Southeastern states with extensive local office presence, MagMutual is the largest medical professional liability insurer in the Southeast, and the fourth largest mutual insurer in the U.S. The company is rated A (Excellent) by A.M. Best. Insurance products and services are issued and underwritten by MAG Mutual Insurance Company and its affiliates.
MagMutual offers comprehensive risk management and patient safety programs and is committed to an unwavering defense of our policyholders’ personal and professional reputations. As a mutual insurer, our business decisions reflect the priorities of our policyholder/owners – the physicians and hospitals we serve – and not those of external shareholders.
Project Background
We are developing a mobile assessment app for Risk Managers to use during assessments visits to practices insured by MAG Mutual. The app will allow Risk Managers to capture assessment (question/answers) data while onsite and will be used to determine the level of risk for a doctor or practice (this is used in determining any impact to insurance rates or discounts). MAG Mutual Risk Manager will be able to execute assessments and view preliminary PDF reports in the mobile application.
PROJECT GUIDE
Screen Sizes:
Design submissions should support iPad Mini & Air device types, resolution, and screen sizes as shown below:
!IMPORTANT!
Make sure you design for iOS 9 & 10 look and feel.
Design Challenge Goals:
- Simple, beautiful, intuitive for users of all skill level. We should not have to train the user how to use this app.
- Use of iOS specific actions/view controllers consistent with iOS 9 & 10.
- Appropriate use of primary and secondary colors to highlight areas of importance, calls to action, links, etc.
- Consistent use of primary, secondary, and tertiary buttons.
Required Content:
The screens you design will act as templates for additional screens with similar content, so please consider this when naming and arranging layers in the source files.
Screen 1: 01-Scheduled Visits
http://qyki7e.axshare.com/#p=scheduled_visits
- Visually highlight/differentiate visits scheduled for today from others
- Touching a visit marked “In Progress” - open the 02-Visit Detail (Site View) - In Progress.
- Show any/all other detail that is on the wireframe
Screen 2: 02-Visit Detail (Site View) - In Progress
http://qyki7e.axshare.com/#p=visit_detail__site_view__-_in_progress
- Must be able to show many providers (scrollable or other)
- Touching “Begin Assessment” in the “Level 1 Questions” area should open 03-Provider-level detail - In Progress
- Touching top left arrow should take user back to the 01-Scheduled Visits
- Show any/all other detail that is on the wireframe
Screen 3: 03-Provider-level detail - In Progress
http://qyki7e.axshare.com/#p=provider-level_detail_-_in_progress
- Must be able to show many groups (scrollable or other)
- Show any/all other detail that is on the wireframe
Screen 4: 04-Begin Assessment
http://qyki7e.axshare.com/#p=begin_assessment
- We need to show up to 60 ordered questions of various text lengths
- The user should be able to select only 1 answer for each question. Answer text is always as shown on wireframe.
- User should be able to perform some simple action on a question, that will apply the answer to all other assessments in the visit.
- User should also be able to perform some simple action on a group heading that will apply the selected answer for the group, to all questions in the group (across all assessments in the visit)
- These “Apply to all” scenarios are not enforced after initiated. User can change them.
- Show indicator of how many questions are answered vice total number of questions.
- back arrow should take the user back to 03-Provider-level detail - In Progress
- Add an action element in place of the “+ Add Comment” which will open the 05-Question Detail View
- Show any/all other detail that is on the wireframe
Screen 5 - 05-Question Detail View
http://qyki7e.axshare.com/#p=question_detail_view
- Show full question in singular view with area to add Comments and view/edit Recommendations
- Selecting DONE will take user back to the 04-Begin Assessment, showing the answer, and an indication that there are comments & recommendation for this answer.
- Show any/all other detail that is on the wireframe
Screen 6 - 06-Visit Detail (Site View) - Assessment Ready to Submit
http://qyki7e.axshare.com/#p=visit_detail__site_view__-_assessment_ready_to_sub
- Show that all Provider and Level 1 Assessments are completed and change the status to show “Ready to Submit”
- Give the user the ability to select 1 or more assessments to generate PDF(s)
- Show all other detail that is on the wireframe
Screen 7 - 07-Edit Provider
http://qyki7e.axshare.com/#p=visit_detail__site_view__-_in_progress
View this on wireframe by selecting “Edit” next to Provider heading
- Show Provider data can be edited & saved
- Additionally show that a NEW provider can be added. Inputs for New Provider are:
-- REQUIRED data :
---- Practice Manager flag
---- Phone
---- Last Name
---- Implied (Address & Site name from the current visit). Not editable, but show it in this area
---- Professional designation (MD, etc) - selection, not input.
-- Optional data:
---- Specialty - selection, not input
---- Role - selection, not input
---- email address
Screen 8 - 08-Provider Assessment Report
http://qyki7e.axshare.com/#p=provider_assessment_report
Show all detail that is on the wireframe
Screen 9 - 09-Scheduled Visits - pending connectivity
http://qyki7e.axshare.com/#p=scheduled_visits_-_pending_connectivity
- Show that some assessments have been submitted, but they are still on the iPad because there is low or no network connection.
- These are not editable, and the user does not need to take any action, but the user needs to know they have not completed submission.
SUPPORTING DOCS
- MAG Mutual brand guideline (use for logo/font/color only)
- wireframes (feature to requirement are visualized here for reference only)
- iOS Human Interface guidelines
- Pinterest collection of our favorite mobile app designs
IMPORTANT
- Design HAS to work for iPad Mini and iPad Air device sizes!
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- Make sure you create icons in vector format, so when we resize, graphics will still look sharp!
- Make sure you design for iOS 9 & 10 look and feel.
TARGET AUDIENCE:
- Risk Managers
JUDGING CRITERIA
- How well you designed a unique but simple mobile app user interface
- How well your design supports the features we wireframed, specific to an iPad application
- How well you execute the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
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
Please provide all original source files of the submitted design. Files should be created in Adobe Photoshop (layered PSD file) or Sketch.
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.