Skip to content
Douyin デスクトップアプリケーション by Douyin Experience Design Center

Douyin デスクトップアプリケーション by Douyin Experience Design Center is a highly esteemed winner of the very prestigious 2023 A' Design Award 銀賞 in インターフェース・インタラクション・UXデザイン Competition Category.


銀インターフェース· 2023

Douyin デスクトップアプリケーション

by Douyin Experience Design Center

Client: Douyin Group

A' Design Award 銀賞 Winner in インターフェース Category

Colors

The Design

About Douyin デスクトップアプリケーション

Douyin PCは、パーソナルコンピュータ上で動画コンテンツを視聴するためのデスクトップアプリケーションおよびウェブインターフェースです。Douyin PCは、家庭、余暇、仕事外の場面における大画面での視聴を想定して設計されています。左側のナビゲーションは縦型のチャンネル一覧を提供し、初期状態ではおすすめページが開きます。ユーザーはマウスのスクロールで動画を切り替えられ、ショートカットキーでコンテンツへのいいねやブックマークが可能です。動画再生中のショッピングや、ライブ配信中のギフト送信にも対応しています。アダプティブレイアウトにより、MacOSおよびWindowsの画面サイズに最適化されます。

The Recognition

About the A' Design Award 銀賞

Douyin デスクトップアプリケーションは、見事で印象的なハイエンドのデザインに授与される、非常に権威ある評価である A' Design Award 銀賞の受賞作品です。銀賞の受賞作品は、きわめて輝かしく創造性に富んだ作品であり、デザイナーの傑出した専門知識、才能、洞察力を示しています。Douyin デスクトップアプリケーションは、素晴らしい代表作であり、驚くほどプロフェッショナルで、深く革新的であることが期待されます。この A' Design Award 銀賞を受賞したデザインは、非常に注目すべき称賛される発明であり、芸術・科学・デザイン・技術の境界に寄与し、それを前進させます。Douyin デスクトップアプリケーションは、多くの人に羨まれる創造物であり、欲求を呼び覚まし、前向きな感情をもたらし、驚きと感嘆を灯します。

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