QIAO
  • Projects
  • Resume

 

  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
Lime Onboarding Experience
Lime Onboarding Experience

New Onboarding Experience

An onboarding experience that helps new users get a clear understanding of how to ride lime products as well as build a better government relationship by demonstrating that lime is committed to public education and safety.

 

Project Scope

A project for Lime’s mobile app

My role: Sole designer designed and created the whole onboarding experience.

Team: Core Product Team. 

 
Summary

Final MVP

1. How to ride

1. How to ride

2. ride with helmets

2. ride with helmets

3. Where to ride

3. Where to ride

4. Park with care

4. Park with care

5. End the trip

5. End the trip

 
Problem & Goal

What needs to be addressed in the onboarding experience?

Specifically, there are 3 issues to address through this new onboarding experience per users’ feedback and GR and other teams’ feedback.

It is necessary for us to convey the correct rules of riding clearly so that users can comply with those regulations and get a sense of reliability when using our product.

User Compliance

It is necessary for us to convey the correct rules of riding clearly so that users can comply with those regulations and get a sense of reliability when using our product.
Communicating riding rules in a strong way with users presents that lime is a company committed to educating users in the clearest way possible, which helps form a better relationship with government.

Government Relationship

Communicating riding rules in a strong way with users presents that lime is a company committed to educating users in the clearest way possible, which helps form a better relationship with government.
Our competitors leveled up the design quality of their tutorial to a much higher level, which makes it really noticeable for having a rough tutorial and it has a negative effect on our brand sensitivity in the future.

Brand sensitivity

Our competitors leveled up the design quality of their tutorial to a much higher level, which makes it really noticeable for having a rough tutorial and it has a negative effect on our brand sensitivity in the future.
 
 
Understand the Problem

Current onboarding experience

The how-to-ride Tutorial Part

The how-to-ride Tutorial Part

Since overall onboarding user flow is already optimized, the main focus of improvement will fall in the how-to-ride tutorial part in regards to user compliance and government relationship.

For example, different cities have different rules for users to comply and different markets have different vehicle types(e.g. scooters only markets vs. bike only markets)

 

The tutorial should give users a clear understanding about:

  1. How to ride. 
  2. Lime is committed to public education and safety.
 
 
Proposed Solution

Animation Design

Considering that we need to convey a large amount of information in a very short amount of time, an animated tutorial would be the best approach.

1. Storyboarding

There are basically 5 separate stories need to be included in the tutorial. In order to catch the user’s attention more effectively, all pages are limited to less than 5 seconds.

Lime Onboarding Experience
2. Character Design

For character design, factors need to be taken into account:

  • Social fit(gender, skin and hair color)
  • Represent our user groups
  • Different from our competitor
  • Recognizable
‘6-head’ to make it look young. Also, yellow is one of the brand colors to make it recognizable.
‘6-head’ to make it look young. Also, yellow is one of the brand colors to make it recognizable.
Lime has scooters of 3 different generations that has 3 different lookings. The scooter should look generic and recognizable.
Lime has scooters of 3 different generations that has 3 different lookings. The scooter should look generic and recognizable.

 

 

3. Scene Design

For scene design, it is never only for creating a meaningful scene to convey information. From a product perspective, there are more things that matter. (e.g. Scalability for different markets and contexts.)

Rules for Standard layout of the content

Rules for Standard layout of the content

Rules for the motion of the component

Rules for the motion of the component

 

 

For the actual scene design, it is clear that what rule needs to be followed as most of the constraints are clearly stated:

  1. standard format
  2. scalable for other new types of vehicles
  3. time duration is around 4 seconds
Hi-fi scene design

Hi-fi scene design

 

 

4. Animation export to code

The advantages of Lottie are: 

  • lightweight and fast to load
  • Full playback control
  • Easily fit screens of all sizes
  • Great quality performance

And these are the reason I decided to make the animation in Lottie code format instead of GIf or video.

In order to convert the animation to Lottie code, there is a restricted way of constructing the animation, these techniques are reflected in the scene and character design to some extent.

Consider hand-offs while designing

Consider hand-offs while designing

 

Iteration

There are more combinations of animation that accommodate markets regarding vehicle types and traffic rules. For example, markets that only have scooters on the road should only have scooter-related content in the onboarding experience. 

A management tool is needed to address those problems, which is on the roadmap.

In addition, there are also other GR and regulation issues that are involved in the onboarding experience and they affect our conversion rate.

Lime Onboarding Experience
Lime Onboarding Experience

Related Posts

FlipthefunnelCopy

Mobile UX

FlipthefunnelCopy

Consultation Scheduling

Mobile UX

Consultation Scheduling

ID Scanning

Mobile UX

ID Scanning

© QIAO 2023