Google verwendet KI-Technologie, um Inhalte in Ihre bevorzugte Sprache zu übersetzen. KI-Übersetzungen können Fehler enthalten.

Widgetqualität

Widgets sind eine wichtige Komponente für die Personalisierung des Startbildschirms. Häufig können Nutzer eine Critical User Journey für eine App mit einem einzigen Tippen über Widgets erreichen oder eine kurze Zusammenfassung wichtiger Updates erhalten. Nutzer können Widgets auch an ihre individuellen Vorlieben anpassen.

Checklisten zur Widget-Kompatibilität

Die Qualität des Widgets wirkt sich auf die Nutzerinteraktion mit den Inhalten und Funktionen Ihrer App aus. In den Kompatibilitätschecklisten sind Kriterien definiert, anhand derer du die Qualität deines Widgets beurteilen kannst. Folgende Stufen sind verfügbar:

STUFE 3 – Geringe Qualität

Diese Widgets erfüllen nicht die Mindestqualitätsanforderungen und bieten eine schlechte Nutzererfahrung. Ein Widget gilt als minderwertig, wenn es die Standardkriterien für Layout, Farbe, Auffindbarkeit und Inhalt nicht erfüllt.

STUFE 2 – Standard

Diese Widgets sind hilfreich, nutzerfreundlich und bieten eine gute Nutzererfahrung.Damit ein Widget als Standard-Widget gilt, muss es alle folgenden Kriterien in Bezug auf Layout, Farbe, Auffindbarkeit und Inhalt erfüllen.

STUFE 1 – Differenziert

Diese Widgets bieten personalisierte Hero-Inhalte und helfen Nutzern, einzigartige und produktive Startbildschirme zu erstellen.

STUFE 3

Merkmale von Widgets mit geringer Qualität

Wenn dein Widget durch einen der folgenden Punkte beschrieben werden kann, gilt es als minderwertig:

Kategorie	ID	Beschreibung
Layout	WL-1	Wenn ein Nutzer das Widget auf der Hostoberfläche platziert, füllt das Widget nicht die Grenzen des Hostrasters aus.
Layout	WL-1.1	Das Widget berührt nicht mindestens zwei gegenüberliegende Kanten des Rasters. Widgets müssen also nicht alle rechteckig sein, sondern können benutzerdefinierte Formen haben, solange die Kanten der Form mindestens zwei Kanten des Rasters berühren.
Farbe	WC-3	Die Farbkontrastverhältnisse von Widget-Text und Symbolschaltflächen sind nicht ausreichend, um die Anforderungen an die Barrierefreiheit im Internet zu erfüllen.
Discovery	WD-4.2	Der Widget-Name ist nicht im Widget-Design enthalten.
Discovery	WD-4.3	Für das Widget ist kein Vorschaubild verfügbar.
Inhalt	WT-3	Die Inhalte des Widgets sind ständig veraltet oder nicht aktuell.
	WT-3.1	Das Widget wird nicht aktualisiert, nachdem der Nutzer eine Aktion über das Widget ausgeführt hat.
	WT-3.2	Das Widget wird nicht aktualisiert, nachdem der Nutzer eine zugehörige Aktion in der App ausgeführt hat.
	WT-4	Die Widget-Benutzeroberfläche funktioniert nicht oder Inhalte werden abgeschnitten.

STUFE 2

Anforderungen an Standard-Widgets

Widgets, die diese Mindestanforderungen erfüllen, gelten als Standard-Widgets, aber nicht als Showcase-Widgets, die präsentiert oder empfohlen werden.

Kategorie	ID	Beschreibung
Layout	WL-1	Das Widget wird an anderen Hostelementen auf der vertikalen oder horizontalen Achse ausgerichtet und belegt keinen zusätzlichen Platz.
	WL-1.2	Alle Formen sollten mindestens zwei gegenüberliegende Kanten des Rasters berühren.
	WL-4	Wenn die Größe eines Widgets angepasst werden kann, legen Sie eine Mindest- und eine Höchstgröße fest. Ordnen Sie das Layout neu an, damit mehr Inhalte angezeigt werden, wenn das Widget größer wird. Skaliere Text und Symbole nicht linear.
	WL-4.1	Wenn eine größere Widget-Größe nur zu mehr Leerraum führt, legen Sie eine maximale Breite oder Höhe fest. Wenn ein größeres Widget mehr Inhalte anzeigt, z. B. eine längere scrollbare Liste, sollte die Größe uneingeschränkt angepasst werden können.
	WL-4.2	Die Mindestgröße des Widgets muss groß genug sein, um einen klaren Anwendungsfall zu zeigen und die Anforderung für Berührungszielbereiche von 48 × 48 dp zu erfüllen. Das System kann Berührungszielbereiche für Computer- oder Autobildschirme skalieren.
