CLIENT Intro to UX class (10 weeks)
TOOLS Figma | Illustrator | Lookback
ROLE User Research | UX | UI
Bicycle ridership has increased in the past few years, along with bicycle theft reports that increased by 70%. There is a lack of prevention from bicycle thefts; when a bicycle is stolen, most of the owners don’t know where to report it, how to avoid the resale, and how they could recover their bikes.
With the idea of providing a solution to cyclists, a platform will be created with a voluntary registration program with a centralized database of bicycle serial numbers, where the owner can create an alert when it's stolen. In addition, people can consult the status of a specific serial number, check for stolen bikes, and inform if they find it to the owners.
INSIGHTS FROM USER RESEARCH
A Survey and an Interview were done with the purpose of understanding people's biking behaviors better. Also, a Competitive Analysis was realized between direct and indirect competitors, along with a Heuristic Evaluation of the competitor's websites and/or apps.
After the user research, 3 different types of personas came up based on their behaviors or experiences related to their bikes safety. These personas are generalized and gathered as patterns found to know better the "Jobs to be done" related to their needs, goals, and motivations.
Scenarios were created to understand how and when bikers would use the platform and will show 2 main tasks, Register a Bike and Report a Stolen Bike.
The Workflow and Wireframes will show 3 tasks of the website for the class scope. These are Register a bike, Report a stolen bike and See stolen bikes. The other sections, Check a bike status, See recovered experiences, and Tips on how to protect your bike, would have to be implemented in the future.
In the beginning, the platform was thought as an application for smartphones, but after testing the sketches with some cyclists, they said it would be more useful if it were a website, because it has a lot of technical information to complete and it would be better to do it from a desktop.
Onboarding process for the initial main screens.
3 different paper prototypes were created to test which one would perform better. After doing another usability testing with 3 people, a few key findings were detected:
The example nº1 received comments as “an interesting and fun way to do a multi-step form." The nº2 was understandable, but the design has been seen too many times before, and it is a bit boring for them, and the nº3 (expand and collapse), was interpreted as odd and quite confusing.
Low fidelity wireframes were created to understand how many views needed to be made. When thinking about their scenarios, they might feel stressed or nervous when reporting a stolen bike, and they might get confused with the website. That's why all the options were shown together on the landing page to guide users from the first moment where to go. In addition, the design is considered simple to facilitate the user to complete their tasks quickly and easily.
Icons related to bicycle elements were added to complement the title of each section. Two colors were chosen for the website, associated with calm, security, and reliability. The places for photos are designed only to be loaded by users. The design remains simple and clean for the same reasons mentioned above.
USABILITY TESTING / ITERATIONS
After the Hi-Fi wireframes were made, another usability test was carried out with 3 more people. They had a good experience with the flow, but they pointed out some doubts, being 3 of them the most important. With the call to action language, they looked confused, and other words were chosen to associate the action better. Some titles were hard to find due to their small size. It was required to verify the hierarchy of the website. And they suggested that it would be nice to have an option when reporting their bikes as stolen, such as when and where happened, in that way it provides more details and can be seen in See stolen bikes.
I enjoyed the whole process. I learned a lot, considering that this was my first project in my first class in UX. I understood the different ways of doing UX Research, how is the design process, and how to make usability tests. I would have liked to interview more people to know more about their behaviors, but as an overview, I had a positive experience. For future projects, I would change some design decisions, such as having consistency with the forms and finishing the 3 pending tasks.