Re-imagining the Visa System in Web 3.0

Have you ever got stuck when trying to apply for a visa of another country? VisaPass is a mobile app for visa application utilizing web 3.0 technologies.

Considering all the frictions during the current visa application process, this class project aims to reimagine the future visa system with emerging technologies. Unlike traditional UX design, this project is more of a speculative design. Our team is fully aware of the potential ethical questions around this topic, but these questions are not in the scope of this project. When designing VisaPass, our main goal is to create a secured & private, transparent, and intuitive experience for visa applicants. This project includes the following steps:

1. Research
2. Persona & User Journey Development
3. Storyboard & Script Writing
4. Design System & Wireframing
5. Video Sketch (pt.1 & pt.2)

Client

Government (Potential)

Type

#UX Research #UX Design #Web 3.0 #Speculative Design

Team of

4

Duration

45 Days

Role

UX Researcher & Designer

Tool

Figma, Adobe Creative Suites

Method

Speculative Design; Literature Review; Multi-level Perspective; User Interview; Affinity Diagramming w/ Grounded Theory; Desired/Required Schema; Persona; User Journal; Video Sketch
screens
screens-detailed

1. Research

How web 3.0 technologies help improve the current visa application system?

To better understand the problem, our research mainly focused on the affordances and applications of Web 3.0 technologies, especially in record keeping; the current user flow for visa application, and user’s pain points during the process.

1.1 Literature Review

literature review summary

We started off by studying the current visa application process. This is a complicated realm since the visa policy is country and type specific. To have a better idea of the current system and the frictions during the work flow, we created a mess mapping to categorize different affecting factors. We identified 6 general issues:

  1. Time & Effort Consuming: Applicants need to collect different materials and go through multiple steps
  2. Visa Types: Different visa types requires different documents, applicants need more knowledge to decide which is more applicable to them.
  3. Human Resources Issues: Low efficiency, human-factor fault
  4. Security Issues: Potential security and privacy issues
  5. Application Flow Opacity: Users have little knowledge of what happened in the process
  6. Sustainability Issues: Waste of paper, duplicates of physical copies
mess-map
Mess Map: Problems of existing Decentralizing Bureaucracy: Immigrant (Click to see details)

As we indicated from the mapping, the main challenge for visa application is record management, authentication and verification. Considering the drawbacks of the current system, our team leans towards a digital platform.

We then research on Web 3.0 technologies. Since this is new field which none of our team member is familiar with, the priority is to understand what it is and what it does. Among all the emerging technologies, we consider the blockchain technology most applicable for our project.

Credit: Blockchain: What It Is, How It Works, and How It Can Be Used

The key features of blockchain technologies are: 1) Immutability; 2) Automated efficiency (Working 24/7); 3) Decentralization; 4) Transparency; 5) Exchangeability

Current applications of blockchain technologies include: 1) New tokenization; smart contract, and new notary

Moving forward, we created a multi-level perspective framework. We identified the current social landscape, the mainstream, and the niches in the field of record keeping/tracking. From our research, we learned that the mainstream for record keeping is using physical copies, and store everything in a database; different documents are stored in different systems. As niches, some governments have embraced the Web 3.0 technologies. One example is E-gov DAO (Decentralized Autonomous Organization) System for enhanced transparency and efficiency in execution. Other E-gov practices include Singapore's E-record system SingPass, and Chinese ID management system.

mlp-table
multi-perspective framework (Click to see details)

From the literature review, we also learned that some frictions in the visa application process is intentional due to national security or culture considerations, especially for the permanent citizenship. Therefore, blockchain technologies are more appropriate for some visa types than others. After more research, we choose tourist visa as our main use cases, considering its low sensitivity. Next, we dived deeper into the actual tourist visa application workflow. For this research, we selected the U.S. as the destination country because 1) it's popular in tourism and 2) our team, a group of international students studying in the U.S., is more familiar with the policies.

There are 4 types of U.S. tourism visas, 1) Visa Application at an Embassy 2) E-Visa Application 3) ESTA and 4) Visa on Arrival, based on the citizenship of the applicants. Among the 4 types, visa application at an embassy is the most complicated one, and has the most room for improvement. So we choose this scenario as our main focus.

We found one representational country for each type, and created the corresponding user flow. Visa application at an embassy has the most detailed user flow, which covers all phases of the process, including before, during, and after.

