The Feelings Monster, building a character with all the feels

What if your emotions changed the color of your skin? You radiate blue-green after acing that pop quiz. Overwhelmed, your head shifts to red, orange, and purple. While confronting fear, your whole-body swirls yellow-orange. How would that impact the way you understood your emotions and those of others? Meet Feelings Monster, a furry character that lives within the educational app Microsoft Reflect.

Through color, body language, emojis, and verbal definitions, Feelings Monster provides access points to begin identifying one’s emotional patterns. And during the pandemic, when teachers were struggling to emotionally connect with their students, this little critter became more than just a cute face.

The Feelings Monster is a tool for teaching Social Emotional Learning (SEL). The method is becoming popular in classrooms across the world as people recognize that “soft” skills (empathy, self-awareness, communication, etc.) aren’t so soft. We aren’t machines that just show up at school or work and produce; we have complex emotional landscapes that impact our ability to stay motivated, be resilient in the face of adversity, form strong relationships, and create a sense of self.

Designing for mental health

Emotions impact everything: your health, decision-making, relationships, and self-esteem. They also impact how you learn. Since the 1960’s, research has shown a distinct correlation between a child’s feelings and their academic performance. But emotions can be hard to identify, understand, and express.

The pursuit of mental health and self-awareness is challenging. While it is often presented as achievable for everyone, many people don’t have the time, resources, or sense of safety they need to begin taking mental health steps independently. And anxiety around asking for help adds another layer of difficulty. “It’s hard to tell your teacher, ‘I’m overwhelmed’ when you don’t know what overwhelmed looks like,” said Principal Product Manager Elad Graiver.

In early iterations of Microsoft Reflect, students were asked to choose words that identified how they felt. The problem was that children did not always understand the full meaning of the words they had to choose from to identify their emotions. Their difficult experience of choosing the right words reinforced their hesitation to share their feelings.

The product design team then added emojis to help students categorize their emotions and identify their feelings. With emojis, the team recognized that nuance was limited. For students to develop comprehensive communication skills, they needed support learning to express a breadth of emotions. The team came up with idea of creating a character, and the Feelings Monster was born.

Conjuring the Feelings Monster: the creative process

“We were looking for really big expressive elements,” said Creative Director Alberto Cerriteno. He was doing quick, iterative pencil sketches that Steinem and Senior Product Designer Yonatan Turkin then showed to students, asking if the drawing expressed an emotion that they identified with. The team’s research taught Cerriteno that accentuating the eyes, mouth, and hands were the crucial elements to conveying human emotion and specific feelings, but some of the students’ feedback led to unexpected places.

“Nobody was prepared for this,” said Senior Designer Felipe Medina Contreras. The students would prompt unforeseen questions like should the avatar’s hands have fingers or just a thumb? Without one or the other, the hands look like fists. If they were going to have fingers, they couldn’t have four. In Japan, that could be a reference to Yakuza or the mafia. And what about irises? Who would’ve thought about the importance of eyebrows? Now, imagine, after all of that, the team still needed to figure out what The Feelings Monster would actually look like.

Senior Content Designer Tany Holzworth helped further bring The Feelings Monster to life by adding depth and character development. Brought into the physical world in puppet form, Feelings Monster (who goes by the pronouns they/them) works with friends to demonstrate their coping skills and normalize emotional expression. “They’re a sensitive soul. They love plants, tend to talk a bit too fast, and live with their aunt. Giving them a little backstory helped me to think through what they might say and how they might act when faced with a challenging emotion,” Holzworth said.

Educators sometimes use fun physical activities to break up their lessons, which is shown to help sharpen children’s focus, improve test scores, and build a fun school environment. To support educators in leading these brain breaks, an animated Feelings Monster dances, meditates, and does yoga. Soon, when this feature is available, students will get to choose among the three.

Technical Art Director Rudy Vessup said that he watched videos of children dancing to make the creature mirror the way children move. “I had to keep their movements simple and fluid, but natural,” said Vessup.

Physical movement also creates something that students often don’t feel enough of: Autonomy — they’re in control of their movements. The importance of personal agency applies to product design as well. Students are often aware of the world’s problems, but seldom enlisted in creating solutions.

Similarly, they aren’t consulted as often in the creation of the tools they use, and it was important to the team behind Feelings Monster to buck this trend. Student input informed every stage of Microsoft Reflect and Feelings Monster’s development, which gave the students agency about how they wanted to express themselves through our products.

Around the world, young people are navigating a complicated and sometimes cruel environment. They need someone relatable who can provide a safe space for practicing their coping skills. Adding Feelings Monster to SEL practices can help educators provide that role model: a soft, fuzzy one that reduces barriers to engagement — like talking to your teacher directly. We hope that Feelings Monster will continue to make both students and educators feel more informed and supported in sharing their emotions.