QIAO
  • Projects
  • Resume

 

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

Homepage

 

 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
ID Scanning
Consultation Scheduling
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
Flip the funnel
Flip the funnel experience
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
Flip the funnel
Driver License Scanning
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
 
ID Scanning

ID Scanning

A new identification scanning flow that addresses the high drop-offs resulting from our current Driver’s License scanning flow and accommodates market requirements.

 

 

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

A project for Lime’s mobile app

My work: Designed the whole ID scanning flow and planned for the future roadmap.

Team: Core Product Team.

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

Current Driver License scanning has a high dropoff and only accepts limited forms of identification.

 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
In total from data analysis, we see a 10-15% drop off at the identity card scan.

High drop-offs

In total from data analysis, we see a 10-15% drop off at the identity card scan.
Markets are increasingly requiring various forms of identity card-based verifications. The government relationship team is requesting a more flexible ID scanning feature.

Market requirements

Markets are increasingly requiring various forms of identity card-based verifications. The government relationship team is requesting a more flexible ID scanning feature.
 
 
Understand the Problem

Why does the product have these problems?

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

Today, we have a basic US-style driver’s license scan using Google Vision. We did some user testing and data analysis, and found out that this approach has a number of problems as it does not:

  • Create a seamless UX because of the quality of scanning tech and the user flow.
  • Work for people without a US-style DL
  • Enable all the government needs.

 

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

What do we want to achieve through ID scanning redesign?

  • Seamless UX. 
  • Meet governments’ needs. We fulfill base requirements for all governments today and in the next 3 months
  • Scalable solution. We create base ID scan modules that work across all Lime products.
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
 
 
Proposed Solution

How are we going to solve the problem?

We will build two in-app modules:

  • Photo-based ID scanning for multiple IDs powered by Microblink
  • Manual ID entry.
High level user flow
ID Scanning
 
 

Based on the technology constraints and the design goal, we would like to invest design resources in the photo scanning screen and to see how we can craft a smooth UX.

1. Testing the scanning flow

 

All ID types in a slideshow

All ID types in a slideshow

Select ID types on a separate page

Select ID types on a separate page

Select ID types from horizontal scroll menu

Select ID types from horizontal scroll menu

The main purpose of this user testing is to find out if:

  1. Users can pass the ID scanning smoothly.
  2. Users can discover the entry of other ID types.
Key takeaways:
  1. Dropdown list oftentimes works but needs to be more obvious.
  2. Horizontal scroll menu and slideshow diminishes the discoverability.
  3. Using a watermark to educate users works but needs to be more specific.
Comments from engineers:
  1. The technology can work seamlessly without specifying ID types.
  2. Having a separate ID list would be a scalable solution on the engineering side.

 

 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
Results:
  1. Have a dedicated area on the screen for scanning.
  2. The watermark is placed according to the best scanning distance and size. 
  3. Highlight the part that needs to be scanned by text and symbol.
  4. A more obvious drop-down list entry.
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
Refined ID scanning flow

Refined ID scanning flow

 
 
2. Testing the manual entry flow

 

Manual Entry through a button

Manual Entry through a button

Manual entry in the dropdown list

Manual entry in the dropdown list

Manual entry in a horizontal scroll menu

Manual entry in a horizontal scroll menu

Manual entry button shows up after a few seconds

Manual entry button shows up after a few seconds

The main purpose of this user testing is to find out:

  1. how users are going to react when the scan fails.
  2. if users can discover the manual entry option.
Key takeaways:
  1. Users will be actively looking for other options if the scan failed.
  2. A single CTA button has the highest discoverability.
Comments engineers and the GR team:
  1. Manual entry is not always a legit option because of the technology we will be using.
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 

 

Results:
  1. Place friction in the UX for discovering manual entry intentionally.
  2. Furthermore, make it an obvious option when the scan fails to cut down drop-offs.
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
Refined manual entry flow

Refined manual entry flow

 
 
Final Design
ID Scanning

 

 

Result

What’s the outcome of the design?

Target metric outcome

We would now like to start quantifying the cost of our gov-tech features, i.e. the impact on trips (via user drop off) this feature will have. Thus, we also need to gather the data to show the  impact our feature will have on the market.

  • ID scan works for 70% of users
  • We manage to convert 5% through the funnel for Lime-S
 
  • 清除所有标记
  • 清除选中的标记
  • 错误类型
  • 无错字 – 写作(在线版)
 
 
 

Related Posts

FlipthefunnelCopy

Mobile UX

FlipthefunnelCopy

Consultation Scheduling

Mobile UX

Consultation Scheduling

Lime Onboarding Experience

Mobile UX

Lime Onboarding Experience

© QIAO 2023