Douyin Experience Design Center ᱨᱮᱱᱟᱜ Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ

Douyin Experience Design Center ᱨᱮᱱᱟᱜ Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ ᱤᱱᱴᱟᱨᱯᱷᱮᱥ, ᱤᱱᱴᱟᱨᱮᱠᱥᱚᱱ ᱟᱨ ᱵᱮᱵᱦᱟᱨᱤᱭᱟᱹ ᱟᱱᱩᱵᱷᱟᱵ ᱰᱤᱡᱟᱭᱤᱱ ᱯᱨᱚᱛᱤᱡᱚᱜᱤᱛᱟ ᱵᱷᱟᱜ ᱨᱮ 2023 A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱨᱮᱱᱟᱜ ᱟᱹᱰᱤ ᱢᱟᱱ ᱟᱠᱟᱱ ᱡᱤᱛᱠᱟᱨ ᱠᱟᱱᱟ᱾

ᱨᱩᱯᱟᱤᱱᱴᱟᱨᱯᱷᱮᱥ· 2023

Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ

Douyin Experience Design Center ᱞᱮᱠᱟᱛᱮ

ᱜᱟᱦᱟᱠ: Douyin Group

ᱤᱱᱴᱟᱨᱯᱷᱮᱥ ᱵᱷᱟᱜ ᱨᱮ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱡᱤᱛᱠᱟᱨ

60,142

ᱡᱟᱸᱪ ᱟᱠᱟᱱ ᱮᱣᱟᱨᱰ ᱡᱤᱛᱠᱟᱨ

#149651 ᱞᱟᱜᱤᱫ ᱮᱣᱟᱨᱰ ᱦᱟᱞᱚᱛ ᱡᱟᱸᱪ

ᱥᱟᱭᱤᱴ ᱧᱮᱞ ᱢᱮ A' Design Award ᱨᱮ ᱧᱮᱞ ᱢᱮ ᱯᱨᱮᱥ ᱨᱤᱞᱤᱡ ᱯᱩᱨᱥᱠᱟᱨ ᱵᱮᱡ

ᱨᱚᱝ

ᱰᱤᱡᱟᱭᱤᱱ

Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱵᱟᱵᱚᱛ ᱛᱮ

Douyin PC ᱫᱚ ᱢᱤᱫ ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱟᱨ ᱣᱮᱵ ᱤᱱᱴᱚᱨᱯᱷᱮᱥ ᱠᱟᱱᱟ ᱡᱟᱦᱟᱸ ᱯᱟᱨᱥᱚᱱᱟᱞ ᱠᱚᱢᱯᱭᱩᱴᱚᱨ ᱨᱮ ᱵᱷᱤᱰᱤᱭᱚ ᱠᱚᱱᱴᱮᱱᱴ ᱧᱮᱞ ᱞᱟᱹᱜᱤᱫ ᱵᱮᱵᱷᱟᱨᱚᱜ ᱠᱟᱱᱟ᱾ Douyin PC ᱫᱚ ᱚᱲᱟᱜ, ᱨᱟᱹᱥᱠᱟᱹ ᱟᱨ ᱠᱟᱹᱢᱤ ᱮᱴᱟᱜ ᱚᱠᱛᱚ ᱨᱮ ᱢᱟᱨᱟᱝ ᱥᱠᱨᱤᱱ ᱨᱮ ᱧᱮᱞ ᱞᱟᱹᱜᱤᱫ ᱛᱮᱭᱟᱨ ᱟᱠᱟᱱᱟ᱾ ᱞᱮᱝᱜᱟ ᱥᱮᱫ ᱱᱮᱣᱤᱜᱮᱥᱚᱱ ᱨᱮ ᱥᱤᱫᱽ ᱪᱮᱱᱮᱞ ᱠᱚ ᱧᱟᱢᱚᱜᱼᱟ, ᱟᱨ ᱵᱟᱛᱟᱣᱟᱜ ᱥᱟᱦᱴᱟ ᱫᱚ ᱰᱤᱯᱷᱚᱞᱴ ᱞᱮᱠᱟᱛᱮ ᱡᱷᱤᱡᱽ ᱚᱜᱼᱟ᱾ ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱠᱚ ᱢᱟᱣᱥ ᱥᱠᱨᱚᱞ ᱛᱮ ᱵᱷᱤᱰᱤᱭᱚ ᱠᱚ ᱵᱚᱫᱚᱞ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ ᱟᱨ ᱥᱚᱨᱴᱠᱚᱴ ᱠᱤ ᱛᱮ ᱠᱚᱱᱴᱮᱱᱴ ᱠᱩᱥᱤ ᱟᱨ ᱵᱩᱠᱢᱟᱨᱠ ᱠᱚ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ᱾ ᱵᱷᱤᱰᱤᱭᱚ ᱧᱮᱞ ᱚᱠᱛᱚ ᱨᱮ ᱠᱤᱨᱤᱧ ᱟᱨ ᱞᱟᱤᱵᱽ ᱵᱨᱚᱰᱠᱟᱥᱴ ᱚᱠᱛᱚ ᱨᱮ ᱥᱤᱨᱯᱷᱟᱹ ᱮᱢ ᱦᱚᱸ ᱥᱟᱯᱚᱨᱴ ᱢᱮᱱᱟᱜᱼᱟ᱾ ᱮᱰᱟᱯᱴᱤᱵᱽ ᱞᱮᱭᱟᱣᱴ ᱫᱚ MacOS ᱟᱨ Windows ᱥᱠᱨᱤᱱ ᱢᱟᱯ ᱞᱟᱹᱜᱤᱫ ᱴᱷᱤᱠ ᱜᱮᱭᱟ᱾

