Freigeben über


Widgets, Übersicht

Windows-Widgets sind kleine UI-Container, die Text und Grafiken einer auf dem Gerät installierten App anzeigen. Installierte Widgets werden in einem Raster auf dem Widgets Board angezeigt: eine Flyoutebene, die den Windows-Desktop überlagert, wenn der Benutzer auf das Widgets-Symbol auf der Taskleiste klickt, die Verknüpfung WINDOWS+W verwendet oder vom linken Rand des Bildschirms wischt. Widgets helfen den Benutzern, den Überblick über die für sie wichtigen Dinge zu behalten, indem sie personalisierte Inhalte und schnelle Aktionen aus den von verwendeten Apps zusammenfassen. Sie sind schnell verwendbar und handlungsrelevant. Widgets sollen keine Apps und Websites ersetzen, sondern den Benutzern vielmehr einen reibungslosen Zugriff auf meist benötigte Informationen oder häufig genutzte Funktionen bieten, die so sofort gelesen/ausgelöst werden können. Berücksichtigen Sie beim Design Ihres Widgets, welchen Wert sie ihren Verbrauchern bringt. 

Screenshot des Widgets Boards. Das Board besteht aus einem abgerundeten Rechteck, in dem oben die Uhrzeit angezeigt wird, gefolgt von einer Suchleiste. Der Rest des Boards besteht aus einem Raster von abgerundeten Rechtecken, die jeweils ein Widget darstellen. Die einzelnen Widgets zeigen die wichtigsten Nachrichten, das aktuelle Wetter, die aktuelle Verkehrslage usw.

Widgets-Terminologie

Begriff Definition
Widgets-Host Eine Anwendung, die Windows-Widgets anzeigt und verwaltet. Im aktuellen Release ist der einzige Widgets-Host das Widgets Board, das in Windows 11 integriert ist.
Widgets Board Das Widgets Board ist eine Windows 11-Systemkomponente, die über dem Desktop angezeigt wird, wenn der Benutzer auf das Widgets-Symbol auf der Taskleiste klickt, die WINDOWS+W-Verknüpfung verwendet oder vom linken Rand des Bildschirms wischt. Das Widgets Board zeigt Widgets an und verwaltet ihr Layout auf dem Board.
Widget Ein Widget ist eine adaptive Karte, die wichtige Inhalte oder Aktionen aus einer App darstellt. Es ermöglicht Benutzern, sofort auf gewünschte Informationen zuzugreifen, ohne die zugeordnete App oder Website zu starten. Widgetinhalte werden während des gesamten Tages dynamisch aktualisiert, um dem Benutzer aktuelle und interessante Inhalte bereitzustellen, die auf einen Blick genutzt werden können. Widgets bieten grundlegende interaktive Features, mit denen der Benutzer die zugeordnete App für eine tiefere Interaktion starten kann. Widgets sollen Apps und Websites nicht ersetzen.
Widgetanbieter Ein Widgetanbieter ist eine Windows-App, die Inhalte bereitstellt, die im Widget angezeigt werden sollen. Der Widgetanbieter besitzt den Inhalt, das Layout und interaktive Elemente des Widgets.

Leitfaden zum Widgetdesign

Die visuelle Oberfläche eines Widgets enthält visuelle Elemente und Interaktionselemente, die mithilfe des JSON-Formats für adaptive Karten definiert sind. Der Designer für adaptive Karten bietet einen Echtzeit-Editor zum Entwerfen adaptiver Karten sowie Vorlagen für die unterstützten Widgetgrößen und -designs. Es ist wichtig, dass das Design Ihres Widgets den Windows-Designprinzipien für Widgets entspricht, um sicherzustellen, dass das Widgets Board eine einheitliche und vertraute Erfahrung für alle Widgets bietet.

Eine allgemeine exemplarische Vorgehensweise zu den visuellen Elementen eines Widgets finden Sie unter Widgetzustände und integrierte UI-Komponenten.

Widget-Prinzipien

Wenn Sie großartige Windows-Widgets erstellen möchten, sollten Sie bei Design und Entwicklung Ihrer Widgets die folgenden Prinzipien berücksichtigen:

Auf einen Blick

Die Benutzer können einen kurzen Blick darauf werfen, um den größten Nutzen aus dem Widget zu ziehen. Sie brauchen nur darauf zu klicken, wenn sie ausführlichere Details oder tiefere Interaktionen wünschen.

Zuverlässig

Häufig genutzte Informationen wurden von Surface sofort angezeigt, damit die Benutzer diese Schritte nicht wiederholen müssen. Erhöhen Sie die konsistente erneute Nutzung Ihrer App.

Nützlich

Stellen Sie die nützlichsten und relevantesten Informationen heraus.

Persönlich

Stellen Sie personalisierte Inhalte bereit, und schaffen Sie eine emotionale Verbindung mit Kunden. Widgets sollten niemals Werbung enthalten. Die Kunden haben die Kontrolle über Inhalt und Layout ihres Widgets.

Focused

Jedes Widget sollte sich im Allgemeinen auf eine Hauptaufgabe oder ein Szenario konzentrieren. Widgets sollen Ihre Apps und Websites nicht ersetzen.

Aktuell

Der Inhalt sollte dynamisch auf der Grundlage des verfügbaren Kontexts aktualisiert werden. Widgets sind stets auf dem neuesten Stand und bieten die richtigen Inhalte zur richtigen Zeit.

Planen der Widget-Erfahrung Ihrer App

  1. Ermitteln Sie auf der Grundlage Ihres Verständnisses für Ihre Kunden die wichtigsten Inhalte oder nützlichsten Aktionen, auf die Ihre Benutzer gerne schnell zugreifen würden, ohne die App oder Website zu öffnen. Berücksichtigen Sie die im Abschnitt Widget-Prinzipien aufgeführten Prinzipien, und überlegen Sie, wie sie auf Ihre App angewendet werden können.
  2. Ihre App kann mehrere einzelne Widgets unterstützen. Bestimmen Sie die Anzahl der einzelnen Widgets, die Sie unterstützen möchten, damit jedes Widget auf einen bestimmten Zweck ausgerichtet ist.
  3. Bestimmen Sie den Inhalt, den Sie in jedes Widget aufnehmen möchten. Ein einzelnes Widget kann drei verschiedene Größen unterstützen: klein, mittel und groß. Überlegen Sie für jedes Widget, welche Inhalte den Benutzern den größten Nutzen bringen und Ihren geschäftlichen Anforderungen entsprechen. Für jede Größe von klein bis groß sollte der Zweck des Widgets derselbe bleiben, lediglich die Menge der angezeigten Informationen sollte bei größeren Formaten größer sein. Wir empfehlen Widgetanbietern, alle Widgetgrößen zu implementieren, um den Benutzern Flexibilität bei der Anpassung des Widgetlayouts zu bieten.
  4. Überlegen Sie, welche Benutzerinteraktionen Ihr Widget unterstützen soll. Benutzer können auf den Titel des Widgets oder auf beliebige Klickziele klicken, die Sie für das Widget definiert haben. Diese Interaktionen können Deep-Link-Verknüpfungen in Ihrer App oder Website aktivieren, über die Benutzer direkt zu dem gelangen, was sie interessiert, ohne vom Ursprung Ihrer App navigieren zu müssen. Berücksichtigen Sie die verschiedenen angebotenen Navigationsmodelle.
  5. Apps müssen einen Widgetanbieter implementieren, der die Back-End-Funktionalität implementiert, um das Layout und die Daten Ihres Widgets an das Widgets Board zu senden und dort anzuzeigen. Derzeit können Sie einen Widgetanbieter mithilfe eines Win32-Desktop-App-Pakets oder einer progressiven Web-App (PWA) implementieren. Weitere Informationen zum Erstellen eines Win32-Widgetanbieters finden Sie unter Widgetanbieter. Informationen zu PWA-Widgetanbietern finden Sie unter Erstellen von PWA-gesteuerten Widgets.

In diesem Abschnitt

Widgetzustände und UI-Komponenten

Grundlagen des Widgetdesigns

Widgetinteraktionsdesign

Erstellen einer Widgetvorlage mit dem Designer für adaptive Karten