Getting a parking ticket can ruin your day—you just want to pay the fine and forget about it, hoping it doesn’t happen to you again anytime soon. The premise of Quickit is as simple as it gets: put in your parking ticket number, hit pay, and your card is charged. There’s no need to pay it in person or worry that your money may get lost in the mail. It’s instantly taken care of for you.
To simplify the process, the user has two options: they can scan their ticket or manually input a number. If they are a new user without an account, they will have to take a one time additional step and input their card information before finalizing payment. It may even be possible to further simplify the process and offer an instant payment method that could be toggled on, for those users that can’t seem to stop getting tickets.
Mostly, since the app was already in production with no room for huge changes, the experience needed improvement with the language used, to gently guide the user through the interface, and help them out if something went wrong.
Home Screen, Scanning a Citation
If the user does not have any pending or paid tickets, the home screen is blank (empty state), with a plus button in the bottom corner. If they tap on the button, they have their two options for adding their ticket, with emphasis on scanning the ticket.
Something Went Wrong
If the scan failed, the user has the option to scan the ticket again or they can manually input the number if it fails a second time.
Loading the Ticket
Once the ticket number is typed (or if the scan was successful), the user sees a screen with all of the same information on their physical ticket. If the information is correct, they can choose to pay later, which would add the ticket to their pending tickets list, or pay immediately, which would take them to the next step.
Login & Add a Card
Most users aren’t likely to be using the app on a daily basis, so it’s likely they will need to log in next, to authenticate using their card. If they have never used the app before, they will create an account or pay as a guest if they don’t plan on using the app ever again, but we let them know they can create an account anyway. To add their card quickly, they can scan it, just like with the physical ticket.
Once the card is successfully added, the user will check to make sure everything looks correct. On the same screen they can quickly add their email address and choose a password if they’d like to make an account.
Upon successful payment, the user is thanked and sent to the home screen, as further confirmation their payment went through. If there’s any past tickets or unpaid tickets, they will also show on the home screen.
The ticket screen changes colors based on the state of the ticket.
Freshly scanned tickets are blue. Unpaid, past-due tickets will be color-coded red to imply urgency. If the transaction is pending, and was not instantaneous, it will show as yellow. For successfully completed transactions, the paid tickets are labeled green.