user flows
User Flows (Click to see details)

The main challenges for visa application at an embassy includes:

  1. Material collection
  2. Material translation (if applicable)
  3. Material authentication/verification
  4. Material Exchange
  5. Process Tracking/Update

At this point, we selected people who need to get a temporary visa, especially the tourist visa, as our target audience.

1.2 Expert & User Interview

interview summary

After we have a clear understanding of the situation and our problem, we conducted interviews with 7 international students who either applied for F1 visa before or had experience supporting their families apply for a B2 visa. Some of the user interview questions we asked include:

  1. Can you describe your visa application process to us?
  2. Which part of the process is most difficult for you and why?
  3. What's your ideal visa application flow?
  4. Is there any specific application process of a visa that impressed you the most? Can you describe the process of it?

From our conversation, we could imply that many users are suffering from the unclear application flow, paperwork overload, and language barriers.

--------------------------

We also conducted 2 expert interviews, one with the product designer from Consensys, the other one with a developer in the blockchain industry. The expert interview questions include:

  1. What about identity management through the blockchain? How to protect the privacy and security of the data? How to consider the differences between different countries’ policies?
  2. What kind of data we should put on the blockchain and what should not? Biometric factors on the chain? Visa fee? Information check?
  3. Is there any specific application process of a visa that impressed you the most? Can you describe the process of it?
  4. Could you shortly introduce your research model and methodology to us?

Suggestions from the experts include:

  • Learn more about Tokenization for security and confidentiality
  • Look into Consortium Blockchain, a group of private blockchains
  • Learn how Smart Contract works
  • Understand the 0 knowledge proof technique for privacy protection

1.3 Insights

insight summary

We then analyzed the research data through an Affinity Mapping and a Desired Required Schema

affinity mapping
Affinity Mapping

From this mapping, we categorized issues in 5 aspects.

  1. Fraud, which is a main concern for the government
  2. Time Consumption
  3. Process Opacity and Low efficiency
  4. Money Consuming
  5. Record Keeping

At the meantime, we used the Desired Required Schema to sort out our priorities.

desired required schema
Desired Required Schema

To summarize, the main problems of existing visa application system is the trust issues and complicated process. People's reluctance to emerging tech is also things we need to keep in mind. To solve these problems, we planned to create a secure, private, and transparent experience, which is enabled by blockchain technologies - Everything on chain is cryptonized and immutable, but users could track the data simultaneously. An intuitive process is also needed to grow users' confidence.

design challenge
Design Challenge

2. Design

2.1 User Persona & User Journeys

user summary

With the insights at hand, we move on to user persona development and user journey creation to create a use case that could cover most pain points of the general users.

As mentioned above, tourist visa is of lowest sensitivity among all types of visa types. So we set the persona's goal to be getting a B2 visa. In order to better demonstrate how the new design is more advanced compared to the current system, we need to find a scenario with a relatively high risk of failure within the current system. With these requirements in mind, we came up with Li Hua, a mother who needs to apply for a B2 visa to attend her daughter's graduation ceremony in the U.S. This is an urgent task, so she needs to complete it in time, which could be a problem under the current situation because the current process is time consuming. Also, this mother experiences language barrier and is unconfident about the process.

user persona
User Persona (Click to see details)

For the user journeys, we first created one for the current system, which contains 5 stages: Search for Guidelines, Material Preparation, Interview at the Embassy, Required to Submit Supportive Material, and Possibility of Missing the Graduation Ceremony. Each stage has its own obstacles.

user flow before
User Flow Before (Click to see details)

Looking at the user journey, we consider where the blockchain technologies could kick in to enhance the experience, and came up with a user journey for the envisioned new visa application system.

user journey after
User Journey After

As shown above, there are two stages where blockchain technologies could speedup the process:

  1. Document Authorize & Keep
    Tokenization could be the solution. What if all documents are digital and tokenized? Then applicants only need to submit the token online instead of getting a physical copy.
    0 knowledge proof technique to ensure only the minimum necessary information is revealed. More explanation in the Wireframe section.
  2. Long Process, wait and uncertain about the issue
    Blockchain technologies make it possible to get lively updates of the case, users can also track the data history.

For the document authorize & keep stage, we suggested 2 options.

