SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Product development and UX design
by
Julia Kuznetsov
julia.kuznetsov@gmail.com
May 2013
Mobile App Case Study
Roadmap:
1.  Introduction
2.  Solution and Design
3.  User Testing
4.  Product Demo
Intro
Paris is awash with over 35,000
image-conscious motorcyclists and
scooterists who use their two-wheeled
vehicles as their primary form of transport.
The high cost of gas, scarcity of street
parking and constant traffic jams work to
encourage bike adoption in the Paris
metro area.
The Bike Washer founding team recruited
DOERS, a Paris-based digital agency, to
help develop The Bike Washer mobile
applications in November 2011, in
response to high demand for bike
cleaning services.
Service Proposition
1. We use GPS to pinpoint your parking location
2. You tell us how long you’ll be parked
3. A mobile technician will
thoroughly clean/detail your bike,
and take pictures before and afterwards.
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.
Project Requirements:
User-facing:Back-Office:
Web-based admin portal allows a
business rep to perform the following:
•  assign cleanings to technicians
•  perform quality control of
before-and-after cleaning results,
•  deploy data to technicians in the field
Technicians use the Synchroteam
product on their smartphones to:
•  view upcoming appointments
•  access navigation services
•  capture photos and notes in the field
2 unique
consumer mobile
applications
(Android and iPhone)
Prelim User Research
A browser-based survey was conducted which asked
scooter and motorcycle owners to answer questions about
their vehicle, transport habits, and lifestyle.
Based on the analysis of these results, I extracted our top-
level demographic and created personas to refine our
understanding of the target demographic
and guide our product strategy.
Demo and Personas
Target Demographic:
•  28-40 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 approx
~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 approx. 3K €
•  Inseparable from his iPhone 5
Friction Points:
The survey asked users how they feel about bike
cleaning and how they clean their bikes today.
We learned that:
68% - Drive and and pay for an automatic or hand-
detailing at a washing station
Obstacle: time-consuming and expensive
27% Hand-wash the vehicle at home
Obstacle: demands significant time and
effort, high material costs
5% - Don’t wash their bike
Obstacle: Bike remains dirty and unattractive
Procedure flows
I identified four primary procedure flows, and created
the UI to achieve the following top-level objectives:
1.  New user – registration and wash request
2.  Returning User – wash request
3.  Review wash results 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 deliverable that guided our
development team.
Wireframes
I created low-fidelity
wireframes in
Mockingbird to
ensure stakeholder
buy-in internally, and
that I later used as an
initial prototype
during user testing.
User Testing
I reached out to a 4 male motorcyclists who fit our
demographic and invited them to come in for a user test
using paper prototypes of the app.
I asked them to perform the four in-app goals we had
designed for, including
1. Register and order a wash
2. Leave feedback after a wash is complete
3. Cancel a wash
I observed them as they navigated the app, and made
notes as to which elements of the original design were
troublesome, and at which points the participants became
“blocked”, and revised the designs accordingly.
The BikeWasher
Version 1.0
Mobile App UX
Tutorial Pages (1-2 of 4)
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.
These 4 screens
appear the first
time, and all
consequent
times the app
opens, until the
user registers.
1 2
Tutorial Pages (3-4 of 4)
These 4 screens
appear the first
time, and all
consequent
times the app
opens, until the
user registers.
3 4
User Registration
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
Step 2: Your Vehicle
Model and Make
dropdown menus
display base cleaning
fee
License plate number
manual entry
Date selector
Parking time selector
Step 3: Review/Confirm Wash
Optional services
selection for premium
serve
Payment processor
integration with option
to save card for future
one-click ordering
Wash Request Detail: Due
Recap of submitted
wash request
with option to cancel
Wash Detail Page: Done
Recap of submitted
wash request
with option to cancel
Wash Detail Page: Cancelled
Recap of cancelled
wash request
Detailing time between
wash request and
cancellation and
associated fees
New wash request
About Us
Thank you!
Julia Kuznetsov
julia.kuznetsov@gmail.com
(415) 290-4810 mobile
juliakuznetsov.com

Weitere ähnliche Inhalte

Andere mochten auch

Fmcg beverage brand case study
Fmcg beverage brand case studyFmcg beverage brand case study
Fmcg beverage brand case studyDigiWhirl
 
Kaizen – road map to world class processes
Kaizen – road map to world class processesKaizen – road map to world class processes
Kaizen – road map to world class processesKobi Vider
 
B2B Digital Marketing Roadmap
B2B Digital Marketing RoadmapB2B Digital Marketing Roadmap
B2B Digital Marketing RoadmapMoses Gomes
 