ᱢᱟᱱᱟᱱ

A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱵᱟᱵᱚᱛ ᱛᱮ

Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ A' Design Award ᱨᱩᱯᱟ ᱯᱩᱨᱚᱥᱠᱟᱨ ᱧᱟᱢ ᱟᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱥᱩᱱᱫᱚᱨ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱰᱤᱡᱟᱭᱤᱱ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱮᱢ ᱟᱠᱟᱱ ᱥᱚᱢᱟᱱ ᱠᱟᱱᱟ᱾ ᱱᱚᱶᱟ ᱠᱚ ᱫᱚ ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱠᱚ ᱨᱮᱭᱟᱜ ᱵᱷᱟᱵᱱᱟ ᱟᱨ ᱵᱷᱟᱞᱟᱭ ᱠᱟᱢᱤ ᱡᱷᱟᱞᱠᱟᱣ ᱠᱚ᱾ Douyin ᱰᱮᱥᱠᱴᱚᱯ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱫᱚ ᱠᱚᱞᱟ, ᱣᱤᱜᱭᱟᱱ, ᱰᱤᱡᱟᱭᱤᱱ ᱟᱨ ᱴᱮᱠᱱᱚᱞᱚᱡᱤ ᱨᱮᱭᱟᱜ ᱥᱤᱢᱟ ᱵᱟᱲᱦᱟᱣ ᱟᱨ ᱫᱩᱱᱤᱭᱟ ᱵᱷᱟᱞᱟᱭ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱲᱚ ᱮᱢ ᱠᱟᱱᱟ᱾

ᱰᱤᱡᱟᱭᱤᱱ ᱯᱤᱪᱷᱟ ᱨᱮ

ᱯᱨᱮᱥ ᱠᱤᱴ

ᱰᱤᱡᱟᱭᱤᱱᱟᱨ ᱧᱮᱞ ᱠᱷᱚᱱ ᱠᱨᱮᱰᱤᱴ, ᱴᱤᱢ ᱥᱫᱚᱥᱭ ᱟᱨ ᱴᱮᱠᱱᱤᱠᱮᱞ ᱵᱤᱵᱚᱨᱚᱬ ᱮᱢ ᱟᱠᱟᱱᱟ᱾

ᱟᱞᱜᱟ ᱜᱩᱱ ᱠᱚ: Douyin PC includes web and desktop application. In order to meet the needs of computer users for large screen consumption in scenarios such as home&leisure and off duty. We provide recommended channels, live broadcast, shopping, private message interactive experience and so on. We hope that in the computer scene, Douyin PC will be the first choice when our users discover and consume content. The content will be rich and diverse, the product will be able to meet diversified needs.
ᱢᱟᱯ ᱟᱨ ᱯᱮᱠᱮᱡᱤᱝ: The application is designed for all MacOS and Windows desktop sizes,and adopts an adaptive design.
ᱴᱮᱜ ᱠᱚ: Desktop Application, User Experience, Interaction Design, User Interface, Responsive Design, Content Consumption
ᱛᱮᱭᱟᱨ ᱛᱮᱠᱱᱚᱞᱚᱡᱤ: In the user research phase, we use qualitative and quantitative tools such as user interviews, competitive product analysis, and data analysis to mine and analyze user needs. In the design phase, we use Figma, Adobe After Effect, and Principle to design this desktop application and user interface,and build a unique design system. In the product launch stage, we continuously analyze and verify through AB test, carry out product iteration through data feedback, and bring users the ultimate content consumption experience through accurate recommendation algorithms.
ᱰᱤᱡᱟᱭᱱ ᱪᱮᱞᱮᱧ: In the process of product development, implementation or research, we mainly face two challenges: due to the large and growing user group, we need to respond to changing and diverse user needs and constantly iterate product functions. At product design level, designers need to constantly explore how to provide users with a better and more differentiated consumption experience in the PC scenario.
ᱜᱚᱵᱮᱥᱚᱱᱟ: User research: We collect user needs for content consumption and product satisfaction through user interviews, NPS satisfaction surveys, survey questionnaires, focus groups, etc., to find directions for exploration;
Human-computer interaction: through research on PC equipment characteristics, system capabilities and user habits to ensure product ease of use;
Other research: testing, AB test, data analysis.
ᱯᱨᱮᱨᱚᱱᱟ: IIn the design of Douyin desktop application, having a sense of Douyin brand and PC-end products are two crucial keywords. The breakthrough of product construction is to provide an experience design that not only has the DNA of the Douyin brand but also conforms to the characteristics of PC equipment, which makes Douyin PC a more unique existence than other products.
ᱯᱨᱚᱡᱮᱠᱴ ᱥᱚᱢᱚᱭ: The project was launched in China in June 2021, with the Douyin web version launched.The Windows application was launched in January 2022, and the Mac application was launched in June 2022. This is an ongoing process with updates depending on new needs.
ᱠᱟᱹᱢᱤ ᱦᱚᱨ: The left navigation provides more vertical channels, and the recommended page is opened by default.Users can scroll the mouse to switch videos, use shortcut keys to like and bookmark, and can also shop while watching videos. It is also very convenient to give gifts while watching live broadcasts.
ᱴᱤᱢ ᱥᱮᱫᱟᱭ ᱠᱚ: Sainan Guan
Di Chen
Wen Nie
Zetao Guo
Siyuan Ren
ᱪᱤᱛᱟᱹᱨ ᱥᱟᱹᱦᱟ: Pictures and videos are from the free resource website： http://pixabay.com/zh/