Bike Rental app | Shienel A Portfolio

Bike Rental App UX

Project background

In this case I will share some of the proposal we made to improve the experience of a bike rental App. The main task in this project was to conduct a comprehensive research on the app and outline major pain points.

User Background

Young people (under 45 years of age)
Foreign Tourists — discover the city
Like to do physical activities
Want to improve lifestyle in a healthier way
Commute faster and easier in the city center
Greener way of transportation

Bike Booking Process

After reviewing the interactions of the user with the app, I outlined a user journey map to understand the booking process from the customer's point of view. It was at this stage that I also outlined what goals we need to achieve and what improvements can be done.

UI/UX changes to App & Map

User task architecture (Start up screen)
Upgrade Favorite stations list
Show default options for nearest stations
Show navigation to station from current location in app
Connecting pins to the bike inventory database
Bottom menu bar for critical actions
Clarity to the content and CTAs
Consistent design elements in the app
Consistent icon styles

human-hand-holding-mobile-phone-with-map

Pain Points and Solutions

Problem:

Initial process like login or signing up are placed in the same stage as finding a station when it is a primary requirement.

Solution:

Assist the user to complete mandatory requirements like signing in and providing payment information to avoid an error during reservation.

Problem:

The user’s favorite station list is not quickly accessible and displayed with minimum information.

Solution:

Make Favorite list as quick access element
Include more information about station (Ex: Distance, rentals, address etc.)
Include filter to search for most used, popular, close by

Problem:

You have to manually search for the next nearest station from your current location. If there is no station nearby there are no recommendations or pins.

Solution:

Show options for nearest available location of a station if none or few show up on the map.
Allow user to jump to those locations without having to manually zoom out and search for them.

Problem:

The user is only given the distance away by kilometers. To navigate to the location the user needs to switch apps to open the location on google maps

Solution:

Show navigation of the location in app and avoid making the user jump apps
Information like distance, time till ETA and live updates on user position should be included.

Problem:

Stations that do not have a bike availability still show up as a deactivate pin on the map causing clutter

Solution:

Stations that do not have any bikes available should automatically be removed from the map and show up again when inventory is available

Problem:

To complete main actions the user needs to access the hamburger icon hovering on the map. This menu having critical actions has some visual disability.

Solution:

Include an organized bottom menu which has the most critical actions the user needs to conduct and which is uniform throughout their journey for quick access.

Problem:

Some of the visual aids do not provide complete information. The CTAs and content should be more clearly labeled with the action

Solution:

Give more context or an option to view information in addition to the provided visual aid.
CTA’s should be labeled by the action they will do.

Problem:

Icon styles are not uniform throughout the app and the user have to relearn the icon meaning again

Solution:

Icons should hold the same style principles.
Icons should be easily understandable.
Include icons where important text can have more impact on the user

Summary

All apps have potential to improve, keeping the user in the center is the key to creating solutions which will improve the experience which in turn improves the engagement and conversation rate. Following existing user patterns while innovating solutions for unique problems is my approach in the app to reach those business goals.