Product roadmap-guide-by-product plan
Product roadmap-guide-by-product planProduct roadmap-guide-by-product plan
Product roadmap-guide-by-product planLewis Lin 🦊
 
Product Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmapsProduct Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmapsMarc Abraham
 
Accenture Technology Vision 2012
Accenture Technology Vision 2012Accenture Technology Vision 2012
Accenture Technology Vision 2012Lars Kamp
 
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...Christopher Bradley
 

Andere mochten auch (8)

Fmcg beverage brand case study
Fmcg beverage brand case studyFmcg beverage brand case study
Fmcg beverage brand case study
 
Kaizen – road map to world class processes
Kaizen – road map to world class processesKaizen – road map to world class processes
Kaizen – road map to world class processes
 
B2B Digital Marketing Roadmap
B2B Digital Marketing RoadmapB2B Digital Marketing Roadmap
B2B Digital Marketing Roadmap
 
Product roadmap-guide-by-product plan
Product roadmap-guide-by-product planProduct roadmap-guide-by-product plan
Product roadmap-guide-by-product plan
 
Product Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmapsProduct Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmaps
 
Accenture Technology Vision 2012
Accenture Technology Vision 2012Accenture Technology Vision 2012
Accenture Technology Vision 2012
 
Micro Expressions
Micro ExpressionsMicro Expressions
Micro Expressions
 
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
 

Ähnlich wie Bike washer casestudy_v3

Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papersSuraj Sawant
 
ieee paper on bike sharing android application
ieee paper on bike sharing android applicationieee paper on bike sharing android application
ieee paper on bike sharing android applicationSuraj Sawant
 
Bike sharing android application
Bike sharing android applicationBike sharing android application
Bike sharing android applicationsurajss1997
 
Parklink presentation
Parklink presentationParklink presentation
Parklink presentationjoan njeri
 
Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papersSuraj Sawant
 
Research paper review on car pooling using android operating system a step t...
Research paper review on car pooling using  android operating system a step t...Research paper review on car pooling using  android operating system a step t...
Research paper review on car pooling using android operating system a step t...Akshay Shelake
 
Pedal-It presentation
Pedal-It presentationPedal-It presentation
Pedal-It presentationRyan Pal
 
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdfA Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdfJPLoft Solutions
 
Grab Conceptual Task
Grab Conceptual TaskGrab Conceptual Task
Grab Conceptual TaskAnne David
 
Carpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit ChinaraCarpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit ChinaraAvijit Chinara
 
Product Launch Auto App
Product Launch Auto AppProduct Launch Auto App
Product Launch Auto AppAthif Ismayil
 
Sharer: A Web App For Carpooling
Sharer: A Web App For CarpoolingSharer: A Web App For Carpooling
Sharer: A Web App For CarpoolingIRJET Journal
 
Cyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing PlanCyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing PlanSaurabh Yadav
 
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press ReleaseFord e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press ReleaseRushLane
 
new green transportation for emerging markets
new green transportation for emerging marketsnew green transportation for emerging markets
new green transportation for emerging marketsDemelashAsege
 
Taxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed StepsTaxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed StepsZimbleCodeAustralia
 
Demola-project-report-final.doc
Demola-project-report-final.docDemola-project-report-final.doc
Demola-project-report-final.docPeter Gerhat
 

Ähnlich wie Bike washer casestudy_v3 (20)

Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papers
 
ieee paper on bike sharing android application
ieee paper on bike sharing android applicationieee paper on bike sharing android application
ieee paper on bike sharing android application
 
Bike sharing android application
Bike sharing android applicationBike sharing android application
Bike sharing android application
 
Parklink presentation
Parklink presentationParklink presentation
Parklink presentation
 
Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papers
 
Research paper review on car pooling using android operating system a step t...
Research paper review on car pooling using  android operating system a step t...Research paper review on car pooling using  android operating system a step t...
Research paper review on car pooling using android operating system a step t...
 
Marketing plan
Marketing planMarketing plan
Marketing plan
 
Pedal-It presentation
Pedal-It presentationPedal-It presentation
Pedal-It presentation
 
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdfA Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
 
Grab Conceptual Task
Grab Conceptual TaskGrab Conceptual Task
Grab Conceptual Task
 
Carpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit ChinaraCarpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit Chinara
 
Product Launch Auto App
Product Launch Auto AppProduct Launch Auto App
Product Launch Auto App
 
