One World: A UX Case Study

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 21

Valentina Arismendi

Final project
The 21st century has been marked by all the friction and contention shown on the news about
people of different cultures. Now more than ever, hate speech and intolerance has seeped its way
into everyday society. The lack of empathy among people has torn America in two. But how do we
promote empathy in a population so focused on individualism? We start young- we start with chil-
dren. One World is a digital experience for children to be exposed to different cultures from a
young age, with the goal of fostering empathy and embracing diversity. The name One World is a
gentle reminder that despite our differences, we are still, one world.

There are apps and websites now that teach children about specific places, but very few that teach
the stories behind the people in those places. Through One World, children will be able to interact
with an interface that allows them to explore around the world, getting a deeper look at the
etiquette, attire, diets, celebrations and cultural traditions from cultures around the world.
The functionality of this site will be very similar to that of comparable interactive games made for chil-
dren. Upon creating an account, the user will be greeted by One World’s travel companions, Sam
and Alex. The user will be taken to a page with a map of the world that shows all the locations One
World features. Only three will be unlocked at first, and the rest will become available as the user
continues exploring.
Before arriving at any location, the user is given a list of common words and phrases in that location’s
native language. Upon arrival, students are allowed to explore what typical cities and homes look like.
Once inside, users can learn to make traditional dishes in the kitchen, hear bedtime stories in the bed-
room, try on clothes from the closet, listen to traditional music in the living room, watch how families
celebrate year round from picture frames.
Additionally, there is a section on the site dedicated for parents/educators, where they can go more in
depth about each location by accessing videos, real life stories, and supplemental learning materials.
The success of this project will be measured by the amount of accounts created at the end of the
first year, along with the number of educational institution partnerships formed.
typography: colors: UI element:
The Logo font is Gilbert Color Bold with a #FF1D25
In order to appeal to young children, all
black outline. All other text will be elements should appear as though they were
Geometric 231 BT. made by children, for children. This includes
a crayon look for all elements, making them
Gilbert Color Bold: #FF8C1E
appear as if the whole game was a
ABCDEFGHIJKLM coloring book.
NOPQRSTUVWXYZ #FFC843
abcdefghijklmnopqrstuvwxyz
home next back
0123456789
Geometric 231 BT: #7AC243

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
#3FA2EE
abcdefghijklmnopqrstuvwxyz
0123456789
Summary Though the primary audience of One
Characteristic World is children 6-11 years old, we
student parent/educator
Age 6-11 22+ acknowledge that often times it is parents
Gender M/F M/F
and teachers who choose what sites their
child is allowed to go on. Taking that into
Location United States United States
consideration, we’ve created a secondary
Language English English
audience to include parents and educators.
Level of Education Primary School Bachelor’s +
Technological Proficiency Moderate to advance Moderate to advance
Media Use Entertainment Educational
Free Time High Low
Internet Stressors Too much text, confusing Privacy and safety
Hi! My name is Dani Robinson! I’m a second grade student at Chapel Hill Elementary School. Sometimes I
really enjoy going to school. My teacher Ms. Smith always finds the funnest games for us to play! Every time our
class finishes our work early, or we get a compliment from an administrator, Ms. Smith lets us pick what game to
play. I miss my iPad while I’m at school so I really like when she lets our class play computer games. I don’t total-
ly love reading, which is why I like games online because it’s all videos and things moving, little words involved! I
remember by teacher last year used to make us play board games…yuck! Those games get so boring.

s . S m i th,
s e m e M
Excu w e p l a y
can r r e c e s s ?
o r l d a f te
One W

Reading Simple language


Homework Visually appealing interface
Unappealing, bland websites Color
Long time commitments Have fun
Too many buttons Not feel like it’s homework
Tech savvy Skips words Attention to Scrolling Surprises
sound/videos
Hello, I’m Ms. Smith. I teach at a public elementary school in Chapel Hill. I’ve been teaching for almost 24
years and have noticed many changes in the student body over time. Yes, kids are getting more tech savvy, but
they’re also no longer entertained by simple games. I realized I have to find ways to incorporate technology into
my teaching, otherwise my students just get bored. I like websites that have a hidden learning aspect to them so
that I can offer them to my class during the school day. I’m teaching the next generation of artists, scientists, and
leaders. I don’t take that responsibility lightly. Every site I expose my students to, I want them to have a positive
takeaway for when they go out into the real world.

e w o r l d ’s
e n t s a r e th
My stud ture artists,
fu l e a d e r s .
n t i s t s , a nd
scie

Lack of privacy/security online Fun, yet educational lesson plans


