Parkme is an app that showcases a concept of utilizing a city’s central parking data API to offer the convenience of feeding parking meters on the go. Aside from its iOS app, Parkme also features a companion app on watchOS that keeps the user informed from the wrist.
The app remembers where you parked and reminds you with an interactive map component. If the city shares parking data via an API, the app plugs into that and shows a parking spot number along with the map.
A timer card shows the amount of time remaining and the timestamp of entry.
When mobile payment is available, a payment card will show the total cost and lets you access payment on the go, allowing the user to extend current parking session with one tap.
The watchOS companion app does the same tricks without having the user take out the phone. Although interactions seem straightforward on iOS, adapting the same UI to the Apple Watch while maintaining the same information hierarchy can be challenging.
Instead of simply shrinking the size of components on iOS and fitting them in a watchOS interface, I adopted watchOS’s native page-based interaction and turned the vertical layout on iOS into a horizontal pagination. A swipe from left to right switches between the timer card and an interactive map.
The small device goes beyond serving as a simple information display. Properly integrating Apple Watch’s unique interaction patterns can also bring a rich user experience. Three actions are moved to a Force Touch menu that is revealed by a firm press on the screen, avoiding the “fat finger problem” while translating the iOS interactions to a watchOS form factor.
I performed user interface and interaction design for the iOS and watchOS app.