The Work
I led the Meta Family Center project to enhance UI/UX and content, expanding its appeal to non-traditional family dynamics like sibling supervision while making the platform more engaging for Gen Z by improving educational content and media literacy features.
I led the Meta Family Center project to enhance UI/UX and content, expanding its appeal to non-traditional family dynamics like sibling supervision while making the platform more engaging for Gen Z by improving educational content and media literacy features.
Focus
User Research
Web Design
UI/UX
Visual Design
Prototyping
User Research
Web Design
UI/UX
Visual Design
Prototyping
Role
Project Manager,
UI/UX Design Lead
Team
UC Berkeley UMA Design,
Sia Partners Design
UC Berkeley UMA Design,
Sia Partners Design
Context
Context
Context
Meta Family Center is a platform that helps parents supervise and manage their family's online experience within Meta technologies like Instagram and Meta Quest. It offers monitoring tools and educational resources to support digital safety and communication.
Meta Family Center is a platform that helps parents supervise and manage their family's online experience within Meta technologies like Instagram and Meta Quest. It offers monitoring tools and educational resources to support digital safety and communication.
The Problem
The Problem
The Problem
Currently, the Meta Family Center website is too focused on the function of parental control for online experience, which overlooks other important use cases such as sibling supervision and media literacy for younger users.
Currently, the Meta Family Center website is too focused on the function of parental control for online experience, which overlooks other important use cases such as sibling supervision and media literacy for younger users.
How might we reimagine Meta Family Center to support diverse family dynamics and engage younger users?
How might we reimagine Meta Family Center to support diverse family dynamics and engage younger users?
How might we reimagine Meta Family Center to support diverse family dynamics and engage younger users?
Preliminary Research
Preliminary Research
Preliminary Research
Our team conducted a UX audit of the 4 main webpages and links to identify usability issues, design flaws, and areas for improvement. After producing 28 pages of audit material, we summarized our key insights into a SWOT chart.
Our team conducted a UX audit of the 4 main webpages and links to identify usability issues, design flaws, and areas for improvement. After producing 28 pages of audit material, we summarized our key insights into a SWOT chart.
Strengths
Visual
Clean layouts, simple colors, and minimalism for a timeless look.
Clear CTAs, intuitive article layouts.
Content
Relevant resources to young users.
Aligns with Meta's social values, boosts brand image.
Visual
Clean layouts, simple colors, and minimalism for a timeless look.
Clear CTAs, intuitive article layouts.
Content
Relevant resources to young users.
Aligns with Meta's social values, boosts brand image.
Weaknesses
Visual
Photos lack personality & relatability.
No multimedia elements.
Content
Content is too parent-focused.
Inconsistent and confusing author attributions in the Education Hub.
Visual
Photos lack personality & relatability.
No multimedia elements.
Content
Content is too parent-focused.
Inconsistent and confusing author attributions in the Education Hub.
Opportunities
Visual
Invest in higher-quality visuals to highlight features and community.
Content
Tools (screen time usage, explore page customization, etc.) can attract a broader audience, including young adults, with proper targeting.
Visual
Invest in higher-quality visuals to highlight features and community.
Content
Tools (screen time usage, explore page customization, etc.) can attract a broader audience, including young adults, with proper targeting.
Threats
Visual
Outdated aesthetics impacting engagement.
Having inconsistent visual elements.
Content
Educational resources may seem hypocritical due to Meta's privacy and misinformation issues.
Visual
Outdated aesthetics impacting engagement.
Having inconsistent visual elements.
Content
Educational resources may seem hypocritical due to Meta's privacy and misinformation issues.
User Survey
User Survey
User Survey
We surveyed 300+ people to gather data on visual and content preferences, uncover digital habits, and inform our design and content ideation for Meta Family Center.
We surveyed 300+ people to gather data on visual and content preferences, uncover digital habits, and inform our design and content ideation for Meta Family Center.
What factors influence your decision to trust and engage with the content on a website?
What factors influence your decision to trust and engage with the content on a website?
How important is it for websites to offer a diverse range of content, including text, images, videos, and podcasts?
How important is it for websites to offer a diverse range of content, including text, images, videos, and podcasts?
preferred a simple website design, in order to find information quickly.
preferred a simple website design, in order to find information quickly.
ranked content relevance as the most appealing aspect of a website.
ranked content relevance as the most appealing aspect of a website.
prioritized reliability as the most important company value.
prioritized reliability as the most important company value.
identified 'Privacy and Transparency' as the most lacking value in big tech companies.
26.1%: Social Responsibility
17.2%: Authenticity
15.7%: Connection to audience
identified 'Privacy and Transparency' as the most lacking value in big tech companies.
26.1%: Social Responsibility
17.2%: Authenticity
15.7%: Connection to audience
Feelings toward Meta following the development of the Meta Family Center
Feelings toward Meta following the development of the Meta Family Center
Meta Family Center feels genuine and authentic?
Meta Family Center feels genuine and authentic?
User Pain Points
User Pain Points
User Pain Points
Confusion
Images doesn't match information or relate to users, leading to mixed messages.
Lack of demos leaves users unclear on tools functions.
Uncertainty
Generic content raises doubts about feature effectiveness.
Missing author info reduce content credibility.
Engagement
Content format feels too static to keep users engaged.
Users want more relatable, personalized examples that reflect their own needs and concerns.
User Personas
User Personas
User Personas
We gathered key insights from surveys and interviews, which helped us create 5 user personas: Typical University Student, Gen Z Advocates, People with Siblings, and Teenager Recollection.
We gathered key insights from surveys and interviews, which helped us create 5 user personas: Typical University Student, Gen Z Advocates, People with Siblings, and Teenager Recollection.
The Solutions
The Solutions
Authentic Visuals
Authentic Visuals
Authentic Visuals
Updating images to be more relatable and diverse, creating a stronger user connection while helping users easily connect features to their real-life applications across Meta platforms.
Features Demo
Features Demo
Features Demo
Highlight Meta Family Center tools with clear, straightforward explanations. Use auto-playing demos to illustrate and exemplify tool functionality.
Resource Toolkit
Resource Toolkit
A new toolkit section featuring guides and articles to support positive digital experiences.
This resource hub offers practical tips on digital health, media literacy, and online safety, with expert partners highlighted to reinforce Meta’s commitment to user well-being.
Illustrations
Illustrations
Illustrations
Simple illustrations and animations boost engagement and keep visuals consistent. Using illustrations over stock images fosters a more authentic, relatable connection with users.
Simple illustrations and animations boost engagement and keep visuals consistent. Using illustrations over stock images fosters a more authentic, relatable connection with users.
Expert Spotlight
Expert Spotlight
Expert Spotlight
A section highlighting Meta’s expert partners, like the National Association for Media Literacy Education, to build trust and credibility.
It provides insight into the sources behind Meta Family Center’s content, with a CTA linking to their latest articles for further learning.
Content Relevance
Content Relevance
Content Relevance
How might Meta Family Center better integrate with its content?
How might Meta Family Center better integrate with its content?
How might Meta Family Center better integrate with its content?
Feature-driven Integration
Dedicated Content
Organize online safety topics (e.g., privacy, cyberbullying, screen time).
Include educational articles, real-life scenarios, and interactive quizzes.
Organize online safety topics (e.g., privacy, cyberbullying, screen time).
Include educational articles, real-life scenarios, and interactive quizzes.
Feature Walkthroughs and Recommendations
Link directly to relevant features with each topics.
Provide step-by-step guides for easy implementation.
Link directly to relevant features with each topics.
Provide step-by-step guides for easy implementation.
Kid-Friendly Resources
Offer videos, games, and discussion prompts to encourage family conversations about online safety.
Offer videos, games, and discussion prompts to encourage family conversations about online safety.
Reflection
Reflection
Reflection
This project showed me how important ongoing questioning is in user research. It’s about looking past surface responses and understanding the subtle factors influencing user perspectives. Always questioning our methods and adapting our approach is key. Creating a comfortable space for users to share their honest feelings leads to richer insights.
This experience really deepened my understanding of user research and the need for flexible strategies and an open mindset.
I'm super thankful for my amazing team and our awesome clients! <3
This project showed me how important ongoing questioning is in user research. It’s about looking past surface responses and understanding the subtle factors influencing user perspectives. Always questioning our methods and adapting our approach is key. Creating a comfortable space for users to share their honest feelings leads to richer insights.
This experience really deepened my understanding of user research and the need for flexible strategies and an open mindset.
I'm super thankful for my amazing team and our awesome clients! <3
