GreenP CarPlay App
- UX Design -
School Group Project
Low Fidelity Sketches - Sketcher, Researcher Mid Fidelity Sketches - Designer (Figma) High Fidelity Sketches - Researcher
The Toronto Parking Authority are a municipal company that manages parking lots across Toronto, Canada. They have created a mobile phone application called Green P Parking App that allows users to pay using their mobile phone instead of at a parking machine. However, Canadian law has forbidden the use of smartphones within a motor vehicle. As a result, the Green P Parking App requires a way for drivers to pay for parking without using their smartphone in their vehicles. We were tasked with creating a CarPlay application that compliments the iOS Green P Parking App. Our assignment requirements were:
- 1.) Entering a Destination
- 2.) Selecting a Recent Destination
- 3.) Displaying Nearby Parking Spaces
- 4.) Selecting a GreenP Parking Lot
- 5.) Completing Input of Parking Details
- 6.) Payment of Parking Fees
Low Fidelity Sketches
The goal of our initial sketching was to ensure that our design could meet all requirements. During user testing, we asked users to proceed through the task list to discover obstacles along the way. Users suggested features with new value such as favorite destinations and an indication of available spots at a selected lot.
The goals of our mid-fidelity prototype testing was to improve the intuitivity and ease of use of our design. This time, when we asked users to complete the tasks, we looked out for signs of hesitation and uncertainty, and paused to ask them about what caused them to be unsure. As a result, we received suggestions and found problematic interactions with our current prototype on which to improve on for the next iteration. Users indicated that they were surprised that a parking lot was chosen by default, and they were unable to identify which lot it was. Improvements in label clarity were identified through user testing. Users suggested to improve the information density and layout for the parking confirmation and payment summary screens.
High Fidelity Prototype
Our group implemented the suggestions from the mid-fidelity testing session into a high-fidelity prototype. We validated the changes made by testing our high-fidelity prototype once more with user testers. In the Carpark search listing page, users discover which car park corresponds to an address by selecting and isolating information about that car park. In the map view, other search results become greyed out to indicate selection focus. As well, information density was reduced using pagination of parking lot details. Pagination was also used to reduce information density on the parking summary page. However, users were still confused about how search results appear (algorithmic search) and with the constraints used in the parking time selection screen.
Disclaimer: This project was developed for a class assignment in a group of four other students
External Resources Used: CarPlay Mockup Photo by noelsch - pixabay.com
- Project Date -
JAN - APR 2017