Technology

One interface, one hundred million end users: SDK product design

May 22, 2020
One interface, one hundred million end users: SDK product design

‘’Oh, a product designer? So, you’re like, making the interface look pretty?’’

No, not quite. If you open your thesaurus, you’ll find that synonyms for a designer return words such as ‘inventor,’ ‘architect,’ ‘artist’ and ‘strategist.’ In reality, we don’t get to design a single mock-up until we define who our users are and what problems they’re facing. And that requires wearing many hats.

Now, designing for SDK can get even more chaotic. Believe us, our design team at Microblink knows this first hand. Our flagship product, BlinkID, is an integral part of some 500 apps ranging from airline operators to financial services providers. This means we’re in a constant loop of researching, designing, testing and reinventing for multiple target groups.

First, our end users who use BlinkID to onboard for products and services more easily by scanning their ID. 

And second, our clients who wish to quickly and painlessly add our SDK into their app. Think of it as a puzzle piece they use to attract and engage the above users while streamlining their own processes. 

To strike this balance between a user-friendly experience and a client-friendly look, product design needs to evolve alongside technology. Plus, it needs to transfer the brand’s look and feel, so that the entire experience feels on-brand and a part of one app.

If that sounds like a lot to take in, welcome to the club. Stress balls are in the top drawer.

A chameleon-like design that blends with its surroundings

Over the years, we’ve noticed a reassuring trend. BlinkID’s user interface, despite being fully customizable, is widely accepted in its default form. 

Our clients seem to dig the UX they get out of the box and the majority of them implement it in their apps with only some slight variations in fonts, colors, and other minor elements.

Businesses trust our ability to delight their users with great experiences and we reward them for it. Day after day, we strive to make the technology behind BlinkID more user-centric while keeping the interface visually neutral and less noticeable.

Keeping an AI on augmented reality

In 2017, augmented reality (AR) started reshaping the way we interact with mobile technology. UI was no longer bound by the edges of a smartphone screen, it began leaking out into the real world. 

As an AI-powered software, BlinkID was well-positioned to make the most of this trend. Applying visual feedback on the document a user was holding, for example, was a great way to provide a more immersive, natural experience.

Instinctively, we jumped at the opportunity to better engage our end users. BlinkID was already smart enough to recognize and track identity documents so we designed an AR interface that hand-holds people throughout the scanning process.

After showcasing our hard work at Finovate 2019, we were met with applause but it turned out the world wasn’t ready for AR-driven UI. 

The train we boarded was still parked at its depot. 

Thinking outside of the box doesn’t always yield success

Carried away with the wonders of augmented reality, we nearly lost touch with the actual reality our end users face. 

Additional development and testing of the demo app revealed that, while our AR interface performed fine on the latest iOS smartphones, it struggled to keep up on Android phones.

This meant that the new interface wouldn’t work for a good chunk of our clients’ users. And since we want to provide an equally enjoyable experience of using BlinkID regardless of the device, an AR UI on high-end smartphones alone was not an option. 

On the cusp of a major breakthrough, we had to pick up the pieces and start afresh.

Rising from the ashes: The best interface is no interface

Short on time, we thought long and hard about the best approach for reinventing BlinkID’s UI. 

Days of brainstorming and extensive research bore fruit. We had come up with an UI and UX that was partly inspired by Google’s Material Design guidelines (patterns for machine learning features), and partly designed from scratch. 

Among the biggest changes we made was a pulsating reticle which completely transformed the way end users interact with BlinkID.

For one, they didn’t have to place a document within the dedicated frame anymore. Thanks to the advances in technology behind BlinkID, a user scanning an ID card no longer has to worry about the document placement, orientation, or angle.

Also, as BlinkID was able to recognize the document type itself, we removed the pre-screen prompting users to select the document before scanning it, saving them a few extra seconds of trouble.

The reticle displays on-screen instructions in real time, which means a user knows when to flip the document or move it farther away from the camera. This form of communication guides a user towards taking correct actions.

A quick flash, together with a checkmark at the end means the information has been extracted successfully. To unify the new experience across Android and iOS, we kept all of the changes consistent, bar some minor visual elements.

You can now see how it’s all about connecting the dots for the end user and stripping the interface down to its bare bones. 

The fewer steps they have to take before solving a problem — in our case, bypassing data entry by hand — the better the overall experience will be.

Check yourself before you wreck yourself: Usability testing

All of the above changes wouldn’t see the light of day without proper testing. We’re not all-knowing masterminds of UX design. That’s what usability testing is for. Nothing beats seeing real users interact with your design right in front of your eyes. 

