Rethinking the Social Media Experience

In this project, I served as design lead on a team of four working for a Kloa, a small startup in Seattle. Kloa's product is a series of design interventions informed by algorithms that facilitate accurate mobile text input.

Their request was to investigate ways of reducing feelings of loneliness felt by millennials after using social media. In response, we delivered three design patterns applicable to social media that combat dark patterns while encouraging thoughtful usage.

Organic mountain-like shape in pink, sea foam green, and dart tealApp walkthrough preview showing an imagined social media app resembling instagram.

Project Overview

My Contributions
UX, UI, interaction design, prototyping, project management, user interviews
Tools
Figma | Trello | Zoom
Client
Initial Client Asks
  1. Does content that’s slower, more difficult, but more rewarding to consume decrease loneliness?
  2. Can slower, more thoughtful engagement on social media be achieved through UX design? What design patterns achieve that?
1

Redefine Project Scope

At the project outset, our sponsor had posed two specific questions in regards to transforming millennial and gen Z engagement on social media. To keep the project on track, we rescoped to initially only focus on millennial and gen Z experiences with social media. This problem area can be further dissected into the following:

Simplifying our research objectives in this way helped our team to maintain focus on gaining a more holistic view of user experiences with social media. We also wanted to avoid making assumptions about what could qualify as a valid solution by excluding the first question. Rather than testing an assumption to see if it failed, we wanted to start by better understanding the specific underlying causes of loneliness and other negative emotions. Moving forward, I conducted an academic literature review to establish our knowledge base for research.

2

Learn from Users

Understanding how millennials and gen Z experience social media

In the spirit of developing empathy for users, we used a broad range of user research methods to better understand gen Z and millennials’ current and past usage of social media. More specifically, we wanted to know the pain points relating to social media and the range of emotions felt during usage sessions. From the literature review, we learned that passive versus active engagement online makes a difference in how users feel while on social media. While I assisted in conducting interviews and qualitatively coding transcripts, our researcher owned data gathering and analysis.

Research Methods:
  1. User Interviews (10 total, 50 - 80 minutes, semi-structured)
  2. Survey (44 respondents)
  3. Diary Study (5 participants
  4. Competitive Content Analysis (Facebook, Instagram, and Snapchat + 3 blogging platforms)
"I noticed that at one point in the day I was feeling really negative after being on social media because the content I was seeing was either disheartening news or information"
- Interview Participant

Uncovering pain points

Several rounds of research exposed some key issues that were common across the user interviews, survey results, and diary study. Below are three high-level findings that had the greatest impact on our design process.

  1. People tend to feel more positive emotions (happiness, connectedness, informedness, confidence) when they actively interact with their friends and inner circle
  2. A person’s emotions after using social media vary based on the content they consume, but they are unable to control or filter what appears on their timeline.
  3. Social media functionality has vastly expanded since its creation, causing platforms to be overloaded with content and features. Users can longer easily prioritize just connecting with their immediate social network.

These new insights helped us reformulate a more concise design question that guided us through subsequent phases. To further distill our insights, our researcher and I triangulated our findings and produced a mental model.

Read the full research report
3

Develop solutions

“How can we direct Gen Z users towards active behaviors that lead to a positive mindset, regardless of their initial motivation to engage with an online platform?”

Collaborative Ideation

With a fresh design question in hand, we convened to share and discuss ideas. I led our ideation session by asking key questions related to the issues above such as “how might we do X?” e.g. “how might we encourage people to interact directly with their close friends?”. Using these questions, we generated ideas and conducted affinity diagramming to group themes. These themes developed into concepts that we explored through storyboarding.

Testing and Concept Validation

From our eight storyboard concepts, we took the top three and further elaborated on them via prototyping in Figma. I was responsible for designing the landing page and close friend groups prototypes. Testing occurred via zoom in two separate rounds with four and three participants respectively. Testing protocol focused on the user’s understanding of the concepts shown, their ease of use, and the likelihood of adoption.

Landing Page Experience
Connect with your close friends before jumping into your timeline.
Close Friend Groups
Create friend groups to filter your timeline content.
Endless Scroll Interruption
Reduce your scrolling time with reminders to reconnect with close friends.
4

Refine

Landing Page Experience

For the landing page experience, the most common feedback was that users did not understand it as a landing page and were not sure of its purpose. To emphasize this, I removed the bottom app bar and added floating action buttons at the end to nudge the user towards active engagement with their close friends.

Close Friend Groups

Many participants in usability tests did not understand how friend groups were different from groups on facebook or elsewhere. To make this clear and apparent on the timeline, I put chips at the top showing the names of different groups.

Endless Scroll Interruption

Everyone was bothered by this design pattern because the nudge to stop scrolling was more like a shove. to make it more subtle, I suggested embedding the message notification in the timeline and showing a preview to entice users.

5

Outcomes

Results from the second round of testing validated the changes made to the prototypes and showed that the concepts behind them resonated with users. Usability participants have described below how they feel these design patterns would impact their social media experience.

Takeaways and Next Steps

This project gave me the opportunity to understand how to effectively manage a team and enforce high design standards while promoting a culture of openness and transparency.

  1. As a project manager, some of the most valuable breakthroughs come when you listen and take feedback from your team. You don't need to have all the answers, you just need to understand the process for getting to them.
  2. Doing rounds of review within your team before conducting usability testing saves a lot of time. So does doing multiple rounds of testing.
  3. When operating in a known realm like social media, it is helpful to leverage existing paradigms to help users understand new concepts.

With high-fidelity prototypes completed, I would ideally conduct more testing with a larger participant count like 10 or 15. I would also build out a design system for consistency and scalability before handing off designs to developers for building. Lastly, I want to explore the overall user experience when switching to other device platforms like web and tablet.