First, we considered making the app a token wallet which contains tokens for different information, including financial, education and so on. But this solution bears a risk of information leak because all information will be stored in the app.

The second option is making VisaApp a speaker. Instead of storing tokens in the app and submit tokens to the embassy by themselves, users will link their account in the third party to the VisaPass app. In this scenario, VisaPass will send request to the third party on behalf of the user, and ask the third party to send the user's token to the embassy. (for example, users can link their chase account to the app. Once requested, the app can ask Chase to submit  relative tokens to the embassy.)

We eventually decided to go with the second solution considering its level of security and privacy.

2.2 Wireframes

wireframe summary

According to the new user journey, our team created an information architecture to identify necessary screens needed for this use case. As shown below, three most important elements are Home page, Visa Wallet, and the Application Screens. As a team of 4, we each came up with our own version of low-fidelity mockups for these 4 functions.

information architecture
Information Architecture (Click to see more details)
low fidelity mockups
Click to see all low-fidelity Mockups

Based on the low-fidelity mockups, we first created a design system.

design system
Design System

Then we made our design decisions, combined the desired part of each versions, and created the high-fidelity mockups. Below are some highlights. All screens will also be shown in the part 2 of the video sketch.

Homepage

homepage
Home Page

The homepage consists of:

  • Start Application Entrance
  • Inbox
  • User's Information
  • Application Flow
  • List of Countries/Regions Based on States
  • Search, Filter, Sort Functions
  • Navigation Bar

----------------------------------

Connect IDs

connect id
Connect ID Page

The Connect IDs page is the core of the app. It replaces the traditional material collection practices through blockchain technologies.

  • The first part is required fields to be filled by users (will be auto-filled next time).
  • The second part needs users to connect their accounts in the third party to the VisaPass app.
  • Explanation has also been provided to enhance users' confidence, users can also choose to manually upload their documents if they are hesitate.
  • Users can also choose "Add Documents" to add another token or connect to another account.
submit request
Submit Request

Once all accounts are connected and documents uploaded, users can choose to submit request. On behalf of the user, the app will ask the third parties to submit corresponding tokens to the embassy. As shown in the second screen, users will get a receipt of which documents are approved and which are not. Once all is clear, they can move on to Paying Visa Fee and schedule an online interview.

The embassy will utilize smart contract to decide if the applicant is qualified. One technique used in the smart contract is 0 knowledge proof. This knowledge ensures only the minimum necessary information is revealed. For example, the smart contract will look at the balance of the applicant's bank account, if the amount passes the requirement, the smart contract will send a "Yes" to the embassy, otherwise, it will send a "No".

How Smart Contract with 0 Knowledge Proof Technique Works
  1. Using the minimum information to verify documents will reduce the data security and privacy issues.
  2. Information comes directly from the trusted third parties is good for both applicants and the government
    Users: It's a one-tap solution. no manual notary or translation required
    Government: The risk of fraud decreases because of the single source of truth

2.3 Video Sketch

video sketch summary

Our final delivery is a 2-part video sketch. The first part shows the current visa application system, the second part shows how our app would help.

In this project, we reimagine the visa application system in Web 3.0 by creating a series of high-fidelity mockups. We also composed a 2-part video sketch to better demonstrate the use case of our VisaPass app.

If we have more time, would work on the following:

  • Prototype Testing
  • Feature Exploration, eg. visa renewal, time prioritization
  • Fully tokenization
  • Further Simplify User Flow
  • Implement Diverse User Flow

We also gathered feedback from our professors and experts from Consensys. Their feedback points out two main questions:

  1. How would we persuade the government to use the product?
    As mentioned earlier, we are fully aware of the ethical questions around the field. For this project, we as designers mainly focus the needs of our users. Based on our analysis, blockchain technologies could potentially reduce the fraud rate. But we admit the importance of human judgement in the process, that's the reason why we keep the interview process, but make it online to benefit the applicants. This app also aims at low-sensitive temporary visa types because we understand the frictions during visa application could be intentional.
  2. How do we consider user agency in the app?
    Because of the way the VisaPass work, users don't really need to touch on any documents, all the "transactions" happens between the third parties and the embassy, which could cause trust issues. To help with this problem, we keep the option to upload documents manually in case users are confident with the traditional way. But user agency is definitely something we could consider since convenience isn't everything.

(Image by Freepik)

Other work