avatar3-thumb.jpg

Roblox Expressive Avatars

Roblox Dynamic Avatars

Bringing Avatars to life with real-time facial expressions, head customizations.

 

Role

Principal Product Designer

Drive end-to-end feature design, define strategy, collaborate with Product & Engineering leadership on roadmaps, and ensure high-quality implementation.

Design Leader

Champion best practices and User insights on Avatar Expression and Communication across Roblox. 

Develop and share design principles, methodologies,
and tools to elevate product design thinking and processes

 
 

Challenge

Static Avatar heads

Legacy avatar heads are static, making it hard for users to connect without real-time facial expressions or movement.

Many rely on third-party video apps to stay connected with friends while on the platform.

 

Goal

Higher engagement

Enabling real-time facial animations enhances expression and interaction, creating more engaging connections between Users.

 
 

Approach

Design Opportunities

  • Educate users on dynamic heads

  • Encourage users to update

  • Provide guidance on how to use it

  • Create engaging ways to connect through facial expressions

Product

  • Launch dynamic head assets that support real-time facial animation through camera

  • Drive adoption among developers and users

 
 
 
 

User Research

To uncover valuable insights,
I defined research objectives, crafted key questions, and collaborated with a researcher to conduct user interviews.

 
 

User Insights

Uniqueness

Change avatar’s face frequently, users gravitate to colorful, unique and expressive avatars

Entertainment

Be funny with their friends, “Fun to see friends reactions”

Connection

Start conversation with people through expressions, “to connect without words”

Immersive

Communicate through facial expressions as opposed to typing through chat

 
 

Solutions

 

Enabling Facial expressions

While engineering advanced facial mapping technology, I focused on the seamless end-to-end product user experience for integrating the tech.

 

User Journey

The solutions I designed span various stages of the user experience.

 
 
 

Discover

Explore
Dynamic Heads

Users discovered new animation enabled heads in Marketplace through Homepage component, Notification system, enhanced Navigation and Asset labeling system.

Guiding Principles: 

  • Effortless Discovery 

  • Engaging Previews 

  • Scalable Solution 

 
 
 
 
 
 

Shop

Easy Try-On experience

The addition of camera lets users preview their Avatars and items.

Guiding Principles: 

  • Seamless Camera Usability

  • Fun, engaging

  • Scalable


 
 
 
 

Edit

Personalized customization

Users can refine eyes, eyebrows, face shape, and add accessories like glasses, masks, and makeup.

Guiding Principles: 

  • Effortless Discovery

  • Quick, intuitive

  • Diverse, inclusive

 
 
 
 

Edit

Delightful embodiment

‘Animations’ and ‘Emotes’ are now equipped with facial animations. Users can purchase, equip, and use them in experiences.

Guided Principles:

  • Invite Exploration 

  • Meaningful Motion

 
 
 
 

Connect

Immersive chat

With dynamic heads equipped, users can enable camera in experience to animate their avatar’s expressions in real time.

 Guided Principles:

  • Guide with clarity

  • Consistency across platform

  • Safety & Privacy

 
 
 
 

Process

Envisioning

I transformed user insights into visualized solutions to align with my partners.

 
 
 

Prototyping

Once aligned on high level direction, I created prototypes to illustrate the user experience and drive progress.

 

Design Documentation

I documented user experience workflows and specs for Engineering

 

Learnings

Developer Feedback

The mic, camera toggles and floating window received developer feedbacks, prompting
a design update to address key issues.

 

Component Redesign

Based on developer feedbacks, I refined the UI styles, state rules, and crafted the design configuration for the APIs.

 
 

Defining Success

Adoption rate

Users are equipping new avatar heads

Bookings

Users are spending on Avatars both in platform and experiences

Time in experience

Users are spending time in games and experiences

Social Interactions

Users chatting and sending friend requests

 

Results

Developer and Player Adoption
of Dynamic Heads

113 K

Experiences opted-in

4.3 M

Players opted-in

 
 

Learnings

Developer and Community Feedback

Dynamic Heads have received mixed reactions - some developers and users appreciate their realism for storytelling, while others dislike the aesthetic shift from classic static faces. 

Concerns also arise about phasing out classic faces and compatibility with existing accessories.

Marketplace Impact

Dynamic Heads have influenced the avatar marketplace, with a surge in 2D face adaptations for 3D models. 

This has sparked debates on market saturation, content quality, and the need for stricter moderation and better animation previews.

User Adoption & Preferences

Adoption varies—some users embrace the expressiveness, while others prefer static faces, citing an uncanny look in some animations. 

This divide highlights the need to support both styles for Roblox’s diverse community.

 

Impact

Developer & Community Creations

Developers and Creators are crafting unique experiences with Dynamic Heads, enhancing player engagement.

Conveyor Sushi Restaurant
Link

Face Tracking + VC
Link

Camera Face Hangout
Link