Os widgets são um componente essencial para personalizar a tela inicial de um usuário. Muitas vezes, os usuários podem realizar uma jornada ideal do usuário em um app com um único toque usando widgets ou receber um resumo rápido de atualizações importantes. Os usuários também podem personalizar widgets para adaptá-los às preferências individuais.
Listas de verificação de compatibilidade de widgets
A qualidade do widget afeta o engajamento do usuário com o conteúdo e os recursos do app. As listas de verificação de compatibilidade definem critérios para ajudar a avaliar a qualidade do widget. Os níveis incluem:
NÍVEL 3: baixa qualidade
Esses widgets não atendem ao padrão mínimo de qualidade e oferecem uma experiência ruim para o usuário. Um widget é considerado de baixa qualidade se não estiver dentro dos padrões de layout, cor, descoberta e conteúdo.
NÍVEL 2: padrão
Esses widgets são úteis, fáceis de usar e oferecem uma experiência de qualidade.Para ser considerado padrão, o widget precisa atender a todos os critérios de layout, cor, descoberta e conteúdo a seguir.
NÍVEL 1: diferenciado
Esses são widgets exemplares que oferecem experiências personalizadas e ajudam os usuários a criar telas iniciais únicas e produtivas.
NÍVEL 3
Características de um widget de baixa qualidade
Se o widget puder ser descrito por qualquer uma das seguintes opções, ele será considerado de baixa qualidade:
| Categoria | ID | Descrição |
|---|---|---|
| Layout | WL-1 | Quando um usuário coloca o widget na superfície do host, ele não preenche os limites da grade do host. |
| WL-1.1 | O widget não toca em pelo menos duas bordas opostas da grade. Em outras palavras, os widgets não precisam ser todos retangulares. Eles podem ter formas personalizadas, desde que as bordas da forma toquem pelo menos duas bordas da grade. |
|
| Cor | WC-3 | Os botões de texto e ícone do widget não têm taxas de contraste de cores suficientes para atender aos requisitos de acessibilidade. |
| Discovery | WD-4.2 | O nome do widget não está incluído no design dele. |
| WD-4.3 | O widget não tem uma imagem de prévia. |
|
| Conteúdo | WT-3 | O conteúdo do widget está sempre desatualizado ou fora de hora. |
| WT-3.1 | O widget não é atualizado depois que o usuário conclui uma ação nele. |
|
| WT-3.2 | O widget não é atualizado depois que o usuário conclui uma ação relacionada no app. |
|
| WT-4 | A interface do widget não funciona ou o conteúdo está cortado. |
NÍVEL 2
Requisitos padrão do widget
Os widgets que atendem a esse padrão de qualidade são considerados padrão, mas não são considerados widgets de destaque que serão apresentados ou recomendados.
| Categoria | ID | Descrição |
|---|---|---|
| Layout | WL-1 | O widget se alinha com outros elementos do host no eixo vertical ou horizontal e não ocupa espaço extra. |
| WL-1.2 | Todas as formas precisam tocar pelo menos duas bordas opostas da grade. |
|
| WL-4 | Se um widget for redimensionável, defina um tamanho mínimo e máximo. Reorganize o layout para mostrar mais conteúdo à medida que o widget aumenta. Não dimensione textos e ícones de forma linear. |
|
| WL-4.1 | Se um tamanho maior de widget apenas adicionar espaço em branco, defina uma largura ou altura máxima. Quando um widget maior mostra mais conteúdo, como uma lista de rolagem mais alta, permita o redimensionamento irrestrito. |
|
| WL-4.2 | O tamanho mínimo do widget precisa ser grande o suficiente para mostrar um caso de uso claro e atender ao requisito de área de toque de 48 x 48 dp. O sistema pode dimensionar as áreas de toque para telas de computador ou de carro. |
|
| Discovery | WD-4 | O widget precisa ter prévias precisas no seletor de widgets (recurso estático). |
| Conteúdo | WT-1 | Os estados zero e vazio precisam ser dimensionados para limites de widget maiores sem áreas esparsas. Quando um usuário instala o widget antes de fazer login, o widget precisa mostrar um caso de uso diferente ou uma call-to-action. |
| WT-2 | O widget permite que os usuários atualizem o conteúdo manualmente se houver uma expectativa de que os dados sejam atualizados com mais frequência do que a IU. |
O que fazer
O que não fazer
O que fazer
O que não fazer
NÍVEL 1
Requisitos de widgets diferenciados
Esses widgets oferecem personalizações premium da tela inicial e serão recomendados aos usuários e apresentados aos desenvolvedores como prática recomendada. Os widgets diferenciados oferecem experiências de destaque e são usados pelo Android para inspirar e revigorar o ecossistema. Eles atendem a todos os critérios de layout, cor, descoberta e conteúdo diferenciados.
| Categoria | ID | Descrição |
|---|---|---|
| Layout | WL-1 | O widget se alinha com outros elementos do host no eixo vertical ou horizontal e não ocupa espaço extra. |
| WL-1.1 | Todos os widgets retangulares PRECISAM atingir as quatro bordas dos limites da grade. Todos os widgets com formato personalizado PRECISAM tocar as quatro bordas dos limites de uma grade quadrada. Se o tamanho for 4x1 e contiver uma barra de pesquisa, ele poderá atingir apenas duas bordas. |
|
| WL-2 | Os usuários podem redimensionar o widget para 2x1 e pelo menos dois destes tamanhos: 1x1, 2x2, 4x2, 4x4. |
|
| WL-3 | O cabeçalho do widget é usado e aplicado de forma consistente.
|
|
| WL-5 | Os widgets de coleção e feed são compatíveis com contêineres de rolagem vertical. Em tamanhos maiores, como 4x2 e 4x4, esses widgets mostram mais itens e mais detalhes por item. |
|
| Cor | WC-1 | O widget é compatível com temas de cores com base no contexto do dispositivo ou do app. |
| WC-2 | O widget é compatível com paletas de temas claros e escuros. |
|
| Discovery | WD-1 | A prévia mostra as proporções de layout para o formato de destino e inclui conteúdo do usuário, aplica um tema do sistema ou ambos. |
| WD-4.4 | O widget tem uma descrição que ajuda os usuários a entender o valor dele. |
|
| WD-4.5 | O nome do widget é descritivo e diferente dos outros widgets do app. |
|
| Coerência do sistema | WS-2 | Os widgets retangulares precisam usar o raio de canto fornecido pelo sistema (específico do OEM). |
| WS-3 | O widget usa a especificação de estado de carregamento e mostra erros diretamente na interface. |
|
| WS-4 | O widget usa a configuração do sistema em vez de um ponto de entrada personalizado para as configurações do widget. |
|
| WS-5 | O widget usa a transição de inicialização do sistema ao entrar/sair do app pelo widget. |
O que fazer
O que não fazer
O que fazer
O que não fazer
O que fazer
O que não fazer
O que fazer