Lista
Exemplo
Veja um exemplo de lista quando todos os campos obrigatórios e opcionais estiverem preenchidos.
![](https://developers.google.cn/static/assistant/conversation-design/images/listmappeddaisies.png?authuser=19&hl=pt)
Requisitos
No momento, esse componente visual é compatível com personalização.
Nome do campo | Obrigatório? | Restrições/personalizações |
---|---|---|
Título da lista | Não |
|
Texto principal | Sim |
|
Texto secundário
Também chamado de corpo ou texto formatado. |
Não |
|
Imagem do item | Não |
|
Number of items
- Máximo: 10
- Mínimo: 2
Consistência
Todos os itens em um carrossel precisam incluir os mesmos campos. Por exemplo, se um item incluir uma imagem, todos os itens no carrossel precisarão incluir imagens.
Interatividade
- Deslize: deslize o carrossel para revelar diferentes cards.
- Tocar: quando os usuários tocam em um item, o título do item é aceito como entrada do usuário, começando na próxima vez na caixa de diálogo.
- Voz/teclado: responder com o título do cartão é o mesmo que selecionar o item.
Orientação
As listas são usadas principalmente para navegação e seleção de títulos. Embora você possa ter de 2 a 30 itens de lista, recomendamos que você use entre 2 e 10.
Use listas para ajudar o usuário a selecionar um conteúdo que:
- pode ser procurada de maneira mais significativa por meio da verificação de títulos curtos ou descrições, como títulos de músicas, nomes de contatos, nomes de eventos, tópicos de sessões;
- o usuário pode ter que verificar e comparar ao navegar (por exemplo, preços de ações)
Use títulos únicos e adequados para conversas.
![](https://developers.google.cn/static/assistant/conversation-design/images/titles-list-do.png?authuser=19&hl=pt)
O que fazer:
O título de cada item deve ser o mais curto possível, mas diferente dos outros itens.
![](https://developers.google.cn/static/assistant/conversation-design/images/titles-list-dont.png?authuser=19&hl=pt)
O que não fazer:
Não repita palavras ou frases entre títulos, por exemplo, "42 e sua relação com...". Eles não ajudam a identificar o item de forma exclusiva, e o título é muito longo para caber na tela.
Inclua descrições concisas apenas incluindo informações úteis e relevantes.
![](https://developers.google.cn/static/assistant/conversation-design/images/descriptions-do.png?authuser=19&hl=pt)
O que fazer:
As descrições de itens da lista precisam conter apenas informações que os diferenciem e sejam relevantes no contexto da solicitação do usuário para a ação.
![](https://developers.google.cn/static/assistant/conversation-design/images/descriptions-dont.png?authuser=19&hl=pt)
O que não fazer:
Evite apresentar informações irrelevantes nas descrições de itens da lista. Isso elimina um espaço valioso das informações que o usuário realmente precisa escolher.
Se sua lista tiver apenas dois itens, considere se uma simples pergunta é suficiente para ajudar o usuário a tomar uma decisão.
![](https://developers.google.cn/static/assistant/conversation-design/images/shortlist-do.png?authuser=19&hl=pt)
O que fazer:
Se você estiver apresentando apenas duas opções, fazer a pergunta pode ser a melhor maneira de ajudar o usuário a tomar uma decisão.
![](https://developers.google.cn/static/assistant/conversation-design/images/shortlist-dont.png?authuser=19&hl=pt)
O que não fazer:
Nesse caso, não são necessários recursos visuais para apresentar as informações importantes. Os ícones vão ajudar o usuário a responder se precisar de sugestões.
Evite listas de 1 item.
![](https://developers.google.cn/static/assistant/conversation-design/images/lists-avoid-do.png?authuser=19&hl=pt)
O que fazer:
Em vez de uma lista de um item, apresente ao usuário mais informações sobre a opção "1" disponível.
![](https://developers.google.cn/static/assistant/conversation-design/images/lists-avoid-dont.png?authuser=19&hl=pt)
O que não fazer:
Não faça o usuário escolher quando houver apenas uma opção.