Visão geral de widgets

Windows Widgets são pequenos contêineres de interface do usuário que exibem texto e gráficos, associados a um aplicativo instalado no dispositivo. Os widgets instalados são exibidos em uma grade no Painel de Widgets: um painel flutuante que sobrepõe à área de trabalho do Windows quando o usuário clica no ícone Widgets na barra de tarefas, usa o atalho Windows+W ou passa o dedo da borda esquerda da tela. Os widgets ajudam as pessoas a estarem sempre atualizadas com assuntos importante para elas agregando conteúdo personalizado e ações rápidas dos aplicativos que usam. Eles podem ser consumidos e acionados rapidamente. Os widgets não são destinados a substituir aplicativos e sites, mas sim fornecer acesso descomplicado às informações mais relevantes ou às funcionalidades mais usadas, que as pessoas podem acessar ou ativar instantaneamente. Ao criar um widget, considere o tipo de valor que ele oferecerá aos consumidores. 

Captura de tela do Painel de Widgets. O painel é um retângulo arredondado com o horário exibido na parte superior, seguido por uma barra de pesquisa. O restante do painel é uma grade de retângulos arredondados, cada um representando um widget. Os widgets individuais mostram as principais notícias, o clima atual, o tráfego atual e outras informações.

Terminologia de widgets

Termo Definição
Host de widgets Um aplicativo que exibe e gerencia widgets Windows. Na versão atual, o único host widgets é o Widgets Board integrado ao Windows 11.
Painel de Widgets O Widgets Board é um componente do sistema de Windows 11 exibido na área de trabalho quando o usuário clica no ícone widgets na barra de tarefas, usa o atalho Windows+W ou passa o dedo da borda esquerda da tela. O Painel de Widgets exibe os widgets e gerencia o layout deles no painel.
Widget Um widget é um cartão adaptável que apresenta o conteúdo ou as ações importantes de um aplicativo. Ele permite que os usuários acessem as informações desejadas instantaneamente sem precisar iniciar o aplicativo ou o site associado. O conteúdo do widget é atualizado dinamicamente ao longo do dia para fornecer ao usuário um conteúdo atual e interessante que pode ser consumido rapidamente. Os widgets oferecem recursos interativos básicos que permitem que o usuário inicie o aplicativo associado para obter uma interação mais profunda. O objetivo dos widgets não é substituir aplicativos e sites.
Provedor de widget Um provedor de widget é um aplicativo Windows que fornece conteúdo a ser exibido no widget. O provedor de widget tem o conteúdo, o layout e os elementos interativos do widget.

Diretrizes sobre design de widgets

A experiência visual de um widget inclui elementos visuais e elementos de interação definidos usando o formato JSON Cartões Adaptáveis. O Cartões Adaptáveis Designer fornece um editor em tempo real para criar adaptive cards, bem como modelos para os temas e tamanhos de widget compatíveis. É importante que o design do widget adere aos princípios de design do widget Windows para ajudar a garantir que o Widgets Board forneça uma experiência consistente e familiar para todos os widgets.

Para obter um passo a passo detalhado dos elementos visuais de um widget, confira Estados do widget e componentes internos da interface do usuário.

Princípios dos widgets

Para criar ótimos widgets Windows, considere os seguintes princípios à medida que você projeta e desenvolve seus widgets:

Visualizável

Um widget deve entregar imediatamente seu valor primário para o usuário.

Objetivo & Útil

Um widget deve servir a uma finalidade clara e primária.

Previsível e calmo

Os comportamentos e padrões de um widget ajudam os usuários a concluir tarefas previsivelmente.

Ancorado no usuário

Um widget deve refletir as necessidades, as preferências e as intenções do usuário. O conteúdo deve ser baseado nos próprios dados do usuário ou em interesses explicitamente declarados.

Em tempo

Um widget deve exibir informações relevantes no momento certo e no contexto certo.

Como planejar a experiência de widget do aplicativo

  1. Com base em sua compreensão sobre os clientes, identifique o conteúdo mais importante ou as ações mais úteis que os usuários podem acessar rapidamente sem abrir o aplicativo ou o site. Considere os princípios enumerados na seção Princípios do widget e pense em como eles podem se aplicar ao aplicativo.
  2. O aplicativo pode dar suporte a vários widgets individuais. Determine o número de widgets separados aos quais que você dará suporte para que cada widget se concentre em uma finalidade específica.
  3. Determine o conteúdo que você quer incluir para cada widget. Um só widget pode dar suporte a três tamanhos diferentes: pequeno, médio e grande. Para cada widget, pense em qual conteúdo traria mais valor para os usuários e as necessidades de negócios. Para cada tamanho, de pequeno para grande, a finalidade do widget deve permanecer a mesma, mas a quantidade de informações exibidas deve se expandir com tamanhos maiores. Recomendamos que os provedores de widget implementem todos os tamanhos de widget para dar aos usuários a flexibilidade de personalizar o layout do widget.
  4. Pense nas interações do usuário que o widget oferecerá. Os usuários podem clicar no título do widget ou em qualquer destino de clique definido no widget. Essas interações podem ativar atalhos de link profundo no aplicativo ou no site que levam os usuários diretamente ao conteúdo de interesse, para que não precisem navegar desde a raiz do aplicativo. Considere os diferentes modelos de navegação oferecidos.
  5. Os aplicativos devem implementar um fornecedor de widget que forneça a funcionalidade de back-end para enviar o layout e os dados do seu widget ao quadro de widgets para serem exibidos. No momento, você pode implementar um provedor de widget usando um aplicativo da área de trabalho do Win32 empacotado ou um PWA (Aplicativo Web Progressivo). Para obter mais informações sobre como criar um provedor de widget Win32, confira Provedores de serviços de widget. Para obter informações sobre provedores de widget do PWA, confira Criar widgets controlados por PWA.

Nesta seção

Estados e UI do widget

Conceitos básicos de design de widgets

Design de interação de widget

Criar um modelo de widget com o designer Cartões Adaptáveis

Consulte também

  • Last updated on