VieSign - The first Vietnamese Sign Language Learning Website

I co-founded, designed, and built the first and only Vietnamese Sign Language (VSL) learning platform to address the shortage of sign language interpreters and improve sign language education within the Vietnamese healthcare system. This platform was created in collaboration with CED (The Center of Research & Education for the Deaf) and received support from Oxfam and EU grants.

Timeline:

December 2022 - Now

My role:

UX Researcher/Designer: User research, interview, survey, prototyping (Figma), usability testing

Software Engineer: MERN stack

Team:

Duy Uyen - Software Developer


Kim Ngan - Public Relations


Ngoc Quy - Public Relations


Impact


2% increase in web traffic monthly
➪ 200% increase in web traffic, specifically in usage by healthcare institutions.

0 online resource
➪ 1st and only unified platform with 2,500+ free resources

10 Hours
➪ 0 minute of data transfer from raw learning data to online module

Context:

No Online Resources Available to Learn Sign Language in Healthcare?

There has been a lack of interpreters and VSL education available to the public, as well as limited access to learning resources for VSL. Organizations like CED offer offline lessons or private online lessons, but these are often difficult to access widely due to their closed nature, high cost, and lack of organization into modules. As a result, VSL education is not popular. Especially in healthcare, without adequate VSL interpreters or accessible learning resources, deaf patients may struggle to communicate effectively with their doctors, leading to potential misunderstandings, misdiagnoses, and inadequate care.


Problem:

Who is being affected? Millions of Vietnamese deaf people and healthcare professionals do not have access to VSL learning resources.

1. There have not been any unified resources to learn VSL: chaotic and messy materials scattered across different platforms.


2. There are no opportunities for iteration and practice, as the resources usually include only pictures, with no videos provided


2. Millions of Vietnamese, including deaf people, their families, VSL enthusiasts, nurses, or doctors, do not have access to formal VSL education, especially training in healthcare scenarios.

Who did I design for?

Understanding VSL Learning Needs from 76 deaf people & healthcare caregivers

In an effort to create an online platform to support these special needs for VSL education, I gain deeper insights into the deaf user's point of view by conducting user research and surveying 76 deaf people and healthcare caregivers. I summarized the survey results using a empathy map:


Narrowing down a framework to build the design of the website, I built a user personna one of our key demographics: A young student with hearing disabilities:

Image 1

How Might We:

Create VieSign, a learning platform with organized modules that helps user retain their learning of VSL and make it accessible online?

Based on my user research, I built the 3 principles that guide the design of VieSign, called VIM for short, for the UI design of the website:

Image 1
  • V for Visual & Interactive: Demonstrate everything visually. We aim to develop an online platform that offers structured VSL courses, interactive lessons, and practice exercises using visual aids and animations.
  • I for Intuitive: Ensure the platform is user-friendly with a simple, clear, and easily navigable interface.
  • M for Multimedia-Enhanced & Adaptive: Use multimedia resources such as videos, interactive quizzes, and real-time feedback tools.
Design Process

App flow

Zoom-In: Low-Fidelity to High-Fidelity Prototypes: Three Question Types per Section

Taking a closer look at the design components in our app flow, we have incorporated four types of exercises in each learning module to enhance engagement and memory retention. Below are the Figma ideation drafts leading to the wireframe version:

Type 1: Comprehension Question

Type 1 - Comprehension Question: For this type of question, we aim to introduce the concept in an intuitive way by presenting a video of the sign language teacher using a new word or phrase. We then ask whether the user understands it or not. If the user selects "no," we iterate the question.


Type 2: Reiterating Text-based Questions

Type 2 - Reiterating Text-based Question: For this type of exercise, the question is a word or phrase that has been taught using the comprehension question above. Users have to choose the video that corresponds to the text question. We aim to help learners iteratively retain their knowledge through this type of question.


Type 3: Completing Conversational Quotes

Type 3 - Matching Conversational Quotes: For this type of exercise, we ask students to synthesize what they have learned through the previous questions. They need to understand the video, remember words, and choose the suitable matching signs between the 8 flipping cards. We aim to keep the lesson fun and interactive by using a countdown timer for this exercise.


Impact & Final Design

A Complete Free Platform to Learn VSL


0 online resource
➪ 1st and only unified platform with 2,500+ free resources

VieSign transforms chaotic online content into a unified, free learning platform featuring 2,500+ resources including videos, educational content, and game-based quizzes. This is by far the largest and most comprehensive online learning VSL databas up to date. These include lessons and videos on various topics, from everyday conversations to medical interactions and legal scenarios, specifically designed for individuals with disabilities.

2% increase in web traffic monthly
➪ 99% Increase in web traffic, with a 200% increase in usage by healthcare institutions.

We increased user sign-ups by over 200%, with a notable rise among healthcare institutions, including nurses and doctors. The positive feedback from users we collected from the course survey can be summarized with the following keywords: convenient, easy to learn, time-flexible, expanded vocabulary, time-saving, practical.

10 Hours
➪ 0 minute of data transfer

Traditionally, VSL lessons require sign language teachers to send their materials to developers or course organizers for conversion and online availability, a process that can take hours or even days. In contrast, VieSign's personal admin portal enables VSL teachers to upload their content directly, anytime and anywhere. This streamlines the process, reducing the time required for transferring learning materials from 10 hours to just a few minutes.

Implementing with MERN Stack

We utilized the MERN stack to implement our design. The source code of the project can be found at this: Source code


Key takeaways & What I Learned

    Diverse perspectives are important:

    With VieSign, I was designing for a community that is dear to my heart. The project required extensive collaboration across various stakeholders, including deaf individuals, designers, software engineers, and funding partners. Without their contributions, it wouldn't have been possible. At the same time, I learned to listen, work, and communicate my ideas effectively with people from diverse backgrounds.

    Building Something Meaningful from Scratch to Production:

    With VieSign, I was involved in every step of the project, from ideation, designing, and wireframing to implementation and maintenance. This experience taught me the essential skills for end-to-end software production and marked my first step toward becoming a designer and developer. Along the way, I also learned to debug, troubleshoot, test, and adapt my designs to meet evolving user needs.


A Project Dear to my Heart

Besides developing technical skills in software engineering and user research, working on VieSign brought me incredible friendships, memories, and so much more. This project has been, and will always be, a defining experience that inspires me to continue creating applications that have a positive impact on people’s lives.