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. 

Terminologia de widgets

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

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

Exiba instantaneamente informações usadas com frequência para economizar o tempo dos usuários, evitando que precisem repetir essas etapas. Estimule o reengajamento consistente com seu aplicativo.

Útil

Destacar 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.

Focado

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 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

• Develop Windows Widgets