Card ID
Product Designer & Manager | Case study 2
Scanning the ID is the stage of uploading the user's personal information to a database, it is a challenging stage of two steps (front and back) of scanning or uploading photos from a gallery. The scanning feature enables the mobile app to read ID cards, passports, visa documents, driving licenses, and other standardized ID formats.
​
In this case study, I will bring insights into my work process, the tools and methods I used to implement the product, and explain my reasoning and thoughts behind the decisions I made.
Product Challenges
Create the integration process quick and painless, allowing the user to focus on the more important aspects of the verification process.
​
Features a simple yet powerful interface guiding users step-by-step through the scanning journey.
​
Providing relevant reports and helping the user in a state of disorientation in order to avoid frustrating situations in the two stages of the scan.
Market Research
Why users need great identity verification?
In order for companies to cater better user experiences to their customers while deterring fraud, firms should take the initiative and make sure that they design user-friendly platforms that make it easy for users to verify their identities, while protecting their information and comply with regulations.
Understanding usability
Users today must increasingly rely on their smartphones and other mobile devices for everyday tasks, including tasks involving sensitive information - such as signing up for new accounts online, validating documents, and extracting personal information and data.
Telecommunications
Automotive
Trave & Hospitality
Government & Security
Healthcare
Retail E-commerce
Digital Identity
System Integrators
Market Solutions
Related apps research
I decided to research the competitors in order to understand how others are trying to solve problems
I identified our product before the redesign process. Among the products I reviewed were face recognition and digital authentication applications and companies that specialize only in digital authentication that face with similar challenges.
What I learned from similar applications in the industry and from identical products at the competitors
KEY LEARNING No’ 1
Get to the frame
Seemingly leading a user to scan a digital certificate or passport seems like a simple operation, but many companies have reported users failing to do so.
KEY LEARNING No’ 2
Talk to the user
Even after the onboarding process, the user should receive instructions for the required actions, in applications where there was no feedback of action it was more difficult for the user to complete the verification.
KEY LEARNING No’ 3
The sensitive transition between stages
The verification process consists of two front and back scan stages, a transition between them is a weakness that requires thinking that encourages action.
KEY LEARNING No’ 4
Lighting conditions and upload from gallery
Checking situations and options for authentication in a dark lighting environment and uploading an ID card stored in the gallery.
KEY LEARNING No’ 5
User trust is a matter
Considerable reference to the interface in a clean and focused design helps to strengthen trust and confirm the fear of theft of the user’s digital identity.
Existing product
Dealing with problems
The existing product and the pain points that led to change the user experience
Clean and modern user interface. After examining the existing design, I decided to refresh the design visibility and adapt the user experience to a minimalist and well-designed generic product.
The existing product did not have an onboarding process so the user was not ready to verify the two-stage front and back scan ID.
The existing product did not address the process of scanning the back of the ID card and did not notificate the user of how to operate in real time.
A scan screen must give an immediate indication of success or failure and lead the user with a clear and encouraging definition of action.
In the product I found there was no option to upload an ID from the gallery and not to re-scan the ID in case of failure.
Wireframes & Flow
Put ideas on paper
During the process of researching and understanding the problems of the existing product compared to competing products in the market, I started to sketch ideas for the structure of the application. This process involved a lot of meetings with product managers and testing competing products, but eventually, I reached the structure felt satisfied with it.
Visualize the solution
After several of paper interactions I had a general idea ready, so I moved on to Axure for a more detailed layout, where it is easier to create advanced interactions and move screens around.
Feedback & Interaction
Feedback is key to improvement.
In order to improve user performance
I thought of using a key tool that guides the user to the success of the process.
Edit information
The edit mode is designed to provide a solution for identity verification in case of system details are missing in the edit version of the application.
The Design
Simplicity & Neutrality
When designing the product, I took into consideration the user's needs following conclusions from my research, I wanted to go further and explore how the app would look.
​
I incorporated the style guide of other product parts for integral look and feel. My aim was to create a highly intuitive/minimalistic design to maximize the user experience and the product’s overall appeal.
