Capstone

Case Study

MODE: Rideshare

WIREFRAMES

Once users gave me initial feedback on my sketches, I was able to add new screens, tweak button placement, and re-align user flows with user needs. Next came wireframes. Here came the chance to clarify design decisions in digital form, and to see where pen and paper do and don’t translate to pixels and screen dimensions.

There’s a key tension to navigate when designing wireframes:

Provide enough fidelity to the screens to gain clarity about the fundamental logic of your design—this isn’t just screen sequences, it includes the ability to test basic ideas about what you need for visual hierarchy and style.
Create lightweight everything, so you have the agility to make quick adjustments to discoveries as you conduct testing.

What I had to keep in mind here was devoting myself to creating testable experiments: creating wireframes that focused on materializing design hypotheses, trusting the process that would lead to increasingly higher fidelity designs.

See the Figma file below for more detailed wireframes for the core function: defining preferences and hailing a ride.

style & branding