Arquivo da categoria: Recursos

Tooltips

Palavras-chave: Tooltip; balão; texto; informação.

Descrição: Caixas balão que aparece mostrando informações textuais.

Funcionamento: Ao passar o mouse sobre o termo destacado, aparece a caixa balão com o texto.

Sugestão de uso: Sempre que tiver um termo usado no conteúdo que necessitar uma explicação complementar.

Restrições: Não utilizar textos muito grandes nem inserir links neste recurso. Continue lendo Tooltips

Slider

Palavras-chave: slide; texto; imagem.

Descrição: Simula um grande slide, no qual as telas são modificadas por clique nos botões localizados abaixo.

Funcionamento: O usuário pode navegar através das setas.

Sugestão de uso: Esse recurso é ideal para quando for necessário apresentar diversas imagens. Pode usar texto e imagem.

Restrições: Não usar slides demais.

Continue lendo Slider

Popup

Palavras-chave: popup; texto; abas; imagem.

Descrição: Janela popup contendo texto.

Funcionamento: Ao clicar no link clique aqui abre uma janela com o conteúdo. Nesta janela é comum encontrar mais informações sobre um conteúdo específico, imagens em seu tamanho original ou ainda vídeos.

Sugestão de uso: Criar um link clique aqui para o aluno acessar a popup com o conteúdo.

Restrições: Evitar texto maior do que uma página para não criar barra de rolamento.
Continue lendo Popup

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.
Continue lendo Listas Interativas

Gráfico Interativo

Palavras-chave: animação; interativo; gráfico; texto; imagem.

Descrição: Exibição de gráfico com suas partes clicáveis.

Funcionamento: Ao clicar em cada parte do gráfico é apresentado o conteúdo referente aquele tópico.

Sugestão de uso: Apresentar tópicos, textos e/ou figuras que necessitam de demonstração em etapas sequenciais.

Restrições: Apresentar a quantidade de texto pequena ou média.
Continue lendo Gráfico Interativo

Gráfico Animado

Palavras-chave: animação; tópicos; texto; imagem.

Descrição: Exibição de imagens e conteúdo de forma animada.

Funcionamento: Ao clicar no ícone e/ou imagem será apresentada a animação, em uma sequência pré-definida.

Sugestão de uso: Apresentar tópicos, textos e/ou figuras que necessitam de demonstração em etapas sequenciais. Seguem os modelos disponíveis.

Restrições: O roteiro deve conter toda a descrição de funcionamento da animação, bem como a sequencia de cada etapa e/ou processo. Outros modelos de imagens podem ser indicados.

Continue lendo Gráfico Animado

Destaque Manuscrito

Palavras-chave: destaque; fonte; escrita; manual; estática; texto.

Descrição: Fonte que simula escrita manual com a finalidade de substituir a caixa de reflexão/questionamento.

Funcionamento: Destacar textos dentro de um conteúdo específico.

Sugestão de uso: A escrita manual dá um caráter de informalidade/proximidade, então é recomendada para situações em que a informação não é densa nem de primeira importância.

Restrições: Ter bom senso em relação a quantidade de texto e também procurar padronizar o momento de uso em todo o roteiro.
Continue lendo Destaque Manuscrito

Caixa Slide Down

Palavras-chave: slide; texto; imagem.

Descrição: Tela de projeção com duas abas que saem do estado “retraídos” para o estado “esticados”.

Funcionamento: Ao clicar nas abas que ficam horizontalmente, ocorre o efeito que simula um projetor de slides. O recurso permite que uma “caixa” de conteúdo apareça após o clique.

Sugestão de uso: Permite visualizar duas informações lado a lado e compará-las.

Restrições: É preciso balancear a quantidade de texto, para que a altura das caixas das duas abas não fique uma menor do que a outra. Continue lendo Caixa Slide Down

Caixas Estáticas

Palavras-chave: caixa; destaque; estática; ícone; texto.

Descrição: Caixa estática responsivas.

Funcionamento: Apresenta o texto dentro de uma caixa estática.

Sugestão de uso: Destacar textos dentro de um conteúdo específico. A quantidade de texto é variável e os tipos utilizados são de acordo com a sua finalidade.

[caixa_destaque]

Para destacar conceitos ou aspectos do texto que merecem atenção.

[caixa_citacao]

Para destacar uma citação, conforme o próprio nome.

[caixa_estudo_caso]

[caixa_fim_slide]

Para fechamento e/ou apresentação do próximo assunto. Utilizado sempre no final do slide.

[caixa_estatica_objetivo]

[caixa_estatica_dica]

[caixa_estatica_importante]

[caixa_estatica_reflita]

[caixa_estatica_informacao]

[caixa_estatica_saibamais]

[caixa_estatica_exemplo]

 [caixa_estatica_atencao]

[caixa_estatica_videoaula]

Não usar link “clique aqui” dentro da caixa para indicar a videoaula no conteúdo. A videoaula é incorporada no corpo da página.

Áudios

Palavras-chave: áudio.

Descrição: Apresenta áudio de conteúdo.

Funcionamento: Clicar no ícone disponível.

Sugestão de uso: O uso de áudio é indicado para complementar um conteúdo ou para resolver problemas de acessibilidade. É mais um recurso que poderá melhorar o aprendizado do aluno. Sempre se propõe os áudios em acordo com a equipe pedagógica e gestor, devido ao custo e tempo de produção.

Restrições: Seguir o modelo de roteirização indicado para produção de áudio.
Continue lendo Áudios

Âncora

Palavras-chave: âncora; tópicos; slides; texto; imagem.

Descrição: Apresenta a imagem de uma lista vertical ou horizontal que visa sinalizar os tópicos do conteúdo que será exposto.

Funcionamento: A lista indica todos os tópicos abordados em um determinado conteúdo. Os tópicos são apresentados nos slides seguintes (ou no mesmo slide caso algum tópico tenha quantidade de texto desproporcional aos demais).

Sugestão de uso: Criar tópicos com descrição curta do conteúdo ou usar figuras representativas. Usar este recurso quando um determinado conteúdo é extenso e os seus tópicos precisam ser apresentados em slides diferentes. O uso da âncora ajudará a manter o vínculo entre os tópicos abordados.

Restrições: É preciso balancear o número de tópicos em relação ao conteúdo, para não usar este mesmo recurso para uma unidade inteira do curso.
Continue lendo Âncora

Accordion

Palavras-chave: lista; sanfona; texto; imagem.

Descrição: Lista distribuída verticalmente, com efeito accordion (em português, significa sanfona).

Funcionamento: Ao clicar em cada tópico da lista será apresentado seu respectivo conteúdo na caixa que se expande abaixo. Clicando em outro item, a área que estava aberta é fechada e a área do segundo item selecionado se expande.

Sugestão de uso: Apresentar texto pequeno ou médio na caixa de conteúdo e imagem. Caso seja aplicado em cursos no modelo Scroll, o texto pode ser maior.

Restrições: Caso o recurso seja aplicado nos cursos modelo Card, as descrições não devem ser tão longas para não exceder a altura máxima do layout.

 [accordion_01]

[accordion_02]