Visão geral dos widgets

Os Widgets do Windows são pequenos contentores de interface que mostram texto e gráficos, associados a uma aplicação instalada no dispositivo. Os widgets instalados são exibidos numa grelha no Quadro de Widgets: um plano de flyout que sobrepõe o ambiente de trabalho do Windows quando o utilizador clica no ícone Widgets na barra de tarefas, usa o atalho do Windows+W ou desliza a partir da borda esquerda do ecrã. Os widgets ajudam as pessoas a manterem-se a par do que é importante para elas, agregando conteúdos personalizados e ações rápidas das aplicações que utilizam. São rapidamente consumíveis e utilizáveis. Os widgets não se destinam a substituir aplicações e websites, mas sim a proporcionar acesso sem atritos à informação mais necessária ou às funcionalidades frequentemente usadas que as pessoas podem ler/ativar imediatamente. Ao desenhar o seu widget, considere o tipo de valor que ele trará aos seus consumidores. 

Terminologia de widgets

Vigência	Definição
Host de Widgets	Uma aplicação que exibe e gere widgets do Windows. O Quadro de Widgets incorporado no Windows 11 é um anfitrião de widgets.
Quadro de Widgets	O Quadro de Widgets é um componente do sistema do Windows 11 que é exibido sobre o ambiente de trabalho quando o utilizador clica no ícone Widgets na barra de tarefas, usa o atalho do Windows+W ou desliza a partir da borda esquerda do ecrã. O Quadro de Widgets mostra os widgets e gere a sua disposição no quadro.
Widget	Um pequeno contentor da IU que apresenta conteúdo ou ações de uma aplicação. Pode definir o seu conteúdo com um Adaptive Card ou mostrar HTML a partir de uma URL com um fornecedor de widgets web. Os widgets fornecem informações e ações de relance, com ligações para a sua aplicação para tarefas mais detalhadas.
Fornecedor de widgets	Um fornecedor de widgets é uma aplicação do Windows que fornece conteúdo para ser exibido no widget. O fornecedor do widget detém o conteúdo, o layout e os elementos interativos do widget.

Importante

Os widgets web estão disponíveis apenas para utilizadores no Espaço Económico Europeu (EEE). Verifique os requisitos do widget web antes de selecionar o conteúdo HTML.

Orientação para o design de widgets

Para um widget Adaptive Card, defina os elementos visuais e interativos num modelo Cartões Adaptativos JSON. Utilize o Cartões Adaptativos Designer para editar o cartão e depois valide as propriedades, tamanhos, temas e ações específicos do Windows no Widgets Board. As opções de renderizador e anfitrião do Designer não substituem testar no Windows. Para um widget web, desenhe o conteúdo HTML para o tamanho, tema e requisitos de interação do widget; o Cartões Adaptativos Designer não edita esse HTML.

Ambas as abordagens de renderização devem seguir os princípios de design de widgets abaixo. Para configuração de conteúdos web, pedidos de recursos e mensagens, consulte fornecedores de widgets web.

Para uma análise geral dos elementos visuais de um widget, veja Estados dos widgets e componentes integrados da interface.

Princípios dos widgets

Para criar excelentes Widgets para Windows, considere os seguintes princípios ao desenhar e desenvolver os seus widgets:

Fácil de visualizar

Um widget deve entregar imediatamente o seu valor principal ao utilizador.

Objetivo & Útil

Um widget deve servir um propósito claro e principal.

Previsível & Calmo

Os comportamentos e padrões de um widget ajudam os utilizadores a completar tarefas de forma previsível.

Ancorado ao utilizador

Um widget deve refletir as necessidades, preferências e intenções do utilizador. O conteúdo deve basear-se nos próprios dados do utilizador ou nos interesses explicitamente declarados.

Oportuno

Um widget deve apresentar informação relevante no momento certo e no contexto certo.

Planear a experiência dos widgets da sua aplicação

1. Com base na sua compreensão dos seus clientes, identifique o conteúdo mais importante ou as ações mais úteis a que os seus utilizadores gostariam de ter acesso rápido sem abrir a sua aplicação ou site. Considere os princípios enumerados na secção de princípios do Widget e pense em como podem aplicar-se à sua aplicação.
2. A sua aplicação pode suportar múltiplos widgets individuais. Determina o número de widgets separados que queres suportar para que cada widget se foque num propósito específico.
3. Determina o conteúdo que queres incluir para cada widget. Um único widget pode suportar três tamanhos diferentes; Pequeno, médio e grande. Para cada widget, pense em que conteúdo traria mais valor aos utilizadores e às necessidades do seu negócio. Para cada tamanho de pequeno a grande, o propósito do widget deve manter-se o mesmo, mas a quantidade de informação apresentada deve aumentar com tamanhos maiores. Recomendamos que os fornecedores de widgets implementem todos os tamanhos de widget para dar aos utilizadores flexibilidade ao personalizar o layout do widget.
4. Pensa nas interações dos utilizadores que o teu widget suporta. Os utilizadores podem clicar no título do widget ou em quaisquer alvos de clique que tenham definido no widget. Estas interações podem ativar atalhos de ligação profunda para a sua aplicação ou site, que levam os utilizadores diretamente ao que lhes interessa, para que não tenham de navegar desde a raiz da sua aplicação. Considere os diferentes modelos de navegação disponíveis.
5. Escolha a implementação do seu provedor e o formato do conteúdo. Uma aplicação de desktop Win32 empacotada pode fornecer conteúdo do Adaptive Card ou usar as APIs dos widgets web para mostrar HTML. Uma Progressive Web App (PWA) utiliza definições de widgets no seu manifesto de aplicação web e gere eventos num service worker. Consulte Fornecedores de widgets, fornecedores de widgets Web ou Construir widgets baseados em PWA para o caminho de implementação correspondente.

Nesta secção

Estados dos widgets e interface de utilizador

Fundamentos do design de widgets

Design de interação de widgets

Crie um modelo de widget com o Cartões Adaptativos Designer

Integra com o seletor de widgets

Consulte também

• Desenvolver Windows Widgets