Listas Interativas

Palavras-chave: lista; interativa; texto; ícones; setas; numeração.

Descrição: Lista formada por tópicos, números ou ícones que exige interação do usuário (clique).

Funcionamento: Ao clicar no tópico, número ou ícone da lista, o texto é apresentado ao lado.

Sugestão de uso: Para apresentar uma sequência de passos ou etapas a serem seguidos(as) ou conteúdos relacionados a tópicos.

Restrições: Não utilizar esse recurso caso os itens tenham descrições muito longas. Como o usuário precisa clicar em cada item, esse recurso não é recomendado quando a lista for composta por muitos itens.

[lista_interativa_01]

Lista com palavras-chaves.

Visualização no celular:

[lista_interativa_02]

Lista formada por números.

Visualização no celular:

[lista_interativa_03]

Lista formada por setas.

Visualização no celular:

[lista_interativa_04]

Lista de ícones, permite título e quantidade de texto maior.

Visualização no celular:

[lista_interativa_05]

Lista formada por ícones, sem título no conteúdo.

Visualização no celular:

[lista_interativa_06]

Lista formada por ícones maiores, alinhados horizontalmente. Ao clicar, conteúdo aparece em popup.

Visualização no celular: