위젯 개요

Windows 위젯은 디바이스에 설치된 앱과 연결된 텍스트 및 그래픽을 표시하는 작은 UI 컨테이너입니다. 설치된 위젯은 위젯 보드의 그리드에 표시됩니다. 사용자가 작업 표시줄에서 위젯 아이콘을 클릭하거나, Windows+W 바로 가기를 사용하거나, 화면 왼쪽 가장자리에서 살짝 밀면 Windows 바탕 화면을 오버레이하는 플라이아웃 평면입니다. 위젯은 사용자가 사용하는 앱에서 개인 설정 콘텐츠와 바로 가기를 집계하여 사용자가 자신에게 중요한 정보를 파악할 수 있도록 도와줍니다. 빠르게 소모되며, 실행 가능합니다. 위젯은 앱과 웹 사이트를 바꾸기 위한 것이 아니라 사용자가 즉시 읽고 트리거할 수 있는 가장 필요한 정보나 자주 사용하는 기능에 원활하게 액세스할 수 있도록 합니다. 위젯을 설계할 때 소비자에게 제공할 가치를 고려하십시오. 

위젯 보드의 스크린샷. 보드는 상단에 시간이 표시되고 그 뒤에 검색 표시줄이 있는 둥근 사각형입니다. 보드의 나머지 부분은 각각 위젯을 나타내는 둥근 사각형의 그리드입니다. 개별 위젯은 주요 뉴스 기사, 현재 날씨, 현재 교통량 등을 보여 줍니다.

위젯 용어

용어	정의
위젯 호스트	Windows 위젯을 표시하고 관리하는 애플리케이션입니다. Windows 11에 기본 제공되는 위젯 보드는 위젯 호스트입니다.
위젯 보드	위젯 보드는 사용자가 작업 표시줄에서 위젯 아이콘을 클릭하거나, Windows+W 바로 가기를 사용하거나, 화면 왼쪽 가장자리에서 살짝 밀면 바탕 화면에 표시되는 Windows 11 시스템 구성 요소입니다. 위젯 보드는 위젯을 표시하고 보드에서 위젯의 레이아웃을 관리합니다.
위젯	앱의 콘텐츠 또는 작업을 표시하는 작은 UI 컨테이너입니다. 적응형 카드를 사용하여 콘텐츠를 정의하거나 웹 위젯 공급자를 사용하여 URL에서 HTML을 표시할 수 있습니다. 위젯은 앱에 대한 링크와 함께 한눈에 정보를 확인하고 작업을 수행할 수 있게 해 주며, 더 자세한 작업을 할 수 있습니다.
위젯 공급자	위젯 공급자는 위젯에 표시할 콘텐츠를 제공하는 Windows 앱입니다. 위젯 공급자에는 위젯의 콘텐츠, 레이아웃 및 대화형 요소가 있습니다.

Important

웹 위젯은 EEA(유럽 경제 영역)의 사용자만 사용할 수 있습니다. HTML 콘텐츠를 선택하기 전에 웹 위젯 요구 사항을 확인합니다 .

적응형 카드 위젯의 경우 적응형 카드 JSON 템플릿에서 시각적 및 대화형 요소를 정의합니다. 적응형 카드 Designer를 사용하여 카드를 편집한 다음 위젯 보드에서 Windows 특정 호스트 속성, 크기, 테마 및 작업의 유효성을 검사합니다. 디자이너의 렌더러 및 호스트 옵션은 Windows에서의 테스트를 대체할 수 없습니다. 웹 위젯의 경우 위젯의 크기, 테마 및 상호 작용 요구 사항에 대한 HTML 콘텐츠를 디자인하세요. 적응형 카드 디자이너는 해당 HTML을 편집하지 않습니다.

두 렌더링 방법 모두 아래 위젯 디자인 원칙을 따라야 합니다. 웹 콘텐츠 설정, 리소스 요청 및 메시징에 대해서는 웹 위젯 공급자를 참조하세요.

위젯의 시각적 요소에 대한 대략적인 설명은 위젯 상태 및 기본 제공 UI 구성 요소를 참조하세요.

훌륭한 Windows 위젯을 만들려면 위젯을 디자인하고 개발할 때 다음 원칙을 고려하세요.

한 눈에 볼 수 있음

위젯은 사용자에게 기본 값을 즉시 제공해야 합니다.

포커스가 있는 항목 및 유용한 항목

위젯은 하나의 명확한 기본 목적을 제공해야 합니다.

예측 가능 및 진정

위젯의 동작 및 패턴은 사용자가 예상대로 작업을 완료하는 데 도움이 됩니다.

사용자 고정

위젯은 사용자의 요구 사항, 기본 설정 및 의도를 반영해야 합니다. 콘텐츠는 사용자 고유의 데이터를 기반으로 하거나 명시적으로 명시된 관심사를 기반으로 해야 합니다.

시의적절

위젯은 적절한 시간 및 적절한 컨텍스트에서 관련 정보를 표시해야 합니다.

고객에 대한 이해를 바탕으로 사용자가 앱이나 웹 사이트를 열지 않고도 빠르게 액세스하려고 하는 가장 중요한 콘텐츠나 가장 유용한 작업을 식별합니다. 위젯 원칙 섹션에 열거된 원칙을 고려하고 이를 앱에 적용할 수 있는 방법에 대해 생각해 보세요.
앱은 여러 개별 위젯을 지원할 수 있습니다. 각 위젯이 특정 목적에 집중하도록 지원할 개별 위젯의 수를 결정하세요.
각 위젯에 포함할 콘텐츠를 결정합니다. 단일 위젯은 소형, 중형 및 대형 등 세 가지 다른 크기를 지원할 수 있습니다. 각 위젯에 대해 어떤 콘텐츠가 사용자와 비즈니스 요구에 가장 큰 가치를 가져다줄지 생각하세요. 작은 것부터 큰 것까지 각각의 크기에 대해 위젯의 목적은 동일해야 합니다. 하지만 표시되는 정보의 양은 크기가 커질수록 확장되어야 합니다. 위젯 공급자는 위젯 레이아웃을 사용자 지정할 때 사용자에게 유연성을 제공하기 위해 모든 위젯 크기를 조정하는 것이 좋습니다.
위젯이 지원할 사용자 상호 작용에 대해 생각해 보세요. 사용자는 위젯 제목이나 위젯에 정의한 모든 클릭 대상을 클릭할 수 있습니다. 이러한 상호 작용은 사용자가 앱의 루트에서 탐색할 필요가 없도록 사용자가 관심 있는 항목으로 직접 이동하는 앱 또는 웹 사이트에 대한 딥 링크 바로 가기를 활성화할 수 있습니다. 제공되는 다양한 탐색 모델을 고려합니다.
공급자 구현 및 콘텐츠 형식을 선택합니다. 패키지된 Win32 데스크톱 앱은 적응형 카드 콘텐츠를 제공하거나 웹 위젯 API를 사용하여 HTML을 표시할 수 있습니다. PWA(프로그레시브 웹앱)는 웹앱 매니페스트에서 위젯 정의를 사용하고 서비스 워커에서 이벤트를 처리합니다. 해당 구현 경로는 위젯 공급자, 웹 위젯 공급자 또는 PWA 기반 위젯 빌드를 참조하세요.