August 2018 - October 2020
Twitter is a global social media platform that serves the public conversation around breaking news, entertainment, sports, politics, and more. At my time at Twitter, I've had the pleasure to work on many different projects across a few teams, including the Creation / Conversations and Identity / Health teams.
In May 2018 my team launched the ability for users to add media to their Retweets and changed the game.
When it comes to contributing to the public conversation, users have fears of judgment and being the target of trolls / abuse. These fears lead users to feel more comfortable adding their reaction to an existing Tweet vs starting a conversation. At the time, Retweet with comment were restricted to text and users were asking for the ability to add media to Retweets.
Looking at the metrics, original Tweet creation were down. Replies were the most common type of contribution to the conversation. However there was a steady increase in Retweet with comments being created, which suggested that there was an opportunity to invest in this type of content to increase contribution on the platform.
We believe by allowing users to add media to Retweets they will have more ways to express themselves, we will temper fears of judgement, we will remove the barrier to add to the conversation, and ultimately increase the number of Retweets on the platform.
We knew we wanted to reduce user's fear of contributing to the conversations and give them more ways to express themselves. However just adding media to the existing Quote Tweet anatomy created a lot of challenges. There were comprehension and hierarchy issues, that made it hard to know who said what. This image illustrates the out-of-the-box experience if we didn't make improvements.
We explored three different entrypoints. The first was the standard menusheet where we tested different CTAs and icons. The second was a hybrid of halfsheet and a composer. The third was by passing the menusheet and dropping the user directly in the composer where they could Retweet immediately or add media.
We knew since the out-of-the-box experience of having two Tweets stacked on top of each other, created comprehension and hierarchy issues, we were going to need to design a condensed inner Tweet. We explored a few different options, which we then tested them with users in a moderated session.
Box layout: We chose the box layout over the pull quote line. This pattern already existed in our system and it scaled better.
Avatar: We included an avatar to help with scan-ability, comprehension, and hierarchy.
Timestamp: We included a timestamp to help reduce the spread of outdated content and/or misinformation.
No Expand Inline: While the expanding of the inner Tweet inline preformed well in a qual session this work was out of scope.