Sharer: A Web App For Carpooling
Sharer: A Web App For CarpoolingSharer: A Web App For Carpooling
Sharer: A Web App For Carpooling
 
Cyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing PlanCyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing Plan
 
Class activity 3
Class activity 3   Class activity 3
Class activity 3
 
Mechanico
MechanicoMechanico
Mechanico
 
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press ReleaseFord e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
 
new green transportation for emerging markets
new green transportation for emerging marketsnew green transportation for emerging markets
new green transportation for emerging markets
 
Taxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed StepsTaxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed Steps
 
Demola-project-report-final.doc
Demola-project-report-final.docDemola-project-report-final.doc
Demola-project-report-final.doc
 

Kürzlich hochgeladen

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 

Kürzlich hochgeladen (20)

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

Bike washer casestudy_v3

  • 1. Product development and UX design by Julia Kuznetsov julia.kuznetsov@gmail.com May 2013 Mobile App Case Study
  • 2. Roadmap: 1.  Introduction 2.  Solution and Design 3.  User Testing 4.  Product Demo
  • 3. Intro Paris is awash with over 35,000 image-conscious motorcyclists and scooterists who use their two-wheeled vehicles as their primary form of transport. The high cost of gas, scarcity of street parking and constant traffic jams work to encourage bike adoption in the Paris metro area. The Bike Washer founding team recruited DOERS, a Paris-based digital agency, to help develop The Bike Washer mobile applications in November 2011, in response to high demand for bike cleaning services.
  • 4. Service Proposition 1. We use GPS to pinpoint your parking location 2. You tell us how long you’ll be parked 3. A mobile technician will thoroughly clean/detail your bike, and take pictures before and afterwards. 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.
  • 5. Project Requirements: User-facing:Back-Office: Web-based admin portal allows a business rep to perform the following: •  assign cleanings to technicians •  perform quality control of before-and-after cleaning results, •  deploy data to technicians in the field Technicians use the Synchroteam product on their smartphones to: •  view upcoming appointments •  access navigation services •  capture photos and notes in the field 2 unique consumer mobile applications (Android and iPhone)
  • 6. Prelim User Research A browser-based survey was conducted which asked scooter and motorcycle owners to answer questions about their vehicle, transport habits, and lifestyle. Based on the analysis of these results, I extracted our top- level demographic and created personas to refine our understanding of the target demographic and guide our product strategy.
  • 7. Demo and Personas Target Demographic: •  28-40 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 approx ~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 approx. 3K € •  Inseparable from his iPhone 5
  • 8. Friction Points: The survey asked users how they feel about bike cleaning and how they clean their bikes today. We learned that: 68% - Drive and and pay for an automatic or hand- detailing at a washing station Obstacle: time-consuming and expensive 27% Hand-wash the vehicle at home Obstacle: demands significant time and effort, high material costs 5% - Don’t wash their bike Obstacle: Bike remains dirty and unattractive
  • 9. Procedure flows I identified four primary procedure flows, and created the UI to achieve the following top-level objectives: 1.  New user – registration and wash request 2.  Returning User – wash request 3.  Review wash results 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 deliverable that guided our development team.
  • 10. Wireframes I created low-fidelity wireframes in Mockingbird to ensure stakeholder buy-in internally, and that I later used as an initial prototype during user testing.
  • 11. User Testing I reached out to a 4 male motorcyclists who fit our demographic and invited them to come in for a user test using paper prototypes of the app. I asked them to perform the four in-app goals we had designed for, including 1. Register and order a wash 2. Leave feedback after a wash is complete 3. Cancel a wash I observed them as they navigated the app, and made notes as to which elements of the original design were troublesome, and at which points the participants became “blocked”, and revised the designs accordingly.
  • 13. Tutorial Pages (1-2 of 4) 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. These 4 screens appear the first time, and all consequent times the app opens, until the user registers. 1 2
  • 14. Tutorial Pages (3-4 of 4) These 4 screens appear the first time, and all consequent times the app opens, until the user registers. 3 4
  • 16. 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
  • 17. Step 2: Your Vehicle Model and Make dropdown menus display base cleaning fee License plate number manual entry Date selector Parking time selector
  • 18. Step 3: Review/Confirm Wash Optional services selection for premium serve Payment processor integration with option to save card for future one-click ordering
  • 19. Wash Request Detail: Due Recap of submitted wash request with option to cancel
  • 20. Wash Detail Page: Done Recap of submitted wash request with option to cancel
  • 21. Wash Detail Page: Cancelled Recap of cancelled wash request Detailing time between wash request and cancellation and associated fees New wash request