Budget restraints Simple interface
Learning new technology Free platforms
Distracted students Create empathetic students
Creating quizzes/checkpoints Kid-friendly websites
Tech use only Creates Short on time Multipurpose experiences
when educational lesson plans
Home
Map Parents/Educators World Tours Help
Log in Sign up your students Collection of stories from
FAQ
students around the world
New user sign-up
New user sign-up Recover password
Returning player
Home Visits Send message to One World

Play How to get started video Video tour of game


Intro by Sam and Alex
Personal Stories
Map with unlocked locations World Tours

Plane Words to know before landing Additional Learning Materials


Explore country
Explore homes
Kitchen Cooking dishes
m e f l o w
g a Bedroom Reading bedtime stories
Closet Trying on clothes
Living Room Listen to traditional music
Picture Wall Watching national celebrations
Xd prototype:
https://xd.adobe.com/view/efb89968-8f2a-492a-448b-ddb617066b82-9989/?fullscreen
Situation:
Imagine you are a parent or teacher wanting to show your 6-11 year-old student(s) cultures from all around the world. You find an online,
interactive game called One World.
Tasks:
1. Without leaving the homepage, what are your initial impressions of the website? Explain your answer. [Verbal]
2. Pretend you have played One World before. From the homepage, sign in to your existing account. [Success: Yes, No]
3. Pretend this is your first time interacting with One World. Create a new account. [Success: Yes, No]
4. You are a teacher wanting to use the information from One World for your class. Where can you find quizzes to give to your students?
Share your thoughts out loud as you go. [Verbal]
5. Oh no! Some locations are grey while others are orange. Explain why. [Verbal]
6. Find step-by-step instructions on how to unlock more locations. [Success: Yes, No]
7. You are inside the kitchen of a house in Colombia. Where would you click in order to fly to a different country? Share your thoughts out
loud as you go. [Verbal]
8. You want to show your student what a real child from a specific country looks like. Where would you look to find these videos? Share
your thoughts out loud as you go. [Verbal]
9. Follow the flow of the game, from choosing an orange location to reaching the food in the kitchen. [Success: Yes, No]
10. You want to find information on what this site offers. Once you have found the answer, write down at least 3 things you can learn from
this site. [Written]
Post-Questionnaire:
1. What frustrated you most about this site?
2. If you had a magic wand, how would you improve this site?
3. On a scale of 1 to 5, with 1 being “Very easy to use” and 5 being “Very difficult to use,” how would you rate the ease of use of this
children’s online learning portal? Why?
4. On a scale of 1 to 5, with 1 being “Very appealing” and 5 being “Very unappealing,” how would you rate the visual design of this
children’s online learning portal?

User Testing Videos:


https://youtu.be/QVzYRSnXhVQ
https://youtu.be/gZujK6ADO2s
https://youtu.be/5VEvjYlSLQw
I had some surprising findings after reviewing the user test videos! For starters, there were limitations with how the user test was
set up. Because all the tasks appeared in the top right corner of the user’s screen, some of the main navigation menu was covered.
Though two of the users I tested were able to move the task bar to see the full menu, one user failed to do so, therefore he was
unable to do a majority of tasks which required him to find the help section. In the future, when setting up my user experience tests,
I would remind users to move the task bar and ensure they can see the full screen.
With that being said, I did discover other problems with the navigation bar. Though my original thought process was to keep the
navigation as simple as possible, I realize I deleted too many elements that users expect to see. The main one being a sign in button.
When I asked users to log in as if they were a returning user, all three users first looked to the navigation bar for a sign in button
before seeing the “returning traveler” button on the middle right of the screen. Therefore, I decided to add a log-in button to the
nav bar.
As users played the game, I realized many got frustrated with how I positioned the return home button. Users naturally hovered
to the top left for a back button, and took a second before realizing I had placed it in the bottom right instead. I also changed this
for my second prototype. Furthermore, when users did return home, many wanted to return to the main playing screen, not the ini-
tial home page, so I changed this as well.
The most surprising finding was how some users did not know to scroll on certain pages. Because a majority of the screens re-
quired no scrolling, when users came across a page that did have scrolling they were unable to reach the bottom. On these pages, I
added a small down arrow so that users would know to scroll.
Overall, I was pleased that users enjoyed the main visuals. Many commented that the childish graphics would attract students to
follow along One World’s Journey.
Updates in Xd prototype:
https://xd.adobe.com/view/34d2da5e-7b59-4c0f-4a8e-65ce1d3ecdfd-42e3/

scroll down hint

login button in nav bar


intro video

top left return home


Valentina Arismendi
Product Pitch
We are more alike, my friends, than we are unlike.
-Maya Angelou
Children Teachers

One World
https://youtu.be/8GS5BJnkTfY

You might also like