Revitalizing Tumblr: A UX Redesign Case Study to Enhance User Engagement

Revitalizing Tumblr: A UX Redesign Case Study to Enhance User Engagement

Revitalizing Tumblr: A UX Redesign Case Study to Enhance User Engagement

Where

Where

Kanjiza, Serbia

Role

Role

UX Designer, Researcher

Mobile app

What

What

Portfolio project

Why

Why

Oct - Nov, 2022

When

When

Daniel Dancs

Who

Who

Introduction

The main reason why I started working on this project was based on the specific needs of some users.

As an active user, I often encountered feedback and problems of this kind during my browsing and then I explored the needs more thoroughly.

As I dug deeper into the subject, new horizons opened up along the whole spectrum.

At the start of the project, I conducted a two-week market research, then based on the information, I created a list of priorities that I followed during the development cycles.


Market research

Market research

Summary

Summary

Tumblr is one of the most successful website for different
generations since 2007.


As of April 2019, Tumblr hosts more than 400 Million blogs,
In 2019, Automattic brought it for a reported $3 million.


In 2013, Tumblr was estimated to be worth $1.1 billion.
In 2015, the number of active users of Tumblr was 21 million.

Target Audience

Target Audience

According to statistical studies, 69% of the users

of Tumblr are those who belong to the millennial generation, but there was also a significant number of users who represent the current age group of 30-40.

Based on the similar competitor platforms’ numbers, the main goal is to bring back Tumblr’s popularity to its prime era and satisfy the usability issues.

Based on the similar competitor platforms’ numbers, the main goal is to bring back Tumblr’s popularity to its prime era and satisfy the usability issues.

2.91

2.56

2.00

1.48

1.25

Facebook

Youtube

Whatsapp

Instagram

WeChat

1


2

1.5

2.5

3

Problem

User activity dropped by 30% in just three months following the announcement of the political changes in 2019.

The new controversial policy changes ultimately caught up

with Tumblr in 2019 and new platforms were release on the market and their dominancy shrinking the global traffic of the site.

The features and functions should be reworked to fulfill the users’ demands and give better usability options.


To find out what causes this major decrease in product usage and to determine which features to improve, I have conducted multiple rounds of user surveys and interviews

User activity dropped by 30% in just three months following the announcement of the political changes in 2019.

The new controversial policy changes ultimately caught up

with Tumblr in 2019 and new platforms were release on the market and their dominancy shrinking the global traffic of the site.

The features and functions should be reworked to fulfill the users’ demands and give better usability options.


To find out what causes this major decrease in product usage and to determine which features to improve, I have conducted multiple rounds of user surveys and interviews

Goals

- Adjust functionalities to improve customer satisfaction
- Include functionalities of high interest that are missing
- Improve usability of the overall platform
- Enhance consistency between the mobile/desktop platforms

- Adjust functionalities to improve customer satisfaction
- Include functionalities of high interest that are missing
- Improve usability of the overall platform
- Enhance consistency between the mobile/desktop platforms

User survey

Gender, Age, Basic infos, Strengths/Weaknesses, What to change

After qualitative (8-person) and quantitative research (169 responses) where deducted, the participants were indicated that the most crucial painpoints were the search features and the chat options.

Pain points

Significantly Search and Chat function got the worst rankings, that’s why I focused on them in the upcoming stages.

Chat

Accessibility

Accessibility

Settings

Interactions

Dashboard

Search

Which is the most important section to change on Tumblr?

Based on 169 participants

Questioned people about what would they change with the app and they had enough free space to have detailed answers and tell their specific problems.


Chose 6 from the diversified answers.


From those six, I chose two which were related to both “Search” and “Chat”



# 1

Better search-engine with searchable tags.

Search

# 4

Better archive and statistics.

Chat

# 2

Easily followable posts.

Dashboard

# 5

Filter users under the reblogs.

Filter

# 3

Transparency of threads.

Posts

# 6

Share functions.

Share

Key findings

& insights

Key findings

& insights

— Lack of website customization

— Weak protection of users’ information

— Attitude towards users’ privacy creates a

negative image

— Lack of website customization

