bike washer casestudy_v3_minfilesize
DESCRIPTION
TRANSCRIPT
![Page 1: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/1.jpg)
Product development and UX design
by
Julia Kuznetsov [email protected]
July 2013
Mobile App Case Study
![Page 2: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/2.jpg)
Roadmap:
1. Introduction
2. Solution and Design
3. User Testing
4. Product Demo
![Page 3: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/3.jpg)
Intro There are over 35,000
image-conscious motorcyclists and scooterists who use their two-wheeled
vehicles as their primary form of transport within Paris.
The high cost of gas, scarcity of street parking and frequent traffic jams
encourage the growth of scooter and motorcycle adoption.
The Bike Washer founding team recruited
DOERS, a Paris-based digital agency,
to develop The Bike Washer
mobile applications in November 2011.
![Page 4: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/4.jpg)
Service Proposition
1. Pinpoint your parking location with GPS
2. Tell us how long you’ll be parked
3. A mobile technician will
thoroughly clean and detail your bike
and take pictures before and after.
Presto!
No inconvenient location to drive to,
No waiting rooms with bad coffee and neon lights,
No trouble.
Just a great-looking bike you’ll be proud to be seen on.
![Page 5: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/5.jpg)
Project Requirements:
User-facing:
Back-Office:
A web-based admin portal empowers a business rep to perform the following actions:
• assign cleanings to technicians
• perform quality control of
before-and-after cleaning results and
• deploy data to technicians in the field
Technicians use the product on their smartphones to:
• view upcoming appointments
• access navigation services and
• capture photos and notes in the field
2 unique consumer mobile
applications (Android and iPhone)
![Page 6: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/6.jpg)
Preliminary User Research
I developed a browser-based survey which
asked scooter and motorcylists about
their vehicle, transport habits, and lifestyle.
I then invited 10 survey participants to a hour-long in-person interview.
Based on the analysis of the survey data and interviews,
I created personas to refine our understanding of the target demographic and guide our product strategy.
![Page 7: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/7.jpg)
Demo and Personas Target Demographic: • 28-50 year old, fashion-conscious men living in Paris
• Use their scooter or bike as their primary form of transport
• Over 70% of respondents believe that the quality, style, and overall appearance of their scooter is important
François • 42-year-old Finance executive • Commutes to and from work on the
metro • Likes to take long rides with fellow
enthusiasts on weekends • Owns a 2013 Bimota SB6, worth ~ € 24K • Owns an Android Nexus S phone that is
~2.5 years old
Luc
• 30-year-old Designer at an ad agency
• Uses his bike to commute to and from
work and around the city on weekends
• Enjoys concerts and clubs
• Owns a mid-range Honda Silverwing
worth ~ € 3K
• Inseparable from his iPhone 5
![Page 8: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/8.jpg)
Friction Points: The survey asked users how they feel about bike cleaning and how they clean their bikes today.
We learned that: 68% of respondents drive and and pay for an automatic or hand-detailing at a washing station
Obstacle: Time-consuming and expensive
27% of respondents hand-wash the vehicle at home
Obstacle: Time-consuming, labor-consuming, high materials costs
5% of respondents don’t wash their bike
Obstacle: Dike remains dirty and unattractive
![Page 9: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/9.jpg)
Procedure flows I identified four primary procedure flows, and created the UI to encourage four top-level objectives:
1. User registration
2. Wash request
3. Review wash photos and leave feedback
4. Cancel appointment
Each flow outlines:
• consumer app behavior (including push notifications)
• automated email confirmations and
• back-office database behavior
and was included in the technical specification that guided our development team.
![Page 10: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/10.jpg)
Wireframes
I created low-fidelity wireframes in Mockingbird to ensure stakeholder buy-in internally, and which I later used as an initial prototype during user testing.
![Page 11: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/11.jpg)
User Testing I reached out to a 4 male motorists and invited them to come in for a usability test using a paper prototype.
I asked them to perform the four in-app goals we had designed for, including
1. Register and request a wash
2. Leave feedback after a wash is complete
3. Cancel a wash
I observed as the participants navigated the app and took notes as to which elements of the original design were troublesome, and later revised the designs accordingly.
![Page 12: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/12.jpg)
The BikeWasher Version 1.0
Mobile App UX
![Page 13: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/13.jpg)
Tutorial In order to minimize user drop off, we set the user’s expectations as to the ease of use by illustrating the four steps in the app.
1 2
The following 4 screens appear the first time, and all consequent times the app opens, until the user registers.
![Page 14: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/14.jpg)
Tutorial Pages 3 4
The following screens appear the first time, and all consequent times the app opens, until the user registers.
![Page 15: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/15.jpg)
User Registration
![Page 16: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/16.jpg)
Step 1: Your Location
GPS-gating limits washing service area
Four parking spot types: sidewalk, bike parking, car parking or private yard
Assign this location a name – e.g. office
Leave misc. note (optional) e.g. Intercom code to access private yard
Saved locations
![Page 17: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/17.jpg)
Step 2: Your Vehicle
Model and Make dropdown menus display base cleaning fee
License plate number manual entry
Date selector
Parking time selector
![Page 18: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/18.jpg)
Step 3: Review/Confirm Wash
Optional services selection for premium services
Payment processor integration with option to save card for future one-click ordering
![Page 19: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/19.jpg)
Wash Request Detail: Due
Recap of submitted wash request with option to cancel
![Page 20: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/20.jpg)
Wash Detail Page: Done
Completed wash re-cap with feedback: 1-5 star evaluation and UGC text field
![Page 21: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/21.jpg)
Wash Detail Page: Cancelled
Recap of cancelled wash request Detailing time between wash request and cancellation and associated fees
New wash request
![Page 22: Bike washer casestudy_v3_minfilesize](https://reader033.vdocuments.site/reader033/viewer/2022050808/54b901f64a7959492a8b4578/html5/thumbnails/22.jpg)
About Us