Panoramica dei widget

Windows Widget sono contenitori di interfaccia utente di piccole dimensioni che visualizzano testo e grafica, associati a un'app installata nel dispositivo. I widget installati vengono visualizzati in una griglia nel pannello Widget: un pannello a comparsa che sovrappone il desktop di Windows quando l'utente fa clic sull'icona Widget sulla barra delle applicazioni, usa la scorciatoia Windows+W o scorre dal bordo sinistro dello schermo. I widget consentono agli utenti di tenere sempre sotto controllo gli elementi importanti per loro aggregando contenuto personalizzato e azioni rapide dalle app usate. Sono facilmente fruibili e immediatamente applicabili. I widget non sono concepiti per sostituire app e siti Web, ma piuttosto per fornire accesso senza problemi alle informazioni più necessarie o alle funzionalità usate spesso che gli utenti possono leggere/attivare subito. Quando si progetta il widget, prendere in considerazione il tipo di valore che porterà ai consumatori. 

Terminologia dei widget

Termine	Definizione
Host di widget	Applicazione che visualizza e gestisce Windows widget. La Bacheca dei widget incorporata in Windows 11 è un host di widget.
Scheda dei Widget	La scheda Widget è un componente di sistema Windows 11 visualizzato sul desktop quando l'utente fa clic sull'icona Widget sulla barra delle applicazioni, usa il collegamento Windows+W o scorre rapidamente dal bordo sinistro dello schermo. La scheda Widget visualizza i widget e ne gestisce il layout sulla scheda.
Widget	Contenitore di interfaccia utente di piccole dimensioni che presenta contenuto o azioni da un'app. È possibile definirne il contenuto con una Adaptive Card o visualizzare HTML da un URL con un provider di widget Web. I widget forniscono informazioni e azioni a colpo d'occhio, con collegamenti all'app per attività più dettagliate.
Provider di widget	Un provider di widget è un'app Windows che fornisce contenuto da visualizzare nel widget. Il provider di widget è proprietario del contenuto, del layout e degli elementi interattivi del widget.

Importante

I widget Web sono disponibili solo per gli utenti dell'Area economica europea (SEE). Controllare i requisiti del widget Web prima di selezionare contenuto HTML.

Indicazioni per la progettazione dei widget

Per un widget Adaptive Card, definire gli elementi visivi e interattivi in un modello JSON Schede adattive. Usare Schede adattive Designer per modificare la scheda, quindi convalidare le proprietà, le dimensioni, i temi e le azioni specifici dell'host Windows nella Bacheca dei widget. Le opzioni renderer e host del Designer non sostituiscono i test in Windows. Per un widget Web, progettare il contenuto HTML per le dimensioni, il tema e i requisiti di interazione del widget; Schede adattive Designer non modifica il codice HTML.

Entrambi gli approcci di rendering devono seguire i principi di progettazione del widget seguenti. Per la configurazione del contenuto Web, le richieste di risorse e la messaggistica, vedere Provider di widget Web.

Per una procedura dettagliata generale degli elementi visivi di un widget, vedere Stati del widget e componenti predefiniti dell'interfaccia utente.

Principi dei widget

Per creare fantastici widget Windows, considerare i principi seguenti durante la progettazione e lo sviluppo dei widget:

A colpo d'occhio

Un widget deve recapitare immediatamente il valore primario all'utente.

Concentrato e utile

Un widget deve servire uno scopo chiaro e principale.

Prevedibile e calmo

I comportamenti e i modelli di un widget consentono agli utenti di completare le attività in modo prevedibile.

Ancorato all'utente

Un widget deve riflettere le esigenze, le preferenze e le finalità dell'utente. Il contenuto deve essere basato sui propri dati o sugli interessi esplicitamente dichiarati dall'utente.

Tempestivo

Un widget deve esaminare le informazioni pertinenti al momento giusto e nel contesto corretto.

Pianificazione dell'esperienza del widget dell'app

1. In base alle informazioni ottenute sui clienti, identificare i contenuti più importanti o le azioni più utili a cui gli utenti vogliono accedere rapidamente senza aprire l'app o il sito Web. Considerare i principi enumerati nella sezione Principi dei widget e pensare a come possono essere applicati all'app.
2. L'app può supportare più widget singoli. Determinare il numero di widget separati che si vogliono supportare in modo che ogni widget sia incentrato su uno scopo specifico.
3. Determinare il contenuto da includere per ogni widget. Un singolo widget può supportare tre dimensioni diverse, ovvero piccolo, medio e grande. Per ogni widget, considerare il contenuto che offrirebbe il massimo valore agli utenti e alle esigenze aziendali. Per ogni dimensione da piccola a grande, lo scopo del widget deve rimanere lo stesso, ma la quantità di informazioni visualizzate dovrebbe espandersi con dimensioni maggiori. È consigliabile che i provider di widget implementino tutte le dimensioni dei widget per offrire agli utenti flessibilità durante la personalizzazione del layout del widget.
4. Considerare le interazioni utente che saranno supportate dal widget. Gli utenti possono fare clic sul titolo del widget o sulle destinazioni di clic definite nel widget. Queste interazioni possono attivare collegamenti diretti all'app o al sito Web che portano gli utenti direttamente agli elementi a cui sono interessati, in modo da non dover passare dalla radice dell'app. Prendere in considerazione i diversi modelli di spostamento offerti.
5. Scegliere l'implementazione del provider e il formato del contenuto. Un'app desktop Win32 in pacchetto può fornire contenuto di Adaptive Card o usare le API web-widget per visualizzare HTML. Un'app Web progressiva (PWA) usa le definizioni dei widget nel manifesto dell'app Web e gestisce gli eventi in un service worker. Vedere Provider di widget, provider di widget Web o Creare widget basati su PWA per il percorso di implementazione corrispondente.

In questa sezione

Stati e interfaccia utente dei widget

Nozioni fondamentali sulla progettazione dei widget

Progettazione dell'interazione con i widget

Creare un modello di widget con Schede adattive Designer

Integra con il selettore widget

Vedere anche

• Sviluppa i Widget di Windows