MOBILE APP CONCEPT
bb driver
Super App for Drivers
intro: What if Google Maps, Apple Maps, and Waze had a baby?
Enter BB Driver, a Super App for drivers. Simple design supports function that is focused on everything users would need for a copasetic ride.
Google Maps, Apple Maps, and Waze dominate the market, but do not completely satisfy in terms of multitasking while driving. BB Driver ensures a smooth and focused driving experience through the use of customizable profiles and screens.
Google Maps, Apple Maps, and Waze dominate the market, but do not completely satisfy in terms of multitasking while driving. BB Driver ensures a smooth and focused driving experience through the use of customizable profiles and screens.
.png)
pain points: in pursuit of a pleasurable drive
I compiled comments from a variety of sites to determine what consumers’ main pain points were.
All apps had functions that people enjoyed, but many complained about cluttered UI. Certain aspects, such as live reporting, police alerts, and accurate routing were universal in their popularity.
Other than the main points mentioned above, other features had a wide range of opinions, thus indicating a need for greater customization.
All apps had functions that people enjoyed, but many complained about cluttered UI. Certain aspects, such as live reporting, police alerts, and accurate routing were universal in their popularity.
Other than the main points mentioned above, other features had a wide range of opinions, thus indicating a need for greater customization.
personas: touring musician and delivery driver
.png)
journey map: Marshall the delivery driver
.png)
journey map: karina the touring musician and mother
.png)
opportunites for improvement
- Create a super app so that the driver doesn't need to toggle between apps while driving
- Create customizable profiles that can be easily accessed on the fly
- Allow customization of profiles so user can choose visible information that is relevant to their use case
- Allow for limited number of on screen widgets than can be easily turned off and on while driving
- Automate arrival screen that shows variables such as street parking and garage parking upon predetermined arrival distance
- Integrate popular audio streaming services for easy changes on the fly
.png)
style guide, logo creation, icon
I wanted to keep the design flat and simple since the app is primarily for function and not exploration.
I chose to create a custom icon set to add personality and create the look and icons that were needed.
I chose to create a custom icon set to add personality and create the look and icons that were needed.
%202x.png)
%202x.png)
2x.png)
process
How might I create a product that allows for customization while keeping the UI clean?
The primary challenge I needed to address was showing the user how to set up and customize their profiles and screens without causing confusion. With multiple options for customization and multiple profiles that could be customized, I needed to figure out how best to display this on a minimum number of screens. I felt that multiple screens would be confusing so chose to organize the screens accordingly.
Many icons can either be selected for the main nav screen or set up. Selection involves a press while set up involves a press and hold. This is consistent across all use scenarios. An unobstrusive instructional blurb at the top of the screen serves as a reminder for pertinent set up info since time may lapse between set up instances.
A pop up help screen is available for more detailed instruction.
The primary challenge I needed to address was showing the user how to set up and customize their profiles and screens without causing confusion. With multiple options for customization and multiple profiles that could be customized, I needed to figure out how best to display this on a minimum number of screens. I felt that multiple screens would be confusing so chose to organize the screens accordingly.
Many icons can either be selected for the main nav screen or set up. Selection involves a press while set up involves a press and hold. This is consistent across all use scenarios. An unobstrusive instructional blurb at the top of the screen serves as a reminder for pertinent set up info since time may lapse between set up instances.
A pop up help screen is available for more detailed instruction.
.png)
2x.png)
challenge 1: multiple customization options
How might I present customization options to the user in a clear and intuitive manner?
In order to keep the UI clean, I limited the number of profiles and toggle options on the navigation screen to 2 and 3 respectively. Customization involves two functions per icon, which are consistent across the app. Tapping an icon selects the choice for the nav screen while press and hold allows the user to set up the desired profile, music selection, etc.
In order to keep the UI clean, I limited the number of profiles and toggle options on the navigation screen to 2 and 3 respectively. Customization involves two functions per icon, which are consistent across the app. Tapping an icon selects the choice for the nav screen while press and hold allows the user to set up the desired profile, music selection, etc.
clean Ui for the home nav screen
Another challenge involved the display for the main navigation screen. How many icons could be displayed while continuing to keep the UI clean? Also, certain icons would include a function to open a mini menu. How and where would this be displayed? Plus, how much functionality was necessary and desirable for these items?
.png)
.png)