Partilhar via

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. 

Captura de ecrã do quadro de widgets. O tabuleiro é um retângulo arredondado com o tempo apresentado no topo, seguido de uma barra de pesquisa. O resto do tabuleiro é uma grelha de retângulos arredondados, cada um representando um widget. Os widgets individuais mostram as principais notícias, o tempo atual, o tráfego atual, etc.

Terminologia de widgets

Vigência Definição
Host de Widgets Uma aplicação que exibe e gere widgets do Windows. Na versão atual, o único host de Widgets é o Widgets Board integrado no Windows 11.
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 exibe widgets e gere a disposição destes no quadro.
Widget Um widget é um Cartão Adaptativo que apresenta conteúdos ou ações importantes de uma aplicação. Permite aos utilizadores aceder instantaneamente à informação desejada, sem necessidade de abrir a aplicação ou site associado. O conteúdo dos widgets é atualizado dinamicamente ao longo do dia para fornecer ao utilizador conteúdos atuais e interessantes que podem ser consumidos num instante. Os widgets fornecem funcionalidades interativas básicas que permitem ao utilizador lançar a aplicação associada para um envolvimento mais profundo. Os widgets não se destinam a substituir aplicações e websites.
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.

Orientação para o design de widgets

A experiência visual de um widget inclui elementos visuais e elementos de interação que são definidos usando o formato Cartões Adaptativos JSON. O Cartões Adaptativos Designer fornece um editor em tempo real para desenhar adaptive cards, bem como modelos para os tamanhos e temas dos widgets suportados. É importante que o design do seu widget cumpra os princípios de design do Windows Widget para ajudar a garantir que o Widgets Board proporcione uma experiência consistente e familiar para todos os widgets.

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

Os utilizadores podem espreitar rapidamente para tirar o máximo proveito do widget. Só precisam de clicar se quiserem detalhes mais ricos ou interações mais profundas.

Fiável

A Surface usava frequentemente informação instantaneamente para poupar tempo aos utilizadores na repetição desses passos. Incentive um reengajamento consistente na sua app.

Útil

Divulgue a informação mais útil e relevante.

Pessoal

Forneça conteúdos personalizados e crie uma ligação emocional com os clientes. Widgets nunca devem conter anúncios. Os clientes controlam o conteúdo e o layout dos seus widgets.

Focused

Cada widget deve geralmente focar-se numa tarefa ou cenário principal. Os widgets não têm como objetivo substituir as suas aplicações e websites.

Fresco

O conteúdo deve ser atualizado dinamicamente com base no contexto disponível. Está atualizado e fornece o conteúdo certo no momento 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. As aplicações devem implementar um fornecedor de widgets que implemente a funcionalidade de back-end para enviar o layout e os dados do seu widget para o quadro de widgets para serem exibidos. Atualmente, pode implementar um fornecedor de widgets usando uma aplicação de desktop Win32 integrada ou uma Progressive Web App (PWA). Para mais informações sobre a criação de um fornecedor de widgets Win32, consulte Fornecedores de serviços de widgets. Para informações sobre fornecedores de widgets PWA, veja Construir widgets orientados por PWA.

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

Consulte também

  • Last updated on