Omówienie widżetów

Windows Widżety to małe kontenery interfejsu użytkownika, które wyświetlają tekst i grafikę, skojarzone z aplikacją zainstalowaną na urządzeniu. Zainstalowane widżety są wyświetlane w siatce na pulpicie widżetów: wysuwane okno nakładające się na pulpit Windows, gdy użytkownik kliknie ikonę Widżetów na pasku zadań, użyje skrótu Windows+W lub przesunie palcem z lewej krawędzi ekranu. Widżety pomagają użytkownikom pozostać na bieżąco z tym, co jest dla nich ważne, agregując spersonalizowaną zawartość i szybkie akcje z używanych aplikacji. Są one szybko przyswajalne i gotowe do wdrożenia. Widżety nie są przeznaczone do zastępowania aplikacji i witryn internetowych, ale raczej zapewniają bezproblemowy dostęp do najbardziej potrzebnych informacji lub często używanych funkcji, które użytkownicy mogą od razu odczytywać/wyzwalać. Podczas projektowania widżetu należy wziąć pod uwagę rodzaj wartości, która przyniesie użytkownikom. 

Terminologia dotycząca widżetów

Termin	Definicja
Host widżetów	Aplikacja, która wyświetla widżety Windows i zarządza nimi. Tablica widżetów wbudowana w Windows 11 jest hostem widżetów.
Tablica widżetów	Tablica widżetów jest składnikiem systemu Windows 11 wyświetlanym na pulpicie, gdy użytkownik kliknie ikonę Widżety na pasku zadań, używa skrótu Windows+W lub przesuwa palcem z lewej krawędzi ekranu. Tablica widżetów wyświetla widżety i zarządza ich układem na tablicy.
Widżet	Mały kontener interfejsu użytkownika, który prezentuje zawartość lub akcje z aplikacji. Możesz zdefiniować jego zawartość za pomocą Adaptive Card lub wyświetlić kod HTML z adresu URL za pomocą providera widżetu sieci Web. Widżety zapewniają błyskawiczne informacje i akcje wraz z linkami do aplikacji do wykonywania bardziej szczegółowych zadań.
Dostawca widżetu	Dostawca widżetu to aplikacja Windows, która udostępnia zawartość do wyświetlenia w widżecie. Dostawca widżetu jest właścicielem zawartości, układu i elementów interaktywnych widżetu.

Important

Widżety internetowe są dostępne tylko dla użytkowników europejskiego obszaru gospodarczego (EOG). Przed wybraniem zawartości HTML sprawdź wymagania dotyczące widżetu internetowego .

Wskazówki dotyczące projektowania widżetów

W przypadku widżetu Karta adaptacyjna zdefiniuj elementy wizualne i interaktywne w szablonie JSON Adaptive Cards. Użyj Adaptive Cards Designer do edytowania karty, a następnie zweryfikuj właściwości hosta specyficzne dla Windows, rozmiary, motywy i akcje na Widgets Board. Opcje renderowania i hosta projektanta nie zastępują testowania w systemie Windows. W przypadku widżetu internetowego zaprojektuj zawartość HTML pod kątem rozmiaru, motywu i wymagań dotyczących interakcji widżetu; Projektant Adaptive Cards nie edytuje tego kodu HTML.

Obie metody renderowania powinny być zgodne z poniższymi zasadami projektowania widżetów. Aby uzyskać informacje o konfiguracji zawartości internetowej, żądaniach zasobów i komunikatach, zobacz Dostawcy widżetów internetowych.

Ogólne wskazówki dotyczące elementów wizualnych widżetu można znaleźć w temacie Widget states and built-in UI components (Stany widżetu i wbudowane składniki interfejsu użytkownika).

Zasady widżetów

Aby utworzyć doskonałe widżety Windows, należy wziąć pod uwagę następujące zasady podczas projektowania i opracowywania widżetów:

Czytelny dla oka

Widżet powinien natychmiast dostarczyć użytkownikowi jego wartość podstawową.

Ukierunkowane i przydatne

Widżet powinien służyć jednemu jasnemu, podstawowemu celowi.

Przewidywalne i spokojne

Zachowania i wzorce działania widżetu pomagają użytkownikom wykonywać zadania w przewidywalny sposób.

Zakotwiczone do użytkownika

Widżet powinien odzwierciedlać potrzeby, preferencje i intencje użytkownika. Zawartość powinna być oparta na własnych danych użytkownika lub jawnie określonych zainteresowaniach.

Terminowy

Widżet powinien wyświetlać odpowiednie informacje we właściwym czasie i w odpowiednim kontekście.

Planowanie doświadczenia widżetu w aplikacji

1. Na podstawie zrozumienia klientów zidentyfikuj najważniejszą zawartość lub najbardziej przydatne działania, do których użytkownicy chcieliby mieć szybki dostęp bez otwierania aplikacji lub witryny internetowej. Rozważ zasady wyliczone w sekcji Zasady widżetu i zastanów się, jak można je zastosować do aplikacji.
2. Aplikacja może obsługiwać wiele pojedynczych widżetów. Określ liczbę oddzielnych widżetów, które chcesz obsługiwać, aby każdy widżet skupiał się na określonym celu.
3. Określ zawartość, którą chcesz uwzględnić dla każdego widżetu. Pojedynczy widżet może obsługiwać trzy różne rozmiary; mały, średni i duży. Dla każdego widżetu zastanów się, jaka zawartość przyniesie największą wartość użytkownikom i potrzebom biznesowym. Dla każdego rozmiaru z małych do dużych przeznaczenie widżetu powinno pozostać takie same, ale ilość wyświetlanych informacji powinna być rozszerzana o większe rozmiary. Zalecamy, aby dostawcy widżetów zaimplementowali wszystkie rozmiary widżetów, aby zapewnić użytkownikom elastyczność podczas dostosowywania układu widżetu.
4. Pomyśl o interakcjach użytkownika, które będą obsługiwane przez widżet. Użytkownicy mogą kliknąć tytuł widżetu lub dowolne elementy docelowe kliknięć zdefiniowane w widżecie. Te interakcje mogą aktywować skróty linków głębokich do twojej aplikacji lub witryny internetowej, które bezpośrednio prowadzą użytkowników do tego, co ich interesuje, aby nie musieli nawigować z poziomu głównego katalogu aplikacji. Weź pod uwagę różne oferowane modele nawigacji.
5. Wybierz implementację dostawcy i format zawartości. Spakietowana aplikacja klasyczna Win32 może dostarczać zawartość karty adaptacyjnej lub używać interfejsów API widżetów internetowych do wyświetlania kodu HTML. Progresywna aplikacja internetowa (PWA) używa definicji widżetów w manifeście aplikacji internetowej i obsługuje zdarzenia w ramach Service Workera. Zobacz Dostawcy widżetów, dostawcy widżetów sieci Web lub Tworzenie widżetów opartych na PWA dla odpowiedniej ścieżki implementacji.

W tym dziale

Stany widżetów i interfejs użytkownika

Podstawy projektowania widżetów

Projekt interakcji widżetu

Tworzenie szablonu widżetu za pomocą projektanta Adaptive Cards

Integracja z selektorem widżetów

Zobacz także

• Opracowywanie widżetów Windows