Ideation & condensation

Instead of going straight into high fidelity UI design, I started by creating wire-frames to quickly get a grasp of the pros and cons of different design variations.

The wire-framing ideation was guided by 4 design outcomes, derived from the social mention analysis and the 1-on-1 interviews:

1. User-determined bike selection
2. Easy selection when standing next to a bike
3. Visibility of bike details and availability before booking
4. Visibility of bike position

The wire-framing ideation resulted in a series of flows exploring possible map navigation and map representations of bikes and hubs. I also considered different ways of using Bluetooth or QR scanning to enable easy selection of bikes standing next to you. While having great promise for the user interaction, we had to discard both scanning solutions due to the lack of Bluetooth detection precision and the high cost of mounting QR codes on all bikes.

The ideation process ended up in two high fidelity UI flows, after elaboration with the team.