— Weak protection of users’ information

— Attitude towards users’ privacy creates a

negative image

— Lack of website customization

— Weak protection of users’ information

— Attitude towards users’ privacy creates a

negative image

— Integration with many websites and

applications

— Active user feedbacks

— Advanced and effective UX patterns

— Understands what users need and want

— Integration with many websites and

applications

— Active user feedbacks

— Advanced and effective UX patterns

— Understands what users need and want

— Integration with many websites and

applications

— Active user feedbacks

— Advanced and effective UX patterns

— Understands what users need and want

— Multiple search options with simple UI

— Many permissions are needed

— Multimedia functions with wide,

djustable variations in chat


— Multiple search options with simple UI

— Many permissions are needed

— Multimedia functions with wide,

djustable variations in chat


— Successful promotion of brands

— Strict privacy

— Business profile


— Successful promotion of brands

— Strict privacy

— Business profile


— Content awareness

— Fast-paced growth


— Content awareness

— Fast-paced growth


— It’s difficult to protect your privacy

— It can quickly drain the battery

— Users are forced to use Messenger

— It’s difficult to protect your privacy

— It can quickly drain the battery

— Users are forced to use Messenger

— Overwhelming advertisements

— Fewer Features On Web

— Instagram is ADDICTIVE

— Overwhelming advertisements

— Fewer Features On Web

— Instagram is ADDICTIVE

— The “For You” page makes it addictive

— The Dopamine Effect


— The “For You” page makes it addictive

— The Dopamine Effect


Facebook

Instagram

Tik Tok

Based on the main concerns from the interviews and the replies to the survey questions and their detailed answers about their biggest issues, I researched the competitor companies’ products and compared in which factors could they improve.

Tried and used their search and chat to see how they satisfied the users with their core structure and extras



Competitive analysis

Competitive analysis

User Map

Registration

Dashboard

Browsing

Main functions

Main functions

Chat

Chat

Reblog

Reblog

Profile

Profile

Options

Notifications

Share

Posts

Messages

Comment


Likes

Search

Search

Results

Login

Legend

Legend

Focus areas of the project

Made a few sketches based on the

market research and user surveys


Low-fidelity Wireframe

Low-fidelity Wireframe

When I knew what structure the application should have and what functions it should have, I decided to make High-fidelity wireframes and test them with real users and iterate. I was curious about their feedback so I asked the minimal 5 people and I changed the additional menu for better usability based on their reviews.

Chat - before and after the iteration

Chat - before and after the iteration

Chat - before and after the iteration

Accessibility

Accessibility

12:22

Hugo Perez

Archive

Search in chat

Send video

Send GIF

Saved tags

Send picture

12:22

Hugo Perez

Archive

Search in chat

Send video

Send GIF

Saved tags

Send picture

Contrast 4.91:1

Contrast 10.39:1

The app has been evaluated for contrast to match the AA-standards

of WCAG - 17% world’s population has visual disabilities, over

4.5:1 contrast ratio is the basic and ideal.

UI Colors

#24CC6A

#232826

#3C413F

#FFFFFF

I changed the colors because of the visibility standards, first the tones and saturations were not visible and the contrast was around 2:1 in most cases; now they fit the WCAG standards and their ease for the users

Project Summary

Project Summary

Contact

Contact

Contact

Email / dan2design@outlook.com

LinkedIn / www.linkedin.com/in/dan2dan


Email / dan2design@outlook.com

LinkedIn / www.linkedin.com/in/dan2dan


One of the biggest challenges was redefining the chat feature, where users frequently complained about slow response times. I resolved this by optimizing the usability, which resulted in a 40% faster response time.

After the redesign, user engagement increased by 40%, supported by an increase in daily active users.

In the next phase, I will be redesign and develop the most anticipated innovation according to user feedbacks.

This was a breakthrough project in my career, from which I have learned a lot of valuable lessons, I communicated with people and designers to iterate the whole progress. Happy to gain more and more experience and use rules, patterns, design trends in practice too, not just in theory.

Thanks a lot for reading my case study.

Go Back

Create a free website with Framer, the website builder loved by startups, designers and agencies.