Challenge Summary
Welcome to the Eyes Ahead Safe Driving Mobile App Design Challenge
Eyes Ahead is a mobile application that tracks your text messaging habits alongside real-time driving and car data. The App tracks the speed at which the vehicle you are driving is moving and notes the time and date that a text message was sent. This information is stored in a log that is accessible through the app as well as an online “dashboard”. This information and/or log is sent to a second user, parent, boss, etc., as a means to start a conversation about any potential dangerous driving issues.
Round 1
Screen 1 - Login (iOS) (Round 1)
Screen 2 - Group Landing/Dashboard (Desktop)
Screen 3 - Progress (Desktop)
Round 2
Screen 4 - Rankings (Desktop)
Screen 5 - Settings (Desktop)
Screen 6 - My Profile (Desktop)
Design the initial UI and UX for the Eyes Ahead app. We are more concerned with establishing a solid UI design that can then be applied to additional screens as needed.
Business Objective of Initiative
To create a transparent user case with real-time factual data to see any potential problems/bad habits. This allows the 2nd user to take action to fix these problems before they become dangerous. In 2012, driver distraction was the cause of 18 percent of all fatal crashes. Eleven percent of drivers aged 18 to 20 who were involved in an automobile accident and survived admitted they were sending or receiving texts when they crashed. The goal of this app is to help prevent texting and driving.
Elements to Explore
UI elements, form fields, general navigation. An open, user-friendly, not overwhelming design. This app is being targeted to parents, so it should be easy to use and not look confusing.
Elements to Retain
Use the included wireframes as reference. If you feel there are other, more effective UX and UI practices feel free to explore those. We are looking for your best ideas.
Design Requirements
iOS iPhone 5: 1136 x 640px at 326ppi
Desktop: 1280px wide
Target Audience
Parents of teenage and young drivers, that want to track and monitor their child’s/children’s driving and texting habits. In return using that data to start an open dialogue about better, safer driving habits.
Use Case Scenario
Parent/Teen: The teen has an app on his or her mobile device. The information is logged and then displayed for the parent’s viewing on his or her mobile device. Parents and teens both have access to this information. This is the user case that we will focus on in this project.
Wireframes
Mobile Wireframes
Desktop Wireframes
Deliverables
Screen 1 - Login (iOS)
General login screen for the app. This will also serve as the landing screen. Should include logo and fields for username and password.
- Login State: Username and Password
- Post-Login Landing (Status Screen)?
- Update Profile Info
- Username
- Password
- Upload/Take Profile Photo
- Save and Cancel Buttons
Screen 2 - Group Landing/Dashboard (Desktop)
This is where the user will be able to track various groups (Group1: Child 1, Dad, Mom. Group2: Child 2, Mom. etc.).
- Toggle between the various groups the user is tracking
- Main graph/table with filterable and sortable columns. Should include:
-- User
-- Speed
-- Time
-- Status
Additional Filtering Options:
- Min. speed- only view texts sent above a certain speed
- Time selector- only view texts sent between (Time) and (Time)
Screen 3 - Progress (Desktop)
This screens is a running timeline of texts sent for the individual user. How many speeding text sent today, yesterday, this week, last week, last month, etc. Can be displayed as a bar graph or some other interactive chart.
Screen 4 - Rankings (Desktop)
Ranks everyone that you are following in all your groups. The rankings screen should have various views: Most texts, least texts, Fastest speed. A table of results is shown below each ranking view.
Screen 5 - Settings (Desktop)
Settings for various aspects of the app. Toggle for “send me text alerts/notification”. Option to set the speed threshold “alert me is speed goes over ____ mph”. Ability to add, remove, edit and reorder groups.
Screen 6 - My Profile (Desktop)
Allows the user to customize their profile
- Updating username
- Changing password
- Uploading/change user photo
Branding Guidelines
Use the included Branding Guide while designing.
We are excited to see what you create!
Judging Criteria
- How well does your design align with the objectives of the challenge
- Cleanliness of your graphics and design.
- Overall Design and User Experience.
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above. Number and Name your files appropriately to aid in the review process. This is very important.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (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.