Project Type- Masters Class Project
Team- KevinScott, TiffanyTsai, AriZilnik
Skills Used- Interviews, Survey Design, Affinity Diagrams, Competitive Analysis, Personas, Scenarios, Wireframes, User Testing, Mood Board, Visual Design, Demo Video
The aim of the project was to design a mobile app to help commuters and we came up with a SOS mobile app for stranded cyclists. It crowdsources the repair work to other cyclists nearby who are willing to help for free.
Additionally, after the project was over, I redesigned the app to sharpen my visual design skills. See a comparison picture on the right.
INTERVIEWS– We initially interviewed 1 cyclist, 2 walkers and 1 bus rider to find our target audience. We saw opportunity in the area of cyclists given the problems our interviewer told us about and lack of apps for cyclists. We then interviewed 12 cyclists and a professor at our university doing research in this area.
INSIGHTS- The need for immediate help and repair came to our attention through affinity diagramming of the data from our interviews. Safety of the rider as well as of the bike emerged as a widespread concern. A lot of bicyclists did not bike often because they feared being stranded. Another widespread concern was weather.
SURVEY- This was followed by a survey to confirm our need posted on Reddit biking forums and other cycling forums. 376 people responded to this survey. See some results on the right.
DESIGN- Once we got the confirmation, we then made some initial scenarios and personas and used these as a reference for our wireframes.
Some of our initial scenarios included extrinsic motivation in the form of money. However, we decided to get rid of it to keep the app simple and because bikers are motivated intrinsically to help and we did not want to destroy that motivation by including money.
While doing usability testing with our initial wireframes, most of our participants found the 3 tabs at the bottom too confusing which led us to completely redesign our app. We went through 4 cycles of wireframe iterations and user testing (5-6 cyclists + fellow students). We created a navigation flow diagram from our wireframes. To begin our design process, we created a moodboard and selected our fonts and color palette. I designed the app icon while my teammate did visual design for the app.
USER TESTING- Once we had our final wireframes, we contacted our survey participants for their feedback. A lot of them were very excited by our app and told us to keep them posted about the release of this app.
“That app looks awesome! Is there a mailing list I can join so I can be informed of when the app is available for android phones? I would be interested in beta testing as well, if available.”
“I think this is a REALLY great idea. Please make it happen! :)”
For more details, please refer to our presentation.