Partilhar via


Visão geral de widgets

Os widgets do Windows são pequenos contêineres de interface do usuário que exibem texto e elementos gráficos associados a um aplicativo instalado no dispositivo. Os widgets instalados são exibidos em uma grade no Painel de Widgets: um painel de submenu que se sobrepõe na área de trabalho do Windows quando o usuário clica no ícone Widgets na barra de tarefas, usa o atalho Windows+W ou desliza da borda esquerda para a direita 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 permitir acesso fácil às informações mais necessárias ou às funcionalidades mais usadas que as pessoas podem ler/disparar imediatamente. 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 os widgets do Windows. Na versão atual, o único host de widgets é o Painel de Widgets integrado ao Windows 11.
Painel de Widgets O Painel de Widgets é um componente do sistema do Windows 11 que é exibido na área de trabalho quando o usuário clica no ícone Widgets na barra de tarefas, usa o atalho Windows+W ou desliza da borda esquerda para a direita 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 do Windows que oferece o 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 de Cartões Adaptáveis. O Designer de Cartões Adaptáveis fornece um editor em tempo real para criar cartões adaptáveis, bem como modelos para os tamanhos e temas de widget com suporte. É importante que o design do widget siga os princípios de design de Widget do Windows para que o Painel de Widgets proporcione uma experiência consistente e familiar em 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 do Windows, considere os seguintes princípios ao projetar e desenvolver widgets:

Visão geral

Os usuários podem dar uma olhada rápida para aproveitar o widget ao máximo. Eles só precisarão clicar nele se quiserem mais detalhes ou interações mais profundas.

Confiável

Mostrar as informações mais usadas para economizar tempo dos usuários sem a repetição dessas etapas. Proporcionar uma interação mais consistente com o aplicativo.

Útil

Eleve as informações mais úteis e relevantes.

Pessoal

Fornecer conteúdo personalizado e criar uma conexão emocional com os clientes. Os widgets nunca devem conter anúncios. Os clientes estão no controle do conteúdo e do layout de widget.

Focalizado

Cada widget deve se concentrar em uma tarefa ou um cenário principal. O objetivo dos widgets não é substituir aplicativos e sites.

Atualizado

O conteúdo deve ser atualizado dinamicamente com base no contexto disponível. Ele deve estar atualizado e fornecer o conteúdo certo no momento 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 precisam implementar um provedor de widget que implemente a funcionalidade de back-end de enviar o layout e os dados a serem exibidos no painel de widgets. 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 interface do usuário do widget

Conceitos básicos de design de widgets

Design de interação de widget

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