Configuração de widgets

Configure o widget para mostrar conteúdo ou dados selecionados do app.

Quando usar a configuração

Permita que o usuário configure o widget durante a seleção ou toque e pressione. Considere o quanto a personalização é importante para a experiência do widget ao decidir quando ele será disponibilizado.

  • Se o widget aparecer vazio sem escolher as configurações ou se a personalização estiver centralizada, abra diretamente o fluxo de trabalho de configuração durante o posicionamento do widget.
  • Se o widget tiver um padrão preferido ou não precisar que o usuário faça uma seleção antes de visualizar o conteúdo, ele não precisará de uma tela de configuração inicial. Nesses casos, permita que o usuário acesse a configuração após a inserção.

Usuários diretos

Sugerimos que você ofereça uma etapa de configuração para oferecer uma experiência personalizável e rápida para apps com várias categorias de conteúdo, como um app de e-mail.

Figura 2:permita que os usuários configurem o widget e escolham qual pasta será mostrada.

Quando usar a configuração

Permita que o usuário configure o widget entre a seleção e a exibição na tela inicial ou por toque e pressão. Considere o quanto a personalização é crucial para a experiência do widget ao decidir quando ele será disponibilizado.

  • Se o widget aparecer vazio sem escolher as configurações ou se a personalização estiver centralizada, abra diretamente o fluxo de trabalho de configuração durante o posicionamento do widget.
  • Se o widget tiver um padrão preferido ou não precisar que o usuário faça uma seleção antes de visualizar o conteúdo, ele não precisará de uma tela de configuração inicial. Nesses casos, permita que o usuário acesse a configuração após a inserção.

Usuários diretos

Oriente o usuário na configuração e forneça feedback claro. Se o app já tiver um fluxo de configuração, você poderá espelhar sua experiência de configuração no app, idealmente minimizada para uma ou duas telas.

Ofereça um caminho claro pelas opções que leva à adição de um widget.

Por exemplo, a tela de configuração do alarme à esquerda permite que o usuário selecione uma categoria de alarme e, em seguida, adicione o widget. Tocar na categoria fecha a etapa de configuração e adiciona o widget. Se a configuração não for concluída, não cancele a adição do widget. Forneça um estado para permitir a restauração ou configuração no widget.

levar os usuários a um beco sem saída ou tratar essa etapa como configurações no app;

Neste exemplo, não fica claro que fechar a visualização de configuração usando o ícone x adiciona o widget, apesar de escolher o conteúdo a ser exibido.

Inclua um estado vazio se não houver outra predefinição disponível. O estado vazio pode mostrar um lembrete de integração ou autenticação para direcionar os usuários.

Personalizar a aparência do widget

Forneça um widget padrão desejável sempre que possível para que os usuários possam começar a usar o app rapidamente sem personalização ou para ajudar os usuários a entender como o widget aparece na tela inicial.

Mostrar uma prévia do widget ao personalizar a aparência dele. Use a revelação progressiva para controles avançados para ajudar os usuários a personalizar rapidamente.

Layout

Siga as práticas recomendadas de conceitos básicos de layout ou aproveite os componentes do Material Design, como layouts de lista com chaves, caixas de seleção e botões de alternância, ao criar a tela de configuração.