Lega-sea of Truth

COLLABORATIVE IN-CLASS GAME
Lega-sea of Truth is a collaborative in-class game that delivers the Misconceptions of Misinformation to middle to high school students. With a game plot that put users as misinformers and debunkers, we created a product that gives them the skills to identify misinformation and encourages them to share this experience.

Context

 01
For this project, I worked as a Project Leader for Design for America UW (DFA). I collaborated with a team of 6 other students to research about the problem area, conduct user interviews, ideation process, and finally the prototyping of our final product.

Date

November 2020 - Now

Role

Project Leader

Need

Creating a game that allows high school students to explore different aspects of misinformation.

Immersion

Research

02
We identified our problem area: The lack of providing digital literacy education to middle to high school students, especially the psychological and emotional aspects, can impact their ability to interact with and understand the digital platforms they use to get information. Thus, they could unknowingly spread misinformation to others.
As a team, we further researched over 25 academic articles, conducted 3 interviews with Researchers and Professors from the Center for an Informed Public (CIP), 3 user interviews with middle/high school students, and get over 80 responses from 2 surveys. We realized that everyone is spreading misinformation, but since growing up with technology, young people tend to think other people will fall for misinformation, not them, so they are more likely to let their guard down to misinformation over time.
As a high school student, how can I identify misinformation because of the large amount shared on social media? What if I'm unknowingly sharing misinformation to my family and friends? 

Conceptualization

Co-conception

03.a
Result
User Journey Map & User Persona
From the insights we have gained from both Experts and Users, we decided to focus on education over tools since that will have longer impact on people. We have successfully identified the 4 big Misconceptions of Misinformations: Assumes this is an individual seeking out information; Assumes we are all rational beings; Assumes you search for a short amount of time and immediately got your information; and Third person bias.
Ideation
03.b
Ideation was the key process for us to finalize on the concept we want to move forward with prototyping: either a Misinformation Lesson Plan or a Misinformation Adventure game. After rounds of sketching ideas, we finalize on Misinformation Adventure Game since it satisfies our design principles: interactive, accessible to diverse backgrounds, engaging and dynamic visuals, effective and intuitive.
IDEATION SKETCHES

Implementation

Prototyping

04.a
I have worked with other Designers to finalize on the mood board and overall visual systems for our game: including fonts, colors, illustrations. Using this visual system, we were able to establish coherency throughout the screens of the games in terms of buttons, arrows, navigations. We had to design multiple systems to test with our screens before finalizing on one that we thought would best match the visual hierarchy and still appears captivating to our users.
Selection of Interfaces
On-boarding and Main Games Screens

Review

Introspection

05
Lega-sea of Truth was the project that I developed my project managing skills and how to connect with other members in my team to help them get exposed to areas that they wish to improve the most: from researching, conducting user testings, to ideating and developing visual systems. I would like to thank my team members for their nonstop efforts and our experts for the useful insights into their research of Misinformation in Social Media as well!
With this project, I made huge development in terms of designing based on methodological research. I continuously created different versions of our UI interfaces and get them tested with real users in order to get their feedback and adapt into our game concept over time. The whole prototype could be found here: https://www.figma.com/file/Tb0axWWIVuDOIbKvhpKC0s/Lega-sea-of-Truth?node-id=0%3A1
THANKS TO DFA FOR THIS OPPORTUNITY

Next

MOBILE APPLICATION - UX/UI DESIGN

FinGrow

The application that helps
Get to know more