Unlocking Chinese Fluency through UXD
UXD Project: Tutoring App for Chinese Learners
Brief
Dǎoshī is a Chinese tutor app that provides personalized lessons around topics that are relevant to the user. It's a personal project that I worked on in a UXD Workshop at Posit Hong Kong. In the 6 week long evening workshop I explored some aspects of User Experience Design that I don't touch very deeply in my everyday small website work. The app attempts to address some of the challenges that Chinese learners face around memorization.
Tools
- Figma
- Notion
- Illustrator
Role
UX/UI Designer
Year
2019
Initial Hypothesis - Improve Memorization
Learning Chinese is hard. The typical issues for a Westerner are the minimal crossover vocabulary with Western languages and difficulty discerning tones.
Additionally, for Westerners accustomed to being able to understand a new language through reading, non-phonetic characters present unique challenges. Pronunciation for Mandarin is learned through Pinyin a romanization system which is like learning another language in itself.
Chinese characters can be compared to icons or emojis but bear in mind the following distinctions:
- Pictographic meanings have evolved over time.
- Ideographic characters indicate and associate abstract concepts or ideas.
- Pictophonetic characters combine semantic and phonetic information.
- Pronunciation of a character on its own is unrelated to its pronunciation in a combined setting.
- Homonyms (sound a-likes) are common.
Very basic Chinese literacy requires knowing about 2000 characters. Teaching methods for native speakers emphasize a lot of rote memorization from kindergarten through high school.
Learning it as second language is easily a 3 year commitment to achieve enough proficiency to be accepted into a higher level Chinese language institution and fully understand Chinese language media.
A beginner Chinese class requires learning 347 characters or 300 words in the first year. The second year requires knowing 1064 characters or 1200 words. The third year requires knowing 2664 characters or 5000 words cumulatively.
I wanted to investigate how an app might shorten this daunting learning process.
Pattern Building with the Kanxi Radicals
As I explored different Chinese learning materials I was exposed to a group of 214 characters known as the Kanxi Radicals 康熙部首 or Kāngxī bùshǒu.
This system was introduced in a 17th century dictionary to organize other characters which derive from these 214 root or radical characters. Compared to other ways of organizing characters in lessons, this system gives an early exposure to many similar characters with the same number of strokes. Visually it makes sense and I felt that learning them in this sequence could be a good starting point.
Caveats
On the one hand, learning to read and write Chinese characters is often secondary to achieving a practical level of oral proficiency for many people.
On the other hand, the written characters are a unique part of the language. They are visible everywhere and being able to make sense of them helps one understand a Chinese environment better.
Learning the radicals allows one to connect to the ancient meanings behind characters by seeing the glyphs through their components, and knowing the connections between components.
While it appears to make sense to focus on a subset of characters first and build up, there are different opinions about which characters to start with and how to progress from single characters to the more complicated ones.
The two videos below by Eisel Mazard are the best illustrations of the issues about the Kanxi radical approach.
Research
Is there a product and market fit?
Are there opportunities not addressed by existing products?
What follows are the approaches and resources available to Chinese learners in 2019 in Hong Kong. Although Cantonese is the primary dialect used in Hong Kong, most foreigners are learning Mandarin because of its usefulness across Chinese speaking areas.
Most foreigners learn Mandarin through formal language classes in primary or secondary schools, specialized language schools or university courses. Progress is measured using one of the following standards:
- HSK. Hànyǔ Shuǐpíng Kǎoshì, a standardized test of Chinese language proficiency structured with 6 levels corresponding to 6 semesters of study.
- YCT. Primary and middle school children learning Mandarin as a second language are assessed with the YCT Youth Chinese Test.
- FLS. The US Government uses Foreign Language Service levels for measuring employee language proficiency. There are 10 situational modules that are followed in sequence to form the core of the FLS Mandarin course. An average learner would take 88 weeks or 2200 classroom hours to reach professional working proficiency. This roughly corresponds to passing HSK6.
People without the time to take formal language classes or who need to supplement their
Competitors
People without the time to take formal language classes or who need to supplement their
Online Learning
Online classes combine drills, videos, and live video chats with native tutors. The materials reflect different learning philosophies and different markets that were in vogue at different times. The newer ones have videos that can be searched for relevance.
These are three established providers:
- Pimsleur. Developed by linguistics scholar Paul Pimsleur. Mean to mimic the way children master their first language through immersion in conversation, listening, and speaking. Unique approach to teaching tones by syllable and learning long words back to front.
- Rosetta Stone. Founder Allen Stolzfus set out to simulate natural immersion by using pictures and sounds in context with no translation. Originally developed around CD-Rom technology in 92. The Mandarin course is structured around 20 units similar to the FLS modules with smaller lessons that focus on pronunciation, reading, writing, grammar and vocabulary within each module. Live Tutoring is also available.
- Chinese Pod (Mandarin). Subscription service that offers lots of Chinese listening practice at 6 difficulty levels on a variety of topics. Able to search and jump around levels and topics. Also offers basic exercises matching characters to meanings, sentence ordering, dictation and fill in the gap.
Apps
The following are newer products initially designed as apps. Their convenience is often traded off with fewer features than the online courses.
- Chineasy Cards. Its premise is that most Chinese characters are built out of 100 building blocks. The gamefied program prioritizes the most common and useful elements. The imagery and characters are kid oriented so adults might find it lacking.
- Duolingo. Unique in jumping right into recalling phrases and Chinese characters. Focused on building a tourist vocabulary, its drawbacks are that one must follow a sequence and learn characters without definitions.
- Skritter. Promotes itself as the path to Chinese & Japanese mastery with a claim of 95% retention of new characters. Its method is based on tracing character strokes in a flashcard setting with spaced repetition to improve retention.
Who might want to learn Chinese?
Why might someone want to learn Chinese?
What frustrates them currently ?
User Interviews
Based on number of app store comments and visibility in stores there is a market for Mandarin materials. After looking at the competing products and services I still needed to clarify the market size, composition and pain points by interviewing potential customers. Does the Kanxi approach address a need for enough customers to make it a worthwhile investment?
Within the short timeframe of the workshop it wasn't feasible to setup interviews with children who are the main users of supplemental Chinese learning materials.
I was fortunate to ask a three adult learners and instructors the following questions:
- What languages did you know before studying Chinese/Japanese?
- What motivated you to study Chinese/Japanese?
- What aspects of China/Japan or the countries’ culture interest you?
- Can you tell me a little bit about your experience of learning?
- Can you describe the structure of the experience a little bit.Branch for those who did learn characters
- At what point in the course where you introduced to writing/reading Asian characters?
- Can you tell me about how the course introduced characters?
- What do you remember about the pace of learning new characters?
- What kinds of classroom exercises did you do?
- What kind of work outside the classroom did you do?
- What kind of self-study did you do on your own?
- What were the ups and downs of learning the language?
- How did you stay motivated to keep at it?
- Did you use any audio-visual material or apps?
- Can you tell me a little about the audio-visual material or apps?
- Can you describe your current level of proficiency in Chinese/Japanese
Participants
Three people participated in the interviews. Their names and details have been modified to protect their identities.
Bob
Male Age 42. American Diplomat. English, Malay, Spanish, Arabic. Learned Cantonese and Mandarin for work interviewing visa applicants.
Lack of circumstances to practice reading/writing ...
Apps ... train to the lowest common denominator ...
Duolingo...hard, not as user friendly as you would expect ...
Conversations you have with people are ... introductory level ... They're all identical... so sheer repetition helps tremendously ... within the contextual setting that just reinforces it ...
Daniel
Male Age 36. American. Built Chinese Learning Platform for Schools. English, Mandarin. Spent year in China learning Mandarin out of personal interest.
All platforms either force a curriculum or go completely free-form ...
Downloaded user created decks ... inaccurate and out of date ...
I have almost no chance to you use it day to day, unless I'm paying a tutor ...
I'm still studying ... so much time just managing the platform like doing administrative work ...
Kini
Female, Age 35. Hong Kong Teacher. Cantonese, Mandarin, English. Teaches expats Cantonese and Mandarin at language schools and as a tutor.
[Kids] need the pictorial things can help them to link the things ...
[Kids] how to say in Chinese other than study ... very simple like to do sports, games, play ball ...
[Adults] always ask me how to write this character ...
[Adults] cultural background more distance from Chinese they can't sort the things out independently ...
Reading and writing Chinese isn't critical to most people.
Findings
After the interviews and casual conversations with friends and acquaintances who've studied Chinese (and for the most part dropped it.) I felt that the original premise about the Kanxi Radicals was too narrowly focused on a single technique.
In Hong Kong there seems to be 2 main motivators behind learning Chinese:
- Passing a required Mandarin examination in a formal school or work context.
- Getting by in Cantonese or Mandarin when eating, shopping, and traveling when no accurate or timely English translation is available.
The biggest pain points revolve around the large amount of memorization. Faced with this issue people want to focus on vocabulary that's immediately relevant to an upcoming task. Others want to categorize it into chunks in a way that's relevant to part of an exam.
The software that's out there is crude and inflexible. Finding, making, and managing accurate lists of vocabulary consumes a large portion of study time.
Design
Feedback & Iterations
The prototype went through a few iterations over the course of the workshop. The instructors and other participants provided feedback on interactive prototypes.
I realized that my approach from responsive web design where one design worked reasonably well over several breakpoints didn't carry over well to apps. The change in form factor from iPhone to iPad makes for a big difference in user expectations about the interface and behavior.
I also realized that while its really tempting to rely on the latest interactions possible with both devices but they are not well known compared to standard click, selects and swipe actions in IOS.
It took some time to figure out the nature of the information being organized and what kind of organization made sense.
Songs = Definitions
Albums = Pre-built Topics
Playlists = User Defined Topics
Definitions
The smallest module is a definition card.At minimum it's just the Hanyu, pinyin pronunciation guide, audio button, and a short English definition in a table.
The largest visual element is the word in Chinese which is normally 1-4 characters long.
The smallest element is the audio button at 32 pixels square.
Variable length elements include the English definitions and Character breakdowns.
Information Architecture
I found that the best model for organizing the content was the Apple Music Iphone app. Both visual dictionaries and music libraries are complex databases that need to present a simple interface to users. The Music app is far from the best app out there but it's familiar to a wide age range of users .
Here word definitions are equivalent to songs, immutable predefined topics are albums, and user-defined topics are playlists.
User Defined Topics
Adding or subtracting words or combining pre-built topics creates a new personal topic while preserving the original one as reference.
The new personal topic also appears on the main screen as a tile element that visually prioritizes the personal over pre-built topics.
Pre-Built Topics
The topics that group words are quite arbitrary. But using the ones used in common courses was a good place to establish an authoritative resource. Users are able to dive deeper into topics to edit sub-topics and words, favorite topics, and indicate prior knowledge as done or success 成.
Your phone is a dictionary, camera, and translator that's there when you need it.
Ubiquitous Iphone
People carry their phones everywhere. It is the dictionary, camera, and translator that's there when you need it. It can capture new words that encountered in everyday situations. It can offer lessons to pass time on a subway commute.
The splash screen presents the value proposition of personalized lessons based on topics that are relevant to the user.
The main exploration screen provides a choice between pre-defined vocabulary lists based on standard curriculums, popular topics, or user supplied words & characters.
The proposed tile layout for topics introduces a tough design & technical issue. Tile size should indicate topic priority but longer English words take up proportionally more horizontal than vertical tile space. On the other hand, words made of 1 to 4 Chinese characters would look too small if the tiles were set in a brick pattern of uniform row height.
The main screen leverages the ubiquity of phones in everyday life.
The premise is that a user can type, speak or photograph a word to find a match against an existing database. Allowing word input by photo-based OCR, microphone-based voice recognition in English or Chinese, or typing English, Pinyin or Chinese addresses the issue that learners are not necessarily proficient in Chinese character stroke input or Pinyin romanization.
Current translators from Baidu and Microsoft are able to translate a menu from photographs in 8 secs so what's proposed is feasible but requires substantial resources to achieve.
Balancing Choice & Progress
The flip side to choice is showing feedback and progress in the context of a defined curriculum. In contrast to points and prizes the app combines the tracking style of the Health app with suggestions for time needed to achieve a goal.
Users can see actual progress mapped against targets. It gives the users more agency about their study plans than Pavlovian rewards.
Whether this is effective or popular needs to be tested. Learning a language is hard and retaining it through drills is time consuming. Gamification can introduce an element of fun. That maybe necessary for children. Adults may be sufficiently motivated without the need for a play element.
Figma Prototype
The latest version of the prototype is public. Please feel feel free to step through the embedded prototype and experience the screens.
Lessons Learned
Quality Matters
Researching competitor products I realized that there are qualitative aspects to learning materials that are hard to get user feedback on without a fully functional product.
We prototyped the key parts of our value proposition below but the true test is whether customers will stay with the product after using it for an extended period of time. Learning has its peaks and plateaus. A good tutor responds to the learner's energy.
Drill Quality
After pivoting from the initial Kanxi radicals direction the project did not dive too deeply into the drills themselves. There's a lot to be said for the quality of the lessons amongst the different apps I researched. It's hard to quantify difficulty in multiple choice between visual elements like characters. Word definitions can be easy, hard, or ambiguous. Tuning the frequency of old characters and the introduction of new ones as a learner progresses seems like an art. Tuning the variety of drill types is also an art although gamification metric like engagement offer good data.
Image Design
The design of the images for each definition was lightly explored with simple black and white illustrations using humorous proportions. Images can convey a lot and the choice between photographs or illustration style can make a big difference in who the app appeals to.
An illustrated dictionary is a very resource intensive project. An app like this one has the same issues compounded by a form factor that requires legibility at thumbnail size.
A Tutor vs Auto-Translate.
Conclusion
The emphasis on speed and convenience point towards a convergence between having a tutor on your phone and a translator. So why bother learning a language when you can rely on the later?
Translation technology is getting faster but even 8 secs for a good translation is an eternity in some contexts.
Translation software relies on a database that's backward looking by almost by definition.
A language is complex body of evolving information and context. There are parts which are open and borrow from new sources especially in a transactional situation. There are other parts that are more secretive, closed to outsiders, and establish a community like teen slang. Some cultures have an appeal that makes learning their language rewarding to outsiders compared to other languages.
There's a lot of changing context that translation software has to keep up with.
Queries May Reveal Opportunities.
Learning a language is investment of time that only makes sense if there's a payoff. Since English is everywhere, a native English speaker has to be strongly motivated to learn another language.
What are those motivations? Is it a need that can be addressed by a profitable product or service? Maintaining and updating a language database is not trivial and only makes sense in a commercial context if there's a market. Much like search queries are understood to be the voice of consumers and translation queries reveal gaps in communication, tutorial requests may reveal areas of deep interest.
Using learners queries to inform edits can shorten the feedback loop for updates and keep the database current and relevant. The gap between what's already in the system and what users ask for present opportunities.