Design
Design Opportunity: Using Flow 01 and the corresponding paper prototypes as well as our research findings, we created sketches, low-fidelity, and high-fidelity prototypes and repeatedly iterated as we conducted user and A/B testing to compare specific designs and features.
Sketches
Using these sketches, we tested with 3 users to gather feedback to continue iterating with our high-fidelity prototypes.
Before & After Stories
Based on the feedback we received, we made a few stylistic and interactive changes.
A/B Testing
After completing our first version of our high-fidelity prototypes, we conducted A/B testing with 3 more users to compare minute details and content placement.
We compared entry points for our feature, left being at the nav bar on the home page and right being on alongside all the other car options.
Findings:
Users found the right version to be more intuitive and relevant with its location.
For inputting number of seats, we compared a horizontal scroll and a number keypad.
Findings:
Users found the left version to be more consistent with Uber's branding and stylistically more aesthetic.
Final Design & Core Features
Thanks to all the feedback and iterations, we implemented the most seamless and easy UberGroup feature!
Function 01
UberGroup is added to the pre-existing “More” section of the app to preserve Uber’s current design. From there, the user inputs the number of riders and Uber calculates which variation of cars best fits the user needs. Users can stick with the suggestions or customize it to their preferred arrangements.
Function 02
The main user can choose a method of payment, which ranges from paying whole, splitting all riders equally, and splitting riders equally amongst their type of car. Adding options to split the cost directly within the app provides ease and convenience for users.
Function 03
UberGroup then assigns each rider to a car, which the main user can then customize each car by deleting or adding riders accordingly. Riders can easily be moved around to edit the assignments. Other users can invite themselves into the group by entering a code that is unique to every UberGroup ride. The code appears on the main users screen which can seamlessly be shared for invitation.