Knowable is a mobile app and website that helps users manage media consumption and teaches media literacy concepts. My tasks for this project included: Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
Lead UX Designer and Researcher
Figma | Figjam | Photoshop | Illustrator
March - April, 2023
Social Media use can have negative effects on users’ mental health and can be a source of misinformation. Available resources are heavily focused on kids and very few are created for adults.
Provide a resource for older teens and adult users to become more mindful about media consumption and learn about media literacy.
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was adults and older teens accessing resources for themselves. There are many resources available for regulating kids' access to media, as well as media literacy curricula available for an academic setting. My research revealed that that this user group would benefit from self-serve resources geared towards individual users and with less academic and/or youth-focused content.
Age: 29
Education: G.E.D.
Hometown: Independence, MO
Family: Lives with Parents
Occupation: Line Cook
Grey is a politically aware millennial who is active on social media and needs a way to get accurate information without consuming too much or being misinformed. They want to stay involved, but not be overwhelmed and they want to help their older parents navigate information online.
Grey is a 29-year-old line cook who lives with their parents. They help to care for their disabled mother. They work late shifts and when they get home from work most of their friends and family are already asleep. They often go on social media to connect with people. Grey cares about current events and social issues, and often reads articles but is concerned about fake news and misinformation. They believe their parents often are manipulated by misinformation but they struggle to discuss issues productively and just end up fighting.
Age: 16
Education: High Schooler
Hometown: Chicago, IL
Family: Lives with Parents
Occupation: Student
Leti is a high schooler who is active on social media who needs to access the content that is beneficial to her and avoid what is harmful or makes her feel bad because she doesn’t want to waste time and get depressed when she is online.
Leti is a 16-year-old high school student who spends a lot of time on social media. She loves music and crafts, so she likes apps that help her learn new things or listen to music. She gets frustrated when adults constantly complain about kids and their phones because they don’t notice the positive aspects. She knows there are lots of positive things about the internet but she also notices that she feels depressed or anxious after consuming too much content on some websites. She struggles to manage her time and choose content that is beneficial.
I did extensive research to find relevant media literacy content that would be accessible for self-learning by adults and older teens. While there are apps and resources for users to monitor app use, there is a huge opportunity to provide media literacy curricula for adults.
I created some quick thumbnails during ideation to solve user pain points and to develop solutions for the questions, How might we make adults aware of the topic of media literacy? and How might we make adults want to become media literate?
After the ideation phase I created initial wireframes for the app that lets users access social media through the app so they can better monitor use. They can also track their moods before and after using different apps.
To prepare for usability testing, I created a low-fidelity prototype for the user flow of signing up for the app, connected social media apps, tracking mood and taking a lesson.
View the PrototypeBased on insights from the usability study I created a dashboard with a variety of data about app usage.
Additional design changes included adding an outline of the media literacy course so users could see what lessons are next and how far along they are.
The high-fidelity prototype adds additional functionality to the user flow by expanding the lessons and social gateway sections.
Simplified onboarding screens guide users step by step through the sign-up process.
Media literacy articles contain short, easily understood content so users are not overwhelmed with information.
The responsive website serves a slightly different use case than the app. I created the sitemap to guide the organizational structure to indicate the different purpose offered by each resource.
Users felt the app would be very useful in bringing awareness to their browsing habits.
I learned that media literacy is a complex and multi-faceted issue and this app only addresses the tip of the iceberg. It was very interesting to research the topic and I look forward to diving deeper in future projects.