Hana Zheng

TikTok / Story Feed Exploration

TikTok / Story Feed Exploration

TikTok / Story Feed Exploration

I was part of the team responsible for designing the Story feature, focusing on creating a seamless, low-pressure content format to drive more social engagement between friends, and played a key role in shaping the interaction flow of the story feed.

I was part of the team responsible for designing the Story feature, focusing on creating a seamless, low-pressure content format to drive more social engagement between friends, and played a key role in shaping the interaction flow of the story feed.

I was part of the team responsible for designing the Story feature, focusing on creating a seamless, low-pressure content format to drive more social engagement between friends, and played a key role in shaping the interaction flow of the story feed.

2019

2019

2019

Year

Year

Year

Sr. Product Designer

Sr. Product Designer

Sr. Product Designer

Role

Role

Role

Challenge

Challenge

Challenge

Challenge

When we aimed to integrate this format with TikTok’s existing video content, we not only had to consider how users would understand the Story concept but also needed to carefully design how this temporary, 24-hour expiring content—aggregating multiple pieces—could seamlessly fit into the platform’s existing video framework.

Highlights

Highlights

Highlights

Highlights

Addressing Social Elements

Addressing Social Elements

Addressing Social Elements

In the Story Feed, there are multiple avatars on the right side, which also serve as navigation. The comment section will be exposed directly to encourage more engagements.

In the Story Feed, there are multiple avatars on the right side, which also serve as navigation. The comment section will be exposed directly to encourage more engagements.

In the Story Feed, there are multiple avatars on the right side, which also serve as navigation. The comment section will be exposed directly to encourage more engagements.

Vertical Interactions

Vertical Interactions

Vertical Interactions

The way to switch between different content involves tapping and swiping. Tapping vertically allows you to view different content from the same user. If you're board with the same people's content, swipe up to switch to the next one.

Expandable Navigation of Users

Expandable Navigation of Users

Expandable Navigation of Users

Swiping up and down on the avatars opens up a user list, allowing users to easily access their target content by tapping on the avatars

Insights

Insights

Insights

Insights

Maintain consistency of the layout

Instagram’s Story format has a clear distinction from its main feed, helping users easily differentiate between the two. However, on TikTok, the main feed is already a full-screen content container, so we needed to consider how to better integrate the unique properties of Stories within the existing layout.

Instagram’s Story format has a clear distinction from its main feed, helping users easily differentiate between the two. However, on TikTok, the main feed is already a full-screen content container, so we needed to consider how to better integrate the unique properties of Stories within the existing layout.

Instagram’s Story format has a clear distinction from its main feed, helping users easily differentiate between the two. However, on TikTok, the main feed is already a full-screen content container, so we needed to consider how to better integrate the unique properties of Stories within the existing layout.

Follow users’ established interaction habits

Follow users’ established interaction habits

Follow users’ established interaction habits

TikTok’s main interaction is vertical scrolling, so when designing the Story feed, we kept the same vertical flow to avoid introducing new interactions (like swiping left or right), which could disrupt the user’s familiar experience.

TikTok’s main interaction is vertical scrolling, so when designing the Story feed, we kept the same vertical flow to avoid introducing new interactions (like swiping left or right), which could disrupt the user’s familiar experience.

TikTok’s main interaction is vertical scrolling, so when designing the Story feed, we kept the same vertical flow to avoid introducing new interactions (like swiping left or right), which could disrupt the user’s familiar experience.

©2025

©2025

©2025

©2025

©2025