Discovery	WD-4	Das Widget sollte in der Widget-Auswahl eine genaue Vorschau (statisches Asset) haben.
Inhalt	WT-1	Null- und leere Zustände müssen auf größere Widget-Grenzen skaliert werden, ohne dass dünnbesetzte Bereiche entstehen. Wenn ein Nutzer das Widget installiert, bevor er sich anmeldet, muss das Widget einen eindeutigen Anwendungsfall oder Call-to-Action enthalten.
Inhalt	WT-2	Das Widget ermöglicht es Nutzern, Inhalte manuell zu aktualisieren, wenn die Daten voraussichtlich häufiger aktualisiert werden als die Benutzeroberfläche.

Das sollten Sie tun

Berührungszielbereiche müssen mindestens 48 × 48 dp groß sein.

Das sollten Sie nicht tun

Berührungszielbereiche zu klein machen.

Das sollten Sie tun

Achten Sie auf ausreichenden Farbkontrast.

Das sollten Sie nicht tun

Farben mit unzureichendem Farbkontrast verwenden.

Abbildung 1: Erstelle kein Widget mit einer ungenauen Vorschau.

STUFE 1

Anforderungen an differenzierte Widgets

Diese Widgets unterstützen Premium-Anpassungen des Startbildschirms und werden Nutzern empfohlen und Entwicklern als Best Practice vorgestellt. Differenzierte Widgets bieten Hero-Erlebnisse und werden von Android genutzt, um das Ökosystem zu inspirieren und zu beleben. Sie erfüllen alle Kriterien für differenziertes Layout, Farbe, Auffindbarkeit und Inhalte.

Kategorie	ID	Beschreibung
Layout	WL-1	Das Widget wird an anderen Hostelementen auf der vertikalen oder horizontalen Achse ausgerichtet und belegt keinen zusätzlichen Platz.
	WL-1.1	Alle rechteckigen Widgets MÜSSEN alle vier Kanten der Rastergrenzen berühren. Alle Widgets mit benutzerdefinierter Form MÜSSEN alle vier Kanten der Begrenzungen eines quadratischen Rasters berühren. Wenn die Größe 4 × 1 beträgt und eine Suchleiste enthalten ist, darf sie nur zwei Ränder berühren.
	WL-2	Nutzer können die Größe des Widgets auf 2 × 1 und mindestens zwei der folgenden Größen anpassen: 1 × 1, 2 × 2, 4 × 2, 4 × 4.
	WL-3	Widget-Header wird verwendet und einheitlich angewendet. Wir empfehlen die Verwendung eines Headers, wenn: Das Widget enthält scrollbare Inhalte. Der Header-Inhalt bietet hilfreichen Kontext, z. B. den Namen einer Liste. In folgenden Fällen ist die Verwendung eines Headers optional: Das Widget ist randlos, z. B. ein Foto-Widget. Die Teilnehmerzahl ist begrenzt. Damit ist gemeint, dass der Headerinhalt redundant ist. Wenn Sie einen Header verwenden, achten Sie auf Folgendes: Symbol ist immer vorhanden Der Titel wird angezeigt, wenn genügend Platz vorhanden ist. Aktionen basieren auf dem Widget-Kontext.
	WL-5	Sammlungs- und Feed-Widgets unterstützen vertikal scrollbare Container. Bei größeren Formaten wie 4 × 2 und 4 × 4 werden mehr Elemente und mehr Details pro Element angezeigt.
Farbe	WC-1	Das Widget unterstützt Farbschemas basierend auf dem Geräte- oder App-Kontext.
Farbe	WC-2	Das Widget unterstützt Farbpaletten für das helle und das dunkle Design.
Discovery	WD-1	In der Vorschau werden die Layoutproportionen für den Zielfaktor angezeigt. Sie enthält Nutzerinhalte, ein Systemdesign oder beides.
	WD-4.4	Das Widget hat eine Beschreibung, die Nutzern hilft, den Wert des Widgets zu verstehen.
	WD-4.5	Der Widget-Name ist aussagekräftig und unterscheidet sich von den anderen Widgets der App.
Systemkohärenz	WS-2	Rechteckige Widgets müssen den vom System bereitgestellten Eckenradius verwenden (OEM-spezifisch).
	WS-3	Das Widget verwendet die Spezifikation für den Ladestatus und zeigt Fehler direkt auf der Widget-Benutzeroberfläche an.
	WS-4	Das Widget verwendet die Systemkonfiguration anstelle eines benutzerdefinierten Einstiegspunkts für die Widget-Einstellungen.
	WS-5	Das Widget verwendet den Systemstartübergang, wenn die App über das Widget geöffnet oder geschlossen wird.