Bus arrival times UI

Sneak peek of a complete redesign of my current bus transporation app https://busrouter.sg/

This is the bus arrival times UI for each bus stop. Notes:
- Arrival timings in green, means it has seats available. It'll become red when there's too much load with no seatings. Legend is shown at the bottom (not in this shot).
- 3 bus types: single, double-deck & bendy (not in this shot).
- Wheelchair icon signifies that the bus is wheelchair-accessible.
- Yellow-background bar means favorited bus service, by tapping on the bus service number and will be pinned to the top always.
- Each vertical divider is equivalent to 5-min range.
- Buses can "go through" the first vertical divider because the arrival times API somehow returns negative values. It can signify that the "arriving" bus might have already passed the stop.

More by Chee Aun

View profile