Skip to content
Douyin Desktop-Applikatioun by Douyin Experience Design Center

Douyin Desktop-Applikatioun by Douyin Experience Design Center is a highly esteemed winner of the very prestigious 2023 A' Design Award an Sëlwer in Interface, Interaktioun a Benotzererfaarung Design Competition Category.


SëlwerInterface· 2023

Douyin Desktop-Applikatioun

by Douyin Experience Design Center

Client: Douyin Group

A' Design Award an Sëlwer Winner in Interface Category

Colors

The Design

About Douyin Desktop-Applikatioun

Douyin PC ass eng Desktop-Applikatioun an e Webinterface fir de Konsum vu Videoinhalter op perséinleche Computeren. Douyin PC ass fir d'Kucken op grousse Bildschiermer doheem, an der Fräizäit an ausserhalb vun der Aarbechtszäit entworf. Déi lénks Navigatioun bitt vertikal Kanäl, an déi recommandéiert Säit geet standardméisseg op. D'Benotzer kënnen d'Videoe mam Scrollen vun der Maus wiesselen a Kierzelen benotzen, fir Inhalter ze liken an ze markéieren. Akafen wärend der Videowiedergab a Kaddoe schenke wärend Livestreams ginn och ënnerstëtzt. Den adaptive Layout passt sech un d'Bildschiermgréisste vu MacOS a Windows un.

The Recognition

About the A' Design Award an Sëlwer

Douyin Desktop-Applikatioun ass e Gewënner vum A' Design Award an Sëlwer, enger aussergewéinlech prestigiéiser Unerkennung, déi un Designe vun der héchster Qualitéit, prächteg a beandrockend vergi gëtt. Sëlwer-Gewënner si bemierkenswäert brillant a ganz kreativ Wierker, déi d'erausragend Expertise, d'Talent an d'Schaarfsënnegkeet vun hire Designer weisen. Et gëtt erwaart, datt Douyin Desktop-Applikatioun e wonnerbart, mustergëlteg, bemierkenswäert professionellt an déif innovatiivt Wierk ass. Dëst mam Sëlwer ausgezeechent Design ass eng bemierkenswäert, bewonnert Erfindung, déi dozou bäidréit, d'Grenze vun der Konscht, der Wëssenschaft, vum Design an der Technologie ze erweideren. Douyin Desktop-Applikatioun ass eng Kreatioun, op déi vill neidesch sinn, déi Wënsch erweckt, positiv Gefiller bréngt an Erstaunen a Wonner erweckt.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties
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.
Dimensions & Packaging
The application is designed for all MacOS and Windows desktop sizes,and adopts an adaptive design.
Tags
Desktop Application, User Experience, Interaction Design, User Interface, Responsive Design, Content Consumption
Production Technology
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.
Design Challenge
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.
Research
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.
Inspiration
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.
Project Duration
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.
Operation Flow
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.
Team Members
Sainan Guan
Di Chen
Wen Nie
Zetao Guo
Siyuan Ren
Image Credits
Pictures and videos are from the free resource website: http://pixabay.com/zh/

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate