Work
About
Language exchange mobile app that connects users to the world

Role

UI/ UX designer, Researcher

Timeline

5 weeks (20h/ week), February 2021

Tools

Figma, Adobe Illustrator, Adobe Photoshop

01

The plan

02

The process

03

The design

04

The findings

01 The plan

Core proposition

The longer people are packed in a house, the more they’re motivated to learn language and culture to feel the world.

During this COVID-19 pandemic period, people all over the world are missing traveling. Whether through language exchange apps or educational software, there has been a significant surge in online language learning since the pandemic. Buddy is to help those enthusiastic users to be connected to the world by providing features not only to find language buddies but also to keep the joy of learning.

Goals & Objectives

  • Design mobile app features that allow users to find “buddies” for language exchanges.
  • Design helpful tools to facilitate users' learning experience (translation tool, leaning resources,  etc.)
  • Design onboarding process to join Buddy.
  • Design Profile page to edit personal data.

Challenges

Deciding MVP

My initial idea was to merge "Find buddies" and "Community" features as main features. While doing researches and interviews, I came up with many other features to be added. "Onboarding" and "Account" were the "must" to run the app, so I ended up adding "Learn" feature as secondary, and gave up "Community".

Creating an easy flow from finding a buddy to start a session

Because the action is two-sided (users can send or receive a buddy request), finding a natural pathway to encourage users to join sessions was a challenge. No other competitors were digging deeper than just finding a buddy. I wanted to encourage users to keep motivated and continue learning.

02 The process

Discovery

Research methodologies

I conducted competitive analysis with language exchange and learning apps. I included language learning apps to learn how some major companies utilize good UIs to attract users, and how they keep users motivated.

Research findings

Language exchange market is small. Only two major apps with 10K+ reviews.
Features in the apps vary, and each app has unique feature.
Most apps are equipped with an SNS-like "Community" menu to facilitate communication among learners.
  • Most of these are targeting young generations. More than 90% of the users were in their 20s or 30s.
  • Some useful features I found were "Leaning", "Language Q&A", and "Certificate". Those can contribute to keep users motivated.
  • Some language learning apps utilize appealing UIs to keep users interested (ex. Duolingo, Rosetta Stone)

User Interviews/ surveys

To achieve better emphasis for end-users, I set up good quality 1 on 1 interviews, along with quantitative user surveys.

Participants
  • Total number: 16 (surveys 13, 1 on 1 interviews 3)
  • They are from different demographic backgrounds
  • 13 participants live in the US and 3 are in other countries
Coverage
The questions consisted of three areas:
  • Your experience of language exchange - what was it like?
  • Your thoughts on online learning - how do you like/ dislike it?
  • Your preferences for a language exchange app - what would you expect?

Interview findings

Majority of participants are interested in learning new languages.
They want to commit some time (once a week on average) for their learning sessions.
Despite the disadvantages of having less interaction and motivation, most of them are in favor of online learning.
  • Users prefer to set up schedules, instead of having random sessions.
  • Better to allow multiple sessions with different buddies.
  • Security and Customer Support are the major concerns.
  • Users need a feature to switch buddies with no difficulty.
  • The app doesn’t have to be all free, as almost all participants said they’d pay for the features.
  • Many users want to measure how they made progress using the app.
  • “Follower” and “Following” functions are popular especially among young users.

Define

Strategy blueprint

After the thorough researches and interviews, I had solid ideas with my original design directions.

UI and brand image
  • The brand should represent these keywords: "Fun", "Human", "Simple", "Effective", "Global".
  • The brand will use multiple highlight colors to show the joy of learning and communicating.
  • It should provide easy and simple UIs for all types of users, regardless of the age.
  • The app will use bits and pieces of functionalities in the existing app, such as online matching, SNS, and chat. With all these different features, the app should achieve consistency.
Features
Onboarding
Find a buddy
Schedule sessions
Chat
Learn
Notes
Me (Profiles)
What to achieve
  • Unlike other competitiors, Buddy will target serious learners who can commit the time and effort → "Onboarding" will check details to grasp what type of users they are
  • It also focuses on features to keep users motivated → "Learn" and "Note" features
  • “Easy to set up, easy to use” is the goal of designing the app → Easy flow from finding a buddy to star a session
  • Security and support are the two major concerns for users "Help" will be easily accessible

Persona development

I created 2 personals. Both are with a passion to learn a language. I setup their ages younger than usual (21 and 28), assuming that majority of users are in their 20s or 30s.

Site map

I had 4 main menus (Buddies, Learn, Certificates, Me). Based on the core features in Strategy blueprint I added pages necessary to those. The pages under the main menus can be switched using tabs.

Ideate

Sketches

It's time to make everything visual what I gained. These are the samples of my sketches.

"Buddies" feature
  • Two tabs ("My Buddies" and "Find Buddies").
  • Two other pages ("Sessions with xx" page and a profile page of a selected buddy).
"Learn", "Certificate", and "Me" features
  • "Notes" checks grammar and deals with translation.
  • "Learning contents" shows a list of customized learning resources.
  • "Certificates" is a feature to keep users motivated.
  • "Me" page allows users to update profile data.

User flow

I created a user flow for the "Buddies" and “Onboarding” features. These two are the major functionalities for user testing. This helped me to clarify which pages I needed to design for the app to function in the way that users expected.

03 The design

Design directions

Design, design, design

Prototype

Targeting user testing, I created all necessary pages for 4 functionalities: Onboarding, Buddies, Learn, and Notes. Because mobile windows are small, I tried to display only minimum elements throughout the app. I used simple words instead of using sentences. And I paid attention to UI details, as just a few pixel differences could be noticeable on the app. Check the prototypes on Figma!

04 The findings

Usability testing and problems

Usability testing

Participants
  • 5 users with different demographic background
  • 3 users have experiences of working in the tech industry (1 product manager, 1 software developer, 1 QA)
Tasks
  • Task1: Complete onboarding
  • Task2: Select a buddy, chat, and send a buddy request
  • Task3: Translate an English sentence into French
  • Task4: Update learning preference in the Profile
Methodology
  • Test was online 1 on 1, and users conducted testing on their computer monitor (not on their cell phone)
  • Only minimum background information about the app was provided to users
  • Users were asked to think aloud for each process
Completion rate: 100%
Error free rate: 100% (No significant errors that prevented users from going forward)

Affinity map - the results

I created the affinity map after user testing was complete. I categorized items into Priority 1, 2, and 3.
I put the majority of items in the P1 category, as many of those were easy to fix. I fixed some of the detected problems immediately without waiting for completing all testing.

The problems and solutions

Those are good examples of what kind of problems were observed, and how I addressed those.

#1 No open questions

Open question fields in the Onboarding process are a bit hard to answer. It forces users to think from the scratch. Better to provide options so that users can choose from.

#2 No Zoom

I included Zoom link, but whenever we merge a third party tool it will require API and things will be complicated. Maybe better to add an independent video chat feature within Buddy in the Chat page.

#3 Too much commitment in the buddy request

How much should we encourage users to book sessions? This is more of a business matter. Originally I was expecting users to fill in many fields before sending a request. But user testing showed that they preferred to have one session as a trial, instead of committing much at the beginning. So the update version only asks about the first session.
BEFORE
AFTER

#4 How can we handle with something not familiar to users?

The first time users are not familiar with "learning points" and "certificates", so just inserting the information icon ("i") should work. Ideally the app can offer a tutorial that train users to be familiar with these app-specific words.

#5 Can't reach the translation tool

Many testers found it difficult to reach the "Notes" page with no guidance when translating a sentence. Why? Translation is one of the features in Notes, and it was hard for users to connect "translation" with "Notes". Also "Notes" was not in the primary tab. The solution was to move Note to a primary tab. This update was inevitable, as translation was one of the features users liked.
Before
After

Takeaways

Feature prioritization was highly important and thus difficult. Thorough user interviews and researches really worked!
What I enjoyed the most with the project was to select and provide features that users really want. There's no conventional design patterns with this type of unique app, which allows designers much freedom (and responsibility as well) in designing.

From 2020, the world hasn't been allowing us to travel around the world. This is a big opportunity for the online learning industry. While researching I found that no competitors are providing features to satisfy serious language learners, although many potential users are aspiring to communicate with people around the world. So I wanted to make Buddy go beyond a matching app. To achieve this goal, feature prioritization was the most important. If I had a chance to continue this project, I'd like to add SNS-like feature that allows user to share their language learning experiences.