Placeholder
Once the location was selected, the card carousel would immediately scroll so that the selected card was at the center of the screen, and then expand upwards so that it covered the carousel, but would show additional details like the initial address, distance from the current location, as well as the closest attraction (a restaurant, public park, etc) to the dropoff location. Once the user selected the destination, they were taken to a screen where they could edit both their pickup and dropoff location, as well as view their estimated arrival time.
Initially, there weren’t many requirements given to me. I did know that there was a fixed list of locations that users could be picked up to and dropped off at, and that users needed to see their current location whenever possible. I initially based this ridehailing app on an internal shuttle app, but scrapped my initial effort (screens 1 & 2) due to the fact that I wanted to try creating a UI that would be a significant departure from an existing ridehailing app. I ended up coming up with a system that (defaulted to the destination selection scree. On this screen, I let the user select a dropoff location by either clicking on a pin on the map, or by tapping a card at the bottom of the screen.
Once the location was selected, the card carousel would immediately scroll so that the selected card was at the center of the screen, and then expand upwards so that it covered the carousel, but would show additional details like the initial address, distance from the current location, as well as the closest attraction (a restaurant, public park, etc) to the dropoff location. Once the user selected the destination, they were taken to a screen where they could edit both their pickup and dropoff location, as well as view their estimated arrival time.
After showing stakeholders the initial wireframes in order to get their buy in, I redid them in higher fidelity, uploaded the screens into Invision, and started wiring up some basic interactions. Originally there were more tasks that we wanted to test for, however they had to be descoped due to time constraints. I had 3 goals for these user testing sessions:
During the week of the event, multiple journalists, business people, and government officials took part in the Miami Experience. The Verge, Quartz, and PC Mag all ran articles on the event in which they mentioned the app as being Uber-like. CNet also produced a video where the app can be seen from 1:42 to 1:52.
Overall, I’m pleased with how this project went. It was great to see that the participants of the event were able to use the app without any issue, and that it was compared to the leading ride hailing apps in a positive light. If I could have done anything differently, I would have done additional usability testing. The one round of usability testing that I did was very helpful, and I believe that a second round could have not only identified areas of the app that could have been improved, but would have also identified features that users may have wanted it to have.