A small vehicle journey

Micro-mobility solutions

Company: Iomob · Role: UX Lead · Date: 2020

Iomob is the mobility platform up to be plug and play to any app or website. It integrates a wide range of mobility services that can be accessed via APIs, SDKs, or using a white-label app solution. 

The Challenge

Building the different user journeys. The platform integrates with several micro-mobility providers, so all possible user journeys must be considered. Users can choose a bicycle (electric or traditional), an electric moped, or an e-kickscooter to get around.

Showing the user different brands or companies available to him.

Taking into account the rules of each city or region for the usage of these vehicles.

The Process

User Research

I conducted a series of interviews and surveys to find out the main pain points of users.

• How to drive the vehicle?
• Will the vehicle be on the street when I arrive?
• How many kilometers can they do with the battery level?
• Where could I park?
  

Benchmarking

I carried out a benchmarking of the leading micro-mobility service operators to determine what functionalities the platform should support when integrating via API with these operators. Making the possibilities of the platform as wide as possible.

I defined common modules with essential features and special modules with advanced features.

User Flow

I developed the user flows traveling in the different vehicles to define the user experience when interacting with the product.

For example, this is the case of a trip in a vehicle that offers the possibility of reserving it for a few minutes while the user goes to look for it. It is also a vehicle that has a security lock that must be unlocked before starting the trip.

The Solution

Map View

This view shows the vehicles on the map. Vehicles are represented by pins. In a zoomed-out view, it shows what kind of vehicles are available, and when zoomed in, the pin layout is more detailed. We also see the type of vehicle, the brand, and the battery level.

On the map, the areas are indicated by colors:

• Forbidden zone: red
• Low speed: ochre
• Normal parking area: blue
• Preferential parking area: green

Vehicle Card

The cards show the user all the information they need to be able to choose their ideal vehicle and enjoy a satisfactory experience.

1. Image of the vehicle with its license plate or identifier.
2. Brand.
3. Beep button (optional). 
4. Approximate location.
5. Main information: battery, price, seats.
6. Secondary information (optional): help contact, tutorials.
7. Detailed price information.
8. Buttons for actions.

Prototype

A scooter ride. The service operator allows the user to reserve the vehicle for a few minutes.

The Integration

The modules can be integrated into any application and the design is customized to fit the brand. This would be an example of the integration of the mobility solution in an event application. The user may use vehicles to reach the meeting point.