The whole point of usability testing is to find cheap fixes for otherwise expensive problems. There is simply no better way to weed out interface flaws and ensure a product meets user expectations.

Usually, the process involves users interacting with the design prototype, an early sample of the design. This is basically an array of images of the UI that are linked together to show a flow of the finished app. 

But prototyping is impossible with BlinkID as it requires a user to interact with the camera in real time. Our developers had to devote plenty of time to make a fully functional app for testing purposes. 

After a good deal of mutual effort, we had an app specifically built for testing purposes. Notebook, check. Pen, check. Questions, all thought of. We were ready to usher real users into the room and watch them interact with the new interface in-person.

Observing users in the wild

It was interesting to see how some, for example, held their documents in hand while others laid them flat on the table. Also, a number of users scanned their documents in landscape mode, reaffirming our decision to enable both orientations.

During this process, we discovered how scanning is a very personal experience for every user and that we need to consider it in every step of planning. Taking notes and gathering feedback from real users helped us significantly improve the UI and the overall user experience.

For example, we’ve learned that our on-screen messages disappeared before some users could even read them. That’s when we joined forces with our developers. After going through countless iterations, we finally found the right balance of timing and duration for feedback messages and animations. They were now easy to spot, read and understand without affecting the processing speed.

We can’t stress the importance of repeated usability testing enough. It assured us the changes we’ve made actually hit the right note with our end users. Without it, we’d essentially be designing for ourselves.  

When all is said and done

After all this struggle, we’re left with a more unified UI, but also with a more unified team. Each and every one of us pulled our weight so that BlinkID could be enjoyed in all its scanning glory. 

In doing so, we have learned a lot about design, development, and technological capabilities, as well as the importance of connecting the three for the end user. These discoveries are now forming a key part of our product design and development cycle.

So what does the future hold?‌ Besides an occasional rainy day, plenty of good, no doubt about it. Mobile AR keeps evolving and new ways of engaging with the end users keep emerging. At Microblink, we’ll keep leveraging them to make our products simpler and more enjoyable to use.

But why write about it when you can see our hard work in flesh? Get the latest Microblink Vision demo app and give our new UI a spin — available on Google PlayApp Store and AppGallery.

Integrate ID document scanning into your existing application today

Continue Reading

Find more thoughts on the industry insights, use cases, product features, trends in AI, and development processes.

What is identity documentation verification and how does it work in finance?
ID and Document Verification

What is identity documentation verification and how does it work in finance?

August 31, 2023

Identity document verification ensures the authenticity of presented documents, which helps to mitigate the risk of fraudulent activities and breaches…

Upgrade your UX with ID document scanning for web browsers
Technology

Upgrade your UX with ID document scanning for web browsers

February 23, 2023

How easy is it for your customer to start utilizing your product or service? In an age with no abundance…

Microblink’s top 5 blogs of 2022

Microblink’s top 5 blogs of 2022

December 28, 2022

What a year it has been.  For both our Identity and Commerce business units, 2022 was highlighted by growth, innovation,…

Identity Document Scanning product updates – November 2022
Product Updates

Identity Document Scanning product updates – November 2022

November 22, 2022

Find out what’s new in the v6 release of Identity Document Scanning, and how the updates empower your solution and…

Blue in the face: Twitter’s vexing verification raises identity issue on social media
Social Media

Blue in the face: Twitter’s vexing verification raises identity issue on social media

November 17, 2022

In the Twittersphere, the term “verified” has progressively taken on a meaning of its own. It was back in 2009…

Document Verification product updates – August 2022
Product Updates

Document Verification product updates – August 2022

August 10, 2022

Here’s a quick overview of all new features and supported documents in the latest version of Document Verification. Our unique…

Identity Document Scanning product updates – July 2022
Product Updates

Identity Document Scanning product updates – July 2022

July 31, 2022

We’re super excited to announce a new-better-than-ever version of Identity Document Scanning with 50 new identity documents and significantly improved…

The Importance of Identity Verification and Customer Due Diligence in Indonesia’s Financial Sector
ID and Document Verification

The Importance of Identity Verification and Customer Due Diligence in Indonesia’s Financial Sector

September 28, 2023

In the rapidly evolving financial landscape of Indonesia, the Financial Services Authority (OJK) has been at the forefront of regulatory…

How to improve your customer verification process with better software
ID and Document Verification

How to improve your customer verification process with better software

August 31, 2023

In the fast-paced digital world we live in, ensuring the safety and security of customer identity is of the utmost…