Översikt över widgetar

Windows Widgetar är små UI-containrar som visar text och grafik som är associerade med en app som är installerad på enheten. Installerade widgetar visas i ett rutnät i Widgets Board: ett utfällbart plan som lägger över Windows skrivbordet när användaren klickar på widgetikonen i aktivitetsfältet, använder genvägen Windows+W eller sveper från skärmens vänstra kant. Widgetar hjälper människor att hålla koll på vad som är viktigt för dem genom att aggregera anpassat innehåll och snabba åtgärder från de appar de använder. De är snabbt förbrukningsbara och användbara. Widgetar är inte avsedda att ersätta appar och webbplatser, utan snarare ge friktionsfri åtkomst till den information som behövs eller funktioner som ofta används som människor kan läsa/utlösa direkt. När du utformar widgeten bör du tänka på vilken typ av värde den kommer att ge dina konsumenter. 

Terminologi för widgetar

Begrepp	Definition
Widget-värd	Ett program som visar och hanterar Windows widgetar. I den aktuella versionen är den enda Widgets-värden Widgets Board inbyggd i Windows 11.
Widget-bräda	Widgets Board är en Windows 11 systemkomponent som visas över skrivbordet när användaren klickar på widgetikonen i aktivitetsfältet, använder genvägen Windows+W eller sveper från skärmens vänstra kant. Widgets Board visar widgetar och hanterar deras layout på tavlan.
Widget	En widget är ett adaptivt kort som presenterar viktigt innehåll eller åtgärder från en app. Det gör att användarna kan komma åt önskad information omedelbart utan att behöva starta den associerade appen eller webbplatsen. Widgetinnehållet uppdateras dynamiskt under dagen för att ge användaren aktuellt och intressant innehåll som kan användas snabbt. Widgetar tillhandahåller grundläggande interaktiva funktioner som gör det möjligt för användaren att starta den associerade appen för djupare engagemang. Widgetar är inte avsedda att ersätta appar och webbplatser.
Widgetleverantör	En widgetprovider är en Windows app som tillhandahåller innehåll som ska visas i widgeten. Widgetprovidern äger innehållet, layouten och de interaktiva elementen i widgeten.

Vägledning för widgetdesign

Den visuella upplevelsen av en widget innehåller visuella element och interaktionselement som definieras med hjälp av Adaptive Cards JSON-format. Adaptive Cards Designer innehåller en realtidsredigerare för att utforma adaptive cards samt mallar för widgetstorlekar och teman som stöds. Det är viktigt att widgetens design följer designprinciperna för Windows Widget för att säkerställa att Widgets Board ger en konsekvent och välbekant upplevelse för alla widgetar.

En översikt över de visuella elementen i en widget finns i Widget-tillstånd och inbyggda gränssnittskomponenter.

Widget-principer

Om du vill skapa bra Windows widgetar bör du tänka på följande principer när du utformar och utvecklar dina widgetar:

Överblickbar

Användarna kan ta en snabb titt för att få ut mesta möjliga av widgeten. De behöver bara klicka på den om de vill ha mer detaljerad information eller djupare interaktioner.

Pålitlig

Surface information som används ofta direkt för att spara användarna tid genom att upprepa dessa steg. Främja konsekvent återengagemang i din app.

Användbara

Höj den mest användbara och relevanta informationen.

Personligt

Ge personligt innehåll och skapa en känslomässig kontakt med kunderna. Widgetar får aldrig innehålla annonser. Kunderna har kontroll över sitt widgetinnehåll och sin layout.

Focused

Varje widget bör i allmänhet fokusera på en huvuduppgift eller ett scenario. Widgetar är inte avsedda att ersätta dina appar och webbplatser.

Färska

Innehållet bör uppdateras dynamiskt baserat på tillgänglig kontext. Den är uppdaterad och ger rätt innehåll vid rätt tidpunkt.

Planera appens widgetupplevelse

1. Baserat på din förståelse för dina kunder kan du identifiera det viktigaste innehållet eller de mest användbara åtgärderna som användarna vill ha snabb åtkomst till utan att öppna din app eller webbplats. Överväg de principer som räknas upp i avsnittet Widget-principer och fundera på hur de kan tillämpas på din app.
2. Din app kan ha stöd för flera enskilda widgetar. Fastställa antalet separata widgetar som du vill stödja så att varje widget fokuserar på ett specifikt syfte.
3. Fastställ det innehåll som du vill inkludera för varje widget. En enda widget kan ha stöd för tre olika storlekar. små, medelstora och stora. För varje widget bör du tänka på vilket innehåll som skulle ge mest värde till användarna och dina affärsbehov. För varje storlek från liten till stor bör syftet med widgeten förbli densamma, men mängden information som visas bör utökas med större storlekar. Vi rekommenderar att widgetprovidrar implementerar alla widgetstorlekar för att ge användarna flexibilitet när de anpassar widgetlayouten.
4. Tänk på de användarinteraktioner som widgeten stöder. Användare kan klicka på widgetrubriken eller klicka på mål som du har definierat i widgeten. Dessa interaktioner kan aktivera djuplänksgenvägar till din app eller webbplats som tar användarna direkt till det de är intresserade av, så att de inte behöver navigera från appens rot. Överväg de olika navigeringsmodeller som erbjuds.
5. Appar måste implementera en widget-provider som implementerar backend-funktionalitet för att skicka widgetens layout och data till widgetpanelen för visning. För närvarande kan du implementera en widgetprovider med en paketerad Win32-skrivbordsapp eller en progressiv webbapp (PWA). Mer information om hur du skapar en Win32-widgetprovider finns i Widget-tjänstleverantörer. Information om PWA-widgetprovidrar finns i Skapa PWA-drivna widgetar.

I detta avsnitt

Widgettillstånd och användargränssnitt

Grunderna i widgetdesign

Design av widgetinteraktion

Skapa en widgetmall med Adaptive Cards Designer

Se även

• Develop Windows Widgets