Facebook - Education System
With a variety of features accessible on Facebook, we discovered through research that people are often unaware of newly launched features or have difficulty using them. This led us to explore how visual representations, such as tutorials, could simplify the learning curve, making features more intuitive and accessible.
Role: Lead Product Designer, Visual Design, System Design
Team: Animator, Product Designer
Challenges
Often, people turn to options outside our product (ie. Google, YouTube) in order to find tutorials and how-to content.
This prompted the need to improve Facebook help & support, as well as implementing high-quality, in-product, contextualized learning tools. It is critical we bridge this gap to ensure adoption and engagement within our products.
Competitive Analysis
After conducting a competitive analysis, the takeaway we want to achieve is:
1) UI in its simplest form to prevent noise or confusion during education 2) finding a balance between high fidelity and representative so we can educate the user effectively but avoid localization for scalability 3) mimic the real UI motion to provide product expectations for the user.
Principles
Digestible Narrative
We want users to quickly grasp a narrative that is intuitive, relatable, and effortlessly simple.
Educational
We want users to easily access and understand the tools we provide to maximize their experience.
Delight
We want users to be consistently engaged and stimulated in order to elevate an otherwise flat and functional experience.
Documentation
We launched the Education System alongside an onboarding experience, resulting in a 28% increase in opt-ins. This was a highly requested feature that led to its integration into our internal tools. Systems are meant to evolve, and by sharing it with our design community, we aim to continue to stress-test and refine our product.
What’s next
The Education System has proven in research that users found it educational and delightful. The system is used by more than 10 products on Facebook.
The vision for the Education System is to become the designated system for all Meta products.