 Parking Meter Welcome Screen.png)
 Enter License Plate.png)
 Enter Parking Duration.png)
 Insert Credit Card and Enter PIN.png)
 Confirmation Screen.png)
 Parking Meter Welcome Screen Updated.png)
Parking Meter Interface 🚗
- Category: Design Challenge
- Project Date: May 2020
- Challenge:
- Some new touchscreen parking meters are being installed throughout your city. There is one meter for every 6 parking spots. Design the touchscreen interface so that drivers can pay for their parking spot for a certain duration, and parking attendants can give tickets to cars who do not pay, or whose parking has expired.
- The machine has a single touchscreen. There isn’t any kind of pinch and zoom, hard press or advanced touchscreen functionality supported. The parking meters can accept credit card payments, but are not otherwise connected to the internet and are not bluetooth enabled.
- Project:
- Prototype
Summary
- With the challenge of designing an interface for a parking meter and a series of contraints, I used Figma and design thinking skills to create a mock-up of a potential interface for this parking meter. This project was my first ever use of Figma to create a prototype! Although it is simple, I really enjoyed being able to work with Figma and deliver a prototype that is simple yet effective in creating a solution.
Process
- The process I followed was to put myself in the shoes of the user. I asked myself the question, "What would I want to see and how would I want to execute the payment?". From this, I was able to figure out the couple screens I would need to complete the transaction in the most straightforward manner possible and have all the visuals I wanted laid out. From that, it was a matter of picking some intuitive colour schemes and creating the prototype.
Key Learnings
- how to use Figma to develop a solution to a problem with contraints
- how to choose effective and intuitive colour schemes
- how to use typography to put emphasis for readability
- how to create an intuitive user flow for user interaction
Improvements
- create a screen for the parking attendant to input credentials
- conduct research and ask users to test out its usability
- experiment with colour schemes, fonts, and more modern design choices (rounded rectangles, etc.)