Emojis, Stickers & GIF's

Bringing fun self expression tools together in Teams



Company

Microsoft - Teams

Time frame

1 Month

Date

September 2021

TL:DR

Sending of stickers, GIFs, emojis, or memes inside Teams were each treated as an individual flow, creating unnecessary complexity and making the experience of sharing something fun, extremely tedious.

The goal of this project was to bring together these content types into a single "unified fun picker" flow. I owned design for this feature and collaborate closely with my cross functional team to build and ship it over a month.

After shipping we saw a 2.8% increase in messages containing GIF's, Stickers & Emojis as well as a huge 10% bump in usage of stickers.

The Opportunity

Working on the TFL (Teams for Life) team meant we were optimizing the platform for everyday users, shifting away from the traditional work focused teams experience.

Sending "fun" content is a big part of that everyday usage and compared to platforms like Messenger & Discord we had fallen far behind.

This projects focus was to create a unified fun content area where users can share GIF's, Stickers & Emojis quickly and without opening multiple separate teams sub apps (the current experience).

Existing Solutions

Looking at competitors in the space I explored Discord, Twitter, Messenger & Slack's approaches to sharing fun content.

There weren't any huge surprises, these are all platforms my team and I have been using for years. It showed me in no uncertain terms that Teams was far behind everyone else in the space.

A couple of the biggest learnings I took away from looking at competitors were
- Each type of content is given it's own space, there's no combining Stickers & GIF's
- Most platforms offer a way to browse content without deep diving into that specific genre

Potential Directions

Early iterations focused on two different directions that I reviewed with my team. The potential approaches came down to side scrolling rows which allow more types of content at once or vertical scrolling grids of one type of content.

I conducted a UXR test with two of our partnered communities, these are groups of users who've signed up to test early stage designs and changes. From this test, there was no clear direction, it was split almost exactly 50/50.

Initially seeing content in the row format was a heavy favorite but when it came to selecting content to send the testers preferred the larger quantity of options in a grid layout.

The Solution

I opted for a combined approach, initial browsing would be done in rows but digging into a specific type of content would expand into a full s


Leveraging existing components from the Fluid design system wherever possible the experience matched the expected look and feel of teams while bringing our fun content into a modern structure.


One last concern was our GIF & Sticker provider. Teams had used GIPHY as our provider but when I explored the variations in results for simple results like birthday, high five or pizza it was immediately clear Tenor offered higher quality and higher resolution results.

When my team shipped the revamped fun picker we shifted our provider to Tenor, accounting for a portion of the positive reception of our new experience.

Final Thoughts

It was very rewarding to work on a feature that brought more fun to a platform that had traditionally been thought of as very serious.

With measured increased engagement and an overall more enjoyable experience from UXR feedback it was a clearly successful feature launch!

Based in Seattle, Washington with my partner and an eternally angry cat.

Copyright © 2023 Sean Fitzmartin

Based in Seattle, Washington with my partner and an eternally angry cat.

Copyright © 2023 Sean Fitzmartin

Based in Seattle, Washington with my partner and an eternally angry cat.

Copyright © 2023 Sean Fitzmartin