Yariv Rabinovitch
Senior Content Strategist in San Francisco
Case Study: CycleReady Web App
CycleReady is a web app currently being developed in affiliation with Code for San Francisco. The project started by a two-member team at The National Day for Civic Hacking 2014 as a tool for helping San Francisco residents and visitors to help overcome obstacles to urban bicycling (for example, safety, security, navigation, and very steep hills).
Project Goal and Scope
The goal and scope of the project were defined as a result of extensive research into currently available bike resources and technologies, disucssion with community organizations, and user research (more on this below).
User Research and Persona Development
In order to understand attitudes toward biking and bike-focused interactions, we conducted surveys and interviews with novice and expert bikers. Personas were developed for both categories as well as use cases to be used to guide app functionality and user flows.
Functionality and User Flows
As a results of user research findings, route discovery and exploration became the the primary focus of the project. San Francisco neighborhoods are connected by key biking routes, and we decided to create route profile pages for them. These pages would enable novices to explore routes closest to them and experts to feel ownership of that routes that matter to them most and exchange knowledge.
Page Flow and Wireframing
The app was broken down into 3 primary phases: location selection, route identification, and route exploration. This last phase, which consists of a route profile page, was structured around key data types that would provide context for users. This data included static, user-generated, and public/updated data. Wireframes were sketched out to assist the development and data teams to begin exploring mapping solutions and data visualizations.
