Overdrive
An App for Car Enthusiasts
Project Overview
OverDrive is an application for car enthusiasts to share, attend, and promote events. OverDrive helps users locate car shows, and gather fellow attendants to meet up and cruise together while providing GPS locations of created groups.
This application was designed using Adobe, InVision and Balsamic.
The Problem
People miss events routinely due to lack of promotion/advertisements. Would it not be helpful for car shows, meets, and cruise information to be easily accessible within a single application? This app will help users find more related events as well as connect with other attendees.
Information Architecture
When starting out the architecture of this app we identified "Cruises" to be the primary most desirable feature followed by other secondary events such as Shows, Races, Meets. As the design of the app progressed we quickly realized that dividing the features creates confusion.
Branding
I wanted to develop a brand that was exciting and mirrored the sense of passion found within car enthusiasts through the use of reds .
Wireframing
Our initial interface flow ideas are seen in these low fidelity wireframe scenarios that helped us visualize and self critique our design.
Detailed Wireframing
These wireframes were configured for prototyping use which required content information to be input.
Prototype testing using Balsamic- overall it was found that most users were easily able to navigate the app. However, some concerns were made regarding dialogue/confirmation boxes and the ambiguity of what section users were at (specifically trouble differentiating between ‘general events’ section and ‘upcoming events’ section). The “Yes” button on the dialogue boxes was altered to appear on the right side based on standard mobile app conventions. The users were initially confused because testing of the mobile app was conducted on a computer, where the opposite convention is used (“Yes/Accept” on the Left).
Secondly, the “My Events” page caused confusion to users because it strayed from the consistency of the rest of the app layout. Specifically, the top banner of this page swapped “Roll-out” (the app name at the time) for “My Events”. This decision was initially made in order to make it clear that "My Events" was different from the other event section. However, since the top banner consistently had “Roll-out” throughout the app and users felt like this could always be tapped to bring them back to the Home Screen, so changing it up for the “My Events” section proved to be confusing and inconsistent.
The structure of the app is very simple. The majority of the home screen is used to showcase 3 activities: "Meets", "Races", and "shows. Users can easily navigate through these activities. Once the user decides to join a cruise or attend an event, it will automatically be added to the "My Events" section which can be found through the hamburger menu. The "My Events" section neatly organizes the users events by "Upcoming", "Past", and "Recommended".
Testing
Project Timeline
Apr 2015 — Mar 2016
Communicating With Meet Attendee
This scenario takes one through the menu for car meet ups. Once a meet is selected you may click to attend, contact the organizer, see who else is attending the event. From there you have access to message other attendees through the app. In this scenario the user finds a local photographer attending the meet and decides to network with him.
