Redesign

Voice Panel

Redesign

Voice Panel

Redesign

Voice Panel

2022

Product

UX Update

Easy way to change voice

Optimize the voice interface to boost user exploration and showcase ongoing expansion.

Side by side Comparison

Before

Before

Single line of voice with limited discoverability.

Single line of voice with limited discoverability.

After

After

Organize voices in tabs and test with one and two columns of voices

Organize voices in tabs and test with one and two columns of voices

43% of the videos published are using the default voice that TikTok provices.

43% of the videos published are using the default voice that TikTok provices.

43% of the videos published are using the default voice that TikTok provices.

The old voice interface lacks clear categorization, informative descriptions, and distinctive icons - leading users predominantly to select the default voice and experiencing a cumbersome browsing process.

Displaying voices with clear descriptions 

can help users find what they need faster.

Displaying voices with clear descriptions 

can help users find what they need faster.

Design Details

Design Details

We tested with different UI placement and user flows to find the most effective solution.

We tested with different UI placement and user flows to find the most effective solution.

We tested with different UI placement and user flows to find the most effective solution.

Crediting through Video Mentions

Crediting through Video Mentions

1. Add text

Create a text layer, and start typing.

2. Text-to-Speech

Select the text to speech bubble.

3. Preview Voice

Progress bar moved back to the original location.

4. Edit video

The text to speech text is finished set up and ready for next step.

Crediting through Video Mentions

Before

Exploration-Simplify

Exploration-2 columns

Exploration-1 column

Panel Expand

Panel States

Before

Exploration-Simplify

Exploration-2 columns

Exploration-1 column

Exploration-1 column

Enhanced Voice Panel: More TikTok Voices, Clearer Views

Enhanced Voice Panel: More TikTok Voices, Clearer Views

Users preferred to see voices in two columns, allowing them to browse more voices at a time. In addition, the descriptions and new icons proved to be enticing and useful.

Users preferred to see voices in two columns, allowing them to browse more voices at a time. In addition, the descriptions and new icons proved to be enticing and useful.

Back to home

Back to home

Back to home

Next project

TikTok Story

Next project

TikTok Story

Next project

TikTok Story

Cynthia Lee

Portfolio 2023

All Rights Reserved

Thank you for viewing!

Cynthia Lee

Portfolio 2023

All Rights Reserved

Thank you for viewing!

Cynthia Lee

Portfolio 2023

All Rights Reserved

Thank you for viewing!