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.