An app to track your two-wheeler at all times.
Reading time: 5 minutes
Methods: concept map, story board, user interviews, ideation and sketching, user flow, user journey, paper prototyping, usability testing.
Tools: Omnigraffle, Marvel, pen and paper.
I’m delighted to share one of my first prototype apps.
I created this low-fidelity prototype for Hugo, my project partner at General Assembly (UXDI’s training programme). I was tasked with solving one of Hugo’s ‘problems’ by developing a solution tailored for him, in just three days!
Without any further delay, let’s go Find My Bike!
Hugo is a busy dad living in London, he enjoys time with family and friends, outdoor sports and riding his scooter.
He now commutes by tube since the theft of his two-wheeler.
Hugo would love to ride but is concerned that his scooter would be stolen again.
In order for him to be comfortable riding, Hugo would need to know where the scooter is at all times and be in a position to start a speedy recovery process if necessary.
Through a series of interviews, iterations, and prototypes I developed a concept called Find My Bike, designed to help Hugo track his scooter live and start the recovery process asap.
How to always keep track of your bike?
By sitting down with Hugo, I got to know him better: where he is from, what he likes and dislikes, his lifestyle and habits.
After our first catch up, I crafted a series of questions (sample below) to find out more about Hugo’s goals, paint points and needs.
What are you trying to achieve by knowing where your scooter is?
How do you currently keep track of your scooter? And why?
Where typically are you when trying to keep track of your scooter? And when?
Hugo’s situation was clear, he was under no circumstances prepared to get another scooter if it was going to be stolen again!
Hugo’s main goals:
- Have peace of mind in knowing where his scooter is
- Speed up recovery process by providing scooter location to the police
- Avoid bad surprises
Hugo needs a way to track his scooter live because it has been previously stolen numerous times.
After defining Hugo’s problem, I started sketching what the solution would look like.
To make sure I was addressing Hugo’s needs, I presented my very initial sketches to him. I talked him through my ideas and vision for the product.
After discussion and validation, I further developed my sketches and incorporated Hugo’s feedback. Note that you can see most of the iterations marked in red throughout the different versions of my sketches.
Let’s now see how these sketches flow together.
The true value of an app is the experience provided to users in real life. With this in mind, I started with analysing Hugo’s daily routine and journey.
To ensure high usability, my app user flow has direct correlation with the user’s journey.
After defining the user flow for my product, I created the paper prototype in order to test the experience I was crafting for my target audience.
To conduct the user testing, I gave users different scenarios and tasks to complete:
1. You have parked your scooter about an hour ago. You are now at work. Please access the app and try to locate your scooter.
2. It is 3pm. While at work, you glance at your phone and see a notification from Find My Bike. Please access the app and start the recovery process.
This allowed me to observe their behaviours while using the prototype and also identify areas that needed to be improved.
“I would prefer not to log my parking spot”
“Can the location of my bike be shared directly with the police?”
“On the last screen, I am not sure whether I am done or not?”
…And More Iterations
After receiving user feedback, I decided to make some changes to my design. This resulted in the final sketches above.
After developing the final sketches, I uploaded them into ‘Marvelapp’ to create a more interactive experience for the user and validate the design functionality.
While listening to Hugo, I thought I could still do more for him by incorporating:
- Advice on where best to park (integrating red and green colour shadows on map screen to highlight safe and unsafe zones)
- A community platform to share your story in your area and get tips from neighbourhood watch groups
- An instant feed from the police so users know what happens next
- Warning notifications & feed automatically synced with digital watches so they can’t be missed
- A way to deactivate the engine remotely and eventually stop thieves right away
TRY IT OUT
Please click on the following link to launch the prototype: https://marvelapp.com/6egg2ah
“Find My Bike gives me peace of mind because I know where my bike is at all times. If it is moved I find out right away and can recover it much more quickly. No more nasty surprises! Bike theft is such a problem in London. I should know — I’ve had three stolen! Find My Bike gives me peace of mind because I know where my bike is at all times. If it is moved I find out right away and can recover it much more quickly.”
BEFORE YOU GO
👏 50 Clap if you enjoyed this article, this will tell me to write more of it!
🤔 Comment if you have something to say
🙂 Click follow Hélène O’Brien to get updates of my recent articles
For more information, please visit: heleneobrien.com