×
Cassie W.

Tumblr Redesign

A Filter Feature for Customized Display

Overview

Tumblr filter feature allows users to customize the newsfeed content based on user preferences. Users can navigate through their newsfeed more easily with specified groups, types, and timeframes.

  • Roles: Product Designer / UX Researcher
  • Date: Feb 2017 - Jun 2017
  • Tools: Sketch / Origami
  • Methods: Interviews / Surveys

Introduction

This is a UX case study of and the App I choose is Tumblr.

Nowadays most youngsters love to share their stories, interests, and hobbies with the world whether it is through Facebook, Twitter, Instagram, Tumblr, or others. Yet, each platform has its unique characteristics. Unlike Twitter or Facebook, Tumblr provides a semi-public platform with no words limit for people who have common interests to share their arts, fictions, thoughts, and many other interesting things.

- Current Tumblr design -

Discover

Hypothesis

If Tumblr could help users better navigate through their feeds and My page, users would have better chance to interact with each other.

Understanding Tumblrs

User Research

Through 7 user interviews and 31 survey responses, here are some key insights I learned:

  1. Most users use Tumblr for personal reasons
  2. Most of users feel overwhelmed by the amount of information presented on their feeds
  3. Many users only want to see contents from the people they followed, but there are always others posts show up on their feeds
  4. Sometimes users find it very difficult to search for something specific since there’s no indication of time or types of contents and more
  5. Most of users have found the search section very useful because it provides different options (i.e. gifs, videos, posts, etc.)
  6. Too many repetitive contents since one post can be reblogged many time and it keeps showing up on the feeds
Market Research

As for market research, I investigated how Twitter and Instagram (it’s more similar to Tumblr than Facebook!) displayed information as well as Tumblr’s search section.

Twitter & Instagram

- Twitter newfeeds -
- Instagram newfeeds -
- Twitter newfeeds -
- Instagram newfeeds -

The biggest difference between Tumblr and those two platforms is that Tumblr allows users to do more without limitations.

Tumblr Search

- Tumblr search design -
- Tumblr search design -

Tumblr Search feature allows users to specify what they want to see.

People Problem Identification

Identify the People Problem

When I look for a specific post from my favorite artist, I want to go directly to the date and content so I can save some times.
But I can’t do that because:

  1. There is no timestamp shown next to the content
  2. The contents are not filtered by types
  3. I can’t directly search the thing I want from my dashboard
Persona
- Primary persona -
Solution

The new feature should allow users to filter their new feeds by time and post types, and allow customizations of creating groups from their follows.

Brainstorm

After going through user research and a brainstorm session with two other people, I finalized my idea for the new feature.

- Brainstorm & Affinity Diagram -

Exploration

User Flow

The main function of the filter feature is to give users control over the contents they see on their dashboards. Users will also be able to add their following Tumblrs to a customized group when visiting their homepages.

- New filter feature userflow diagram -

Iterations

Mid-Fidelity Prototype

While exploring different means of filter, different ways of information architecture and layout, I always kept in mind that I needed to be consistent with the existing design style of Tumblr and what the main purpose of the feature was.

Below are some of my explorations.

Version 1

- Filter feature wireframe ver.1 -

Version 3

- Filter feature wireframe ver.3 -

Version 4

- Filter feature wireframe ver.4 -

Version 5

- Filter feature wireframe ver.5 -

Final Design

The final design was created based on the feedbacks from all previous versions.

Add/remove users to/from a group
- Edit user to/from a group -
Dashboard Filter
- Filter feature userflow -

Reflection

This individual case study helped me to understand how to design for a product, especially designing a new feature for an existing product. Unlike designing a brand new app, I needed to understand the existing users’ habits and the app’s design style, and on top of that, design a new feature to enhance the experience with the app. It also helped me to think about the intentions behind the current design as well as how it might relate to the business goals. With this kind of experience, I learned that designing a new feature is not only about how it fits into the overall design, but also about how it can makes a product better.

/

↑ Back to Top