Douyin Precise Search

Enhanced the ability to find precise results for the most popular short video app in China
Design challenge originally conducted in Chinese

Duration
Apr. 2021

My Role
Researcher, Designer

Purpose
Optimize Douyin search for ByteDance

Project Background

What is Douyin?

- Tiktok’s China twin
- Top short video app
- Born: in 2016 at ByteDance
- Now: 1 billion+ active users

Why search matters?

- 4k million daily active times of search
- 550 million+ active users searching on Douyin, more than on Baidu and WeChat
- The next strategic growth point of Douyin
- Douyin search : around video content, multidimensional

Market Research

01 Douyin as China’s most popular short video app

02 Search by content in individual apps

03 Competitor Analysis: searching in popular apps of China

Color Code /Analysis Dimension

Key Findings

Experience: similar within app types, different between app types
All apps are striving to let users find things
precisely:

Many have the Speech input:

User Research

01 Stakeholders

Potential and current Douyin users:
- Viewer
- Creator
- Advertisers: search ads

02 User Portrait

Statistics Summary:
- Female 48%, Male 52%
- Age: 19-30
- City: new first-tier

03 User Opinions

Source:

- User interview from my friends who use Douyin
- Online opinions from Zhihu.com

Complaints: “can’t find precise targets”

Current solutions:

Suggestions:

Needs in summary: 

04 User Journey Map

Current Solution

Current Solutions of filtering results with translation by the side

Current Problems:

Filter: 
1. inconsistent pattern: when searching different words
2. messy information architecture:  “overall” and “time” looks more important than “filter tags” as “filter” overflow too much areas

Tags: 
1. Long list of many tags
2. Easy to scroll out of page

Ideation

01 Design Goal

User Story:
I want to quickly find the video I am looking for on the app.

Problem Statement:
How might we allow Douyin users to efficiently find the videos they want?

02 Design Principles

03 Sketch & Ideas

Before Search:

  • Keep original access entry:
    easy to find: on each page’s right upper corner
  • Add voice input:
    save effort and increase accessibility

During Search:

  1. Related suggestions:
    search history + tag recommendation:
    interpret and speed up search
  2. Voice input on the keyboard:
    easy to be detected and used

Filter Results

Filter

❌ 1:
- Long routes: take 2 steps
- Results cover the title of the tag
- "recent " is not related to time span

✅ 2:
- Consistency in pattern
- Short route: delete the triangle and show tags directly

Tags

  1. Sort tags
  2. Click the tag to change its sorted tags overflow
  3. Can scroll with the other line of tag stay fixed
  4. Avoid scrolling out of the current page

Present Results:

  1. New tab “related to me”
  2. More tags on videos
  3. Highlight keywords

04 User’s Flow

Final Design

01 Before Search                              02 During Search

03 After Search

Reflection

Needs:

Other Features:

< Tiktok Livestream PerformanceZoom Break >
But