Brief

Photo Sliders

Topics

Douyin Text-Photo

My experience in the Douyin Text-Photo team at Bytedance.

This is another part of my work during my internship at ByteDance. I was responsible for conceptualizing the Photo Slider feature to enhance user interaction on Douyin, as well as redesigning the current Topic page.
Internship
2024/10
3 months
Brainstorming
Sketching
Wireframing
Prototyping

Design Goal

Promoting UGC Contents on Douyin to Encourage interactions beyond social connections and motivate user submissions under influencer accounts.

What is UGC?

UGC stands for user-generated content, which is original content created by users and shared on social media. In contrast, PGC (professionally generated content) refers to content created by professionals or organizations.

Why UGC?

With a ratio of ordinary users to professional creators at approximately 8:2, driving UGC is easier to boosting submissions.

Besides, As an entertainment platform, TikTok users generally prefer lighthearted UGC contents over PGC contents.

Photo Sliders

Genre Dimension

Photo Sliders - Encourage Interaction

The first area I worked on was photo sliders, where I developed brainstorming prototypes to explore various possibilities of functions about this functions. Among the drafts I created, here are the three with the most valuable ideas.

Switch between video and photo summury

This idea is not directly aimed at enhancing interaction, but it can increase the exposure of the photo slides feature, helping users develop a usage habit.

Comments Carousel & Quick navigation

Popular comments will be displayed in a carousel after the content ends. Users can also quickly navigate to the comments to enhance engagement.

Emoji Interaction

Creators can customize an emoji button with a prompt on the slide’s bottom bar, providing the audience with a simple and engaging way to interact.

Takeaways

Being a Proactive Learner

It's common to design for a product you've never used, or a field you're not familiar with. Always stay curious and proactive in learning to prepare for new knowledge.

Being a Proactive Learner

It's common to design for a product you've never used, or a field you're not familiar with. Always stay curious and proactive in learning to prepare for new knowledge.

Topics

Content Dimension

Topics - Encourage Posts

For this part, our team mainly made 4 redesigned changes based on the existing Topic page.

Sketchings

Some process about the early exploration.