Improving the registration interface for a more intuitive bike rental experience.
3 mins read
Timeline: 2 days
Role: UX Designer – I redesigned the app's registration interface as a UX case study after facing usability issues. I conducted research, created personas and proposed UI improvements.
This is a non-commercial project created for study purposes.
Problem
Many users struggle with registration and it impacts the overall app usability.
Goal
Enhance the register app's usability, making it more intuitive and easier to use.
Solution
I analyzed user reviews, interviewed users at the bike stations, conducted heuristic evaluations, created personas and interface improvements.
Discovery: Identifying Usability Issues
This project focuses on a bike-sharing app that provides free bicycles at the Federal University of Juiz de Fora (UFJF) in Minas Gerais, Brazil.
After struggling to use the app myself, I eventually managed to unlock a bike. However, I noticed that many people approached me, asking how I was able to do it, as they were unable to complete the registration process.
Curious about the extent of the issue, I conducted quick field interviews with 9 users. The results were concerning:
78% (7 out 9 users)
Most users were unable to rent a bike, mainly due to registration issues, such as difficulties in completing the sign-up process.
22% (2 out 9 users)
who succeeded reported that the process took them at least 10 minutes and was extremely difficult to complete.
These findings highlighted major usability problems, making it clear that the app needed significant improvements.
User reviews
Personas
In this section, I present detailed personas representing key user types for the project. These personas help to better understand the users’ goals, frustrations, and needs, providing valuable insights to guide design decisions and improve user experience.
Current Registration Flow and Suggested Improvements
Below are images of the current registration flow and suggested improvements created in Figma to enhance the user experience. These improvements aim to simplify the process, making it more intuitive and user-friendly for a seamless bike rental experience.
The contrast ratios were below the recommended standards, affecting readability and accessibility for users with visual impairments.
Initial screen - Before
Initial screen - After
As contrast ratios have been adjusted to meet the recommended standards
Missing identification of mandatory fields.
Icons with low visibility,
Lack of assistance during form filling.
Registration screen - Before
Registration screen - After
Added a text informing that mandatory fields are marked with an asterisk.
Added input masks to assist with filling out the fields.
Removed the icons to focus on the essential content.
The contrast ratios were below the recommended standards, affecting readability. Users were unable to confirm the information they entered.
Registration screen filled - Before
Registration screen filled - After
As contrast ratios have been adjusted to meet the recommended standards
At many points during the registration process, users encounter this error message without any explanation of what went wrong.
Error message - Before
Error message - After
It is ideal that users are informed about which specific field has an error, along with suggestions for correct input.
Conclusion
The app has great potential to be a success among users, as it serves a practical purpose and meets an important need. However, the initial registration process faces significant usability challenges, particularly concerning accessibility, user assistance, and error clarification during form completion.
These issues can create frustration for users, hindering their overall experience. By addressing these key pain points, the app can become much more user-friendly and efficient, ultimately leading to higher user satisfaction and engagement.
Take aways
I really enjoyed working on this small project, as it stemmed from a personal challenge I faced. The issues could be resolved with relatively simple changes, and it was rewarding to explore potential solutions.
Unfortunately, I couldn't conduct a usability study after these improvements, but I hope to do so in the future to gather more insights and refine the user experience even further. :)