Freigeben über

Widgets Übersicht

Windows Widgets sind kleine UI-Container, die Text und Grafiken anzeigen, die einer auf dem Gerät installierten App zugeordnet sind. Installierte Widgets werden in einem Raster im Widgets-Board angezeigt: ein ausklappbares Fenster, das den Windows-Desktop überdeckt, wenn der Benutzer auf das Symbol Widgets in der Taskleiste klickt, die Verknüpfung Windows+W verwendet oder vom linken Bildschirmrand aus 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. In der aktuellen Version ist der einzige Widgets-Host das Widgets Board, das in Windows 11 integriert ist.
Widgets Board Das Widgets Board ist eine Systemkomponente von Windows 11, die über dem Desktop angezeigt wird, wenn der Benutzer auf das Symbol "Widgets" in der Taskleiste klickt, die Verknüpfung Windows+W verwendet, oder vom linken Bildschirmrand 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. Der Widgetanbieter besitzt den Inhalt, das Layout und interaktive Elemente des Widgets.

Leitfaden zum Widgetdesign

Die visuelle Oberfläche eines Widgets umfasst visuelle Elemente und Interaktionselemente, die mithilfe des Adaptive Karten JSON-Formats definiert sind. Der Adaptive Karten Designer bietet einen Echtzeit-Editor, zum Entwerfen adaptiver Karten sowie Vorlagen für die unterstützten Widgetgrößen und Themen. Es ist wichtig, dass das Design Ihres Widgets die Windows Widget-Designprinzipien einhält, um sicherzustellen, dass das Widgets Board eine konsistente 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

Um großartige Windows Widgets zu erstellen, berücksichtigen Sie beim Entwerfen und Entwickeln Ihrer Widgets die folgenden Prinzipien:

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

Surface häufig verwendete Informationen sofort verwendet, um Den Benutzern Zeit beim Wiederholen dieser Schritte zu sparen. 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.

Fokussiert

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

Frisch

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

Widget-Interaktionsdesign

Erstellen einer Widgetvorlage mit dem Adaptive Karten Designer

Siehe auch

  • Last updated on