Nativelink


UX/UI Case Study

Overview

Project: User Experience class
Project type: UX/UI Design
Timeline: Sep-Dec 2020
My role: User Research, Strategy, Interaction Design, UI Design, Prototyping, Usability Testing
Tools Used: Adobe XD, Whimsical, Adobe Illustrator, Adobe Photoshop

Challenge

The United States has more immigrants than any other country in the world. Today, more than 44 million people living in the U.S. were born in another country, accounting for about one-fifth of the world’s migrants. For these individuals practicing their native language and teaching their children about their culture is a very important aspect of their daily lives.

Solution

Nativelink is a geo based app that allows foreigners create profile and search for people that moved to USA and now live in their area. That is a great way to connect and build communities.

DESIGN PROCESS

define circels .png

EMPATHY

WHAT IS NATIVELINK?
Nativelink is an app that I came up with during my study at George Mason University. I worked on Nativelink during the pandemic and I had to collaborate remotely. Although it was challenging to adjust at first, I learned to communicate and work together effectively despite never meeting my professor and colleagues in person.

Nativelink helps users to connect with other foreigners in order to practice the native language while living abroad. For some users is very important to be able to meet with other foreigners if they feel homesick, or just want their children to be able to talk to someone in their native language.

RESEARCH PLAN
The Research Plan was created in order to help define the target market and to discover their behaviors and views towards finding other foreigners. I wanted to find out if the users would be interested in an app that would help them meet other people from the same country.

SECONDARY RESEARCH
I conducted additional research to find out if there are apps that let users to search for others with similar backgrounds and roots. 

Click to enlarge

 


MARKET RESEARCH
I started my research to asking the questions such as “what do people want”? “Is there need for this product in the market”? I decided to start with a broad question in order to get the general idea about foreigners and how to make the product meet their needs. I figured out that the best way to learn if the users would use this product is talk to them.


COMPETITIVE ANALYSIS
Next I worked on competitive analysis in order to to identifying competitors and evaluating their strategies to determine their strengths and weaknesses relative to my app. This step was very critical in my research because I was able to learn from the competition what “mistakes” they did that I could avoid them in my app.

Click to enlarge

 

PRIMARY RESEARCH
I conducted qualitative and quantitative user research in order to get to know my users’s needs and behavior. I created survey using Survey Planet and developed interview script. Below are some surveys responses from my users. I received feedback from 62 people and I interviewed three users.

QUALITATIVE AND QUANTITATIVE TAKEWAYS FROM THE RESEARCH

  • 85% of participants stated that they meet up with other foreigners in order to practice their native language

  • 70% of participants claim that they would love to know if there are any other foreigners with the same background in their neighborhood

  • 77% of participants use apple products

  • 75% of participants stated that it is very important to them to use their native language frequently

  • Participants stated that they meet up at least on average 3 times per month with other foreigners. However, if they knew more native friends in the area they would like to meet up more often

  • Practicing native language is more important for bilingual families compared to users that do not have kids

DEFINE

PERSONA, CONCEPT MAP
After identifying user behavior and need patterns I created my primary persona, Anna. Anna comes from Poland but she moved to the USA ten years ago because of work. Now, she is a stay at home mom and she enjoys spending time with her family.

After chatting with Anna there were no pain points that jumped out at me so I started a concept map to organize my thoughts and search for any pain points. After mapping out Anna’s notes and surveys notes, I started noticing small pain points from the information they shared with me.

Click to enlarge

Click to enlarge

EMPATHY MAP
To further explore relationships and develop the persona that emerged from the data I’d gathered and mapped, I created an empathy map made up of observations and statements from user interviews. This helped me understand the emotional state of the user and the world they live in. It also allowed me to discover common patterns within user data from which insights could be identified.

Click to enlarge

 

I found out that users do not want to travel long distances to meet up with other foreigners that they already know. They are happy to make new friends that live close by if they are from the same country. However, they do not have resources to find others and connect. Also, practicing their second language is very important for these users that have children and want them to be bilingual.

STORYBOARD
Following the persona I created a linear sequence of illustrations, arrayed together to visualize Anna’s story.

Click to enlarge

 

Problem statment:

How might we help users to find another foreigner living close by so they can practice their native language?

IDEATE

USER FLOW
To better understand how I would construct the core experience for Nativelink, I designed a user flow. This helped me focus more on the experience and needs of the user and less so on details that I would solidify later. It also allowed me to communicate the entries and exits more clearly so I would have a better understanding moving forward. 

I created paper low-fi wireframes using an app called POP in order to check the user flow.

Click to enlarge

 

MVP
In order to reduce features in my app I created MVP. Thru research, I’ve discovered that most people aren’t fans of products with too many features. In fact, based on studies done by professor Sheena Iyengar, there is a limit on the number of things we can choose from before we start feeling overwhelmed. My app definitely has to have easy search option and receive notifications about friends requests, messages and calls.

Click to enlarge

 

CONTENT STRATEGY
I started to work on content strategy in order to have a deeper understand what I want Nativelink to help users.

Why: Business objectives. What are you trying to accomplish? How does that match up with what your users are trying to accomplish? 
My app will help users to connect with other foreigners living in the United States. Many foreigners struggle to find other people speaking their native language and Nativelink is there to help. Some users have bilingual families and they want they children to speak two languages but it is challenging to encourage kids to speak the second language if all their friends only speak in English.

What: What is the message and tone of your content?
Nativelink will provide thoughtful, positive, friendly voice to find fast and easy to understand solutions. 

Who: Who is the audience? 
The audience could be anyone who wants to practice the second language. However, the main audience is foreigners between 25 and 50 years old. 

Where: Where will content appear? 
The content is going to be designed for apple devices. I found out from my research that 77% users use iPhones therefore I have decided to design the content for Apple.

How: How will content be presented?
The main content is going be a map showing users nearby. The map and the text are going be the main content.  

When: When will content be published? Once upon development or continuously?
The content is going be published once upon development. 

WIREFRAME
After working on my content strategy, I started to put together some of the fundamental framework for Nativelink. The main idea for this app is to search for foreigners in the area and let users connect and build relationships and communities. There, my goal is to keep the user experience simple and effective.

Click to enlarge

PROTOTYPE

MOCKUP
In putting together the final wireframes, I kept my user personas in mind, keeping structure to my design process. I created a high-fidelity prototype of the main user flow using Adobe XD. This enabled me to put my designs to life, seeing how the interactions flowed in real time, allowing the features to really come to life.

Welcome screen

Onboarding

Onboarding

 

Onboarding

Home/Search screen

Search results

 

Sign up/log in

New profile

Anna’s profile

 
 

Edit profile

Notifications

 

TEST

USABILITY TASTING
I tested Nativelink on five users and I received positive feedback. All the users were able to complete tasks that were assigned to them and the users mentioned that liked Nativelink’s visual design. The users liked the simplicity and the main purpose of Nativelink, finding other foreigners. However, one user mentioned that there is no “deactivate the account”, or “remove the account”. Therefore, the next step would be to add that feature.

REFLECTIONS & LOOKING AHEAD

This was my first user experience design project and it was quite exciting! Additionally, it was completed during the pandemic and I had to collaborate remotely. Although it was challenging to adjust at first, I learned to communicate and work together effectively despite never meeting my professor and colleagues in person. Throughout the process I learned many techniques from interview best-practices, to UI design, to prototyping and everything in between.

  • I learned to consider problems from the user perspective and focus on solutions the user would want to see

  • Communication and flexibility are key to producing an effectively designed product

  • After the interviews and surveys I learned that this app has a lot of potential and appeal for foreigners

  • I am a foreigner myself and I know how important is to stay in touch with your native roots and keep practicing the native language

Previous
Previous

Zip Me!- Case study

Next
Next

Graphic Standards Guide- Branding