Vanessa Jaber Design
Vanessa Jaber • User Experience Designer
Twitter_banner.png

Twitter: Crafting Microinteractions & Designing for Legacy

Twitter: Crafting Microinteractions & Designing For Legacy

Designing for legacy and the value of digital data in social media.

In-profile search addition - an example of a useful microinteraction made for this project.

 
 

Crafting Microinteractions to Enhance User Experience

Twitter is used by more than 336 million active users worldwide, and is one of the largest social networks worldwide. We want to make it better.

Currently, the mobile application platform of Twitter lacks organization regarding their bookmarking feature, and lacks the option to search for tweets through profiles. Additionally, the value of digital data needs to be taken into account when designing for legacy. As people share more information online, and form deep attachments to digital data and artifacts, these virtual objects are becoming deeply integrated into our lives, and subsequently, our legacies (Gulotta, R., Odom, W., Forlizzi, J., & Faste, H. 2013).

This project focuses on creating microinteractions around these opportunities.

Team: Me & Mackinzi Blank

When: Fall 2018

 
 

Bookmarks

 

Problems

  • Twitter lacks the ability to sort or filter bookmarks made by the user

  • Infinite scrolling is required to find a specific tweet, especially if a user has bookmarked a large number of tweets

  • Bookmarking is not offered on the desktop version of the platform

  • The bookmarking function is hidden for users, as it is under the send/share icon of the tweet

  • The only control available within the bookmarking function is to clear all bookmarks

Opportunities

  • Creating the ability to add bookmarks into user-created "collections"

  • Creating the ability to sort and search through bookmarks and collections to find content, so that user does not have to infinitely scroll to find desired tweet

  • Making the bookmark function visible to users on mobile and desktop through placing the bookmark icon on the tweet

 

Profile

 

Problems

  • Currently, Twitter does not offer in-profile search queries

  • The current in-depth search function only exists on the desktop version of Twitter, and is not centered around a single user

  • External search engines (i.e. Google) are more efficient when searching for specific tweets from a user or company

Opportunities

  • Adding a search icon within profiles for easy retrieval of tweets

  • Adding the ability to search by date, keywords, or tweets containing media

  • Desired tweets are able to be liked, retweeted, and/or bookmarked for future reference

  • Keywords from search query are highlighted for easy viewing rather than bolded, which can be harder to identify

 
 

Current Bookmark State ↓

Ideal Bookmark State ↓

Current Search State ↓

Ideal In-Profile Search State ↓

 

Wireframing Microinteractions ↓

Wireframes for the profile-in search and bookmark collection microinteraction additions.

 

If a user wants to search a specific user's or company’s profile, they can do so through the search icon displayed within the top of the profile itself. From there, a user can search according to what they are looking for (keyword, media, date). Results are highlighted instead of bolded for easy and immediate recognition.

Tweets that have been found through an in-profile search can then be easily bookmarked for future reference. This is where our microinteractions come full circle. The bookmark icon is visible and is filled in with the Twitter blue when bookmarked to provide feedback to the user that they have successfully bookmarked the tweet.

Adding several different microinteractions within the bookmarking section will allow users to have more control over their bookmarks, which is currently the only way for a user to privately archive tweets. We added a search within bookmarks, the ability to curate unique collections of bookmarks, and sorting.

View our microinteractions and presentation process here.

 

Utilizing these Microinteractions to Design for Legacy

As people share more information online, and form deep attachments to digital data and artifacts, these virtual objects are becoming deeply integrated into our lives, and subsequently, our legacies (Gulotta, R., Odom, W., Forlizzi, J., & Faste, H. 2013).

When it comes to designing for legacy online, this concept is still nascent in social media. Facebook allows users to designate a legacy contact, although legacy contacts aren’t allowed to login, edit past posts or view messages, they can create and manage new content on the Facebook page of the deceased. Twitter does not provide families with this option. Instead, families can opt to have Twitter remove a bereaved love one’s account or leave the account in the condition it was left in. The latter has sparked issues. In May 2016, ABC News reported that deceased New York Times columnist David Carr’s account was hacked by a spambot and tweeted out to Carr’s half a million followers. (Sainato, M. 2017, April 13).

In the same manner we project ourselves onto our objects, we also project ourselves and our thoughts online. These digital artifacts do not decay over time. Our focus here is to create interactions that allow users to remember the digital media of those who have passed away. Twitter uniquely displays this media as a string of individual thoughts, with each tweet having its own identity and social ecosystem.

 
Remembering 1.jpg
Future generations will inhabit a world that increasingly uses digital technologies to produce and distribute information, dramatically challenging the material traditions and practices of past generations
— Gulotta, R., Odom, W., Forlizzi, J., & Faste, H. (2013). Digital Artifacts as Legacy. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems - CHI 13.
wireframing_legacy.jpg
Mobile Flow.png

mobile legacy flow

Adding the ability to create a digital memorial, including a memorial channel and a pinned tweet from the legacy contact.

Desktop Flow.png

desktop legacy flow

Adding the ability to download a memorial booklet of the accounts Tweets.

In Memoriam Twitter copy 2.gif

creating a memorial channel

A digital place for remembering. We want to help family, friends, and fans remember those who are gone while protecting that person's accounts and digital property. Here we use the late singer, Amy Winehouse as an example.

View our full designing for legacy process here.

Remembering2.jpg