Áreas interativas servem como marcadores invisíveis em imagens de 360°. Eles são ótimos para testar a capacidade dos alunos de explorar o conteúdo por conta própria.

• Adicionando Áreas interativas
• Áreas interativas de formatação
• Entendendo como as Áreas interativas se comportam
• Rótulos de formatação
• Alterando as fontes dos rótulos
• Adicionando áudio às etiquetas
• Adicionar fotos e vídeos aos rótulos
• Adicionando dicas de pontos de acesso
• Dicas de formatação de pontos de acesso
• Alterando as fontes do Hotspot Hint
• Adicionando dicas de ferramentas
• Dicas de ferramentas de formatação
• Adicionando botões aos rótulos
• Tornando os botões interativos
• Botões de formatação
• Entendendo os estados dos botões
• Modificando e reposicionando Áreas interativas
• Renomeando Áreas interativas
• Excluindo Áreas interativas

Adicionando Áreas interativas

No editor de imagens 360°, você pode adicionar um ou mais pontos ativos à sua interação. Clique em Ponto de acesso na faixa de opções ou clique com o botão direito na imagem e escolha Inserir ponto de acesso. Você tem duas opções para criar formas de área interativa:

• Faça um retângulo clicando e arrastando o mouse na imagem ao mesmo tempo.
• Desenhe uma forma personalizada clicando na imagem onde cada ponto de controle deve estar.

Você pode arrastar os pontos de controle de qualquer forma para alterar sua forma. Você pode excluir um ponto de controle clicando nele e pressionando a tecla Delete.

Áreas interativas de formatação

Altere a cor e os efeitos de todos os pontos ativos.

A cor padrão para pontos de acesso vem do Controle 1 das cores do seu tema. Para alterá-la, vá até a guia Interação e clique na seta suspensa Áreas interativas para escolher uma cor. (Isso atualiza a cor de todos os pontos ativos.)

Na mesma lista, você pode decidir se deseja revelar ou ocultar pontos ativos quando os alunos clicarem neles e ativar ou desativar a animação pulsante para pontos ativos não visitados.

Entendendo como as Áreas interativas se comportam

Áreas interativas geralmente são invisíveis, por design, então eles se comportam de maneira diferente dos marcadores interativos. E seu comportamento é afetado por efeitos opcionais — Revelar pontos de acesso e pulsar pontos de acesso se não forem visitados — conforme descrito abaixo.

O Reveal e o Pulse estão habilitados

• Pontos de acesso não visitados exibem um quadrado pulsante transparente.
• Passar o mouse sobre um quadrado pulsante ou área de ponto ativo exibe toda a forma do ponto ativo e transforma o cursor em uma mão ao mesmo tempo.
• Clicar em uma área interativa engrossa sua borda.
• Os pontos de acesso visitados ficam com uma cor mais escura.
• Clicar fora de uma área interativa faz com que todos os pontos de acesso pisquem brevemente. (Os pontos de acesso não visitados são exibidos na cor de sua escolha. Os pontos de acesso visitados são mais escuros.)

O Reveal está ativado e o Pulse está desativado

• Nenhuma indicação visual inicial é exibida para pontos de acesso visitados ou não visitados.
• Passar o mouse sobre uma área de ponto de acesso exibe toda a forma do ponto de acesso.
• Clicar em uma área interativa engrossa sua borda.
• Os pontos de acesso visitados ficam com uma cor mais escura.
• Clicar fora de uma área interativa faz com que todos os pontos de acesso pisquem brevemente. (Os pontos de acesso não visitados são exibidos na cor de sua escolha. Os pontos de acesso visitados são mais escuros.)

O Reveal e o Pulse estão ambos desativados

• Nenhuma indicação visual inicial é exibida para pontos de acesso visitados ou não visitados.
• Passar o mouse sobre uma área interativa transforma o cursor em uma mão.
• Clicar em qualquer área da área interativa exibe toda a sua forma e engrossa sua borda.
• Os pontos de acesso visitados ficam com uma cor mais escura.
• Clicar fora de uma área interativa faz com que os pontos ativos visitados pisquem brevemente. (Pontos de acesso não visitados não aparecem. Os pontos de acesso visitados são mais escuros.)

Rótulos de formatação

Altere o tema e o estilo de todos os rótulos em sua interação de uma só vez.

Para alterar o tema dos seus rótulos, acesse a guia Interação e clique na seta suspensa Tema para selecionar um tema claro ou escuro.

Na mesma guia, você pode personalizar o estilo dos rótulos. Basta clicar na seta suspensa Cantos para escolher um estilo de canto quadrado ou arredondado e se você preferir ocultar ou mostrar o conector.

Alterando as fontes dos rótulos

As fontes usadas para o título e a descrição do rótulo são padronizadas para as fontes do tema do seu projeto.

Para usar uma fonte diferente, use o seletor de fontes na guia Hotspot para modificar uma etiqueta individual ou personalize as fontes do seu tema para alterar todas as etiquetas do seu curso ao mesmo tempo.

Adicionando áudio às etiquetas

Importe áudio do seu computador, gere clipes de conversão de texto em fala, escolha áudio da biblioteca de mídia ou grave a narração diretamente no Storyline 360. Basta selecionar sua área interativa, acessar a guia Etiqueta na faixa de opções, clicar em Áudio e escolher uma das opções de áudio:

Depois de adicionar áudio, opções adicionais na faixa de opções de mídia ficam disponíveis, como um editor de áudio, um ajustador de volume e muito mais. Para saber mais sobre como trabalhar com áudio, acesse Edição de áudio e Uso das Ferramentas de Áudio.

Para alterar a cor de destaque dos controles de mídia do ponto de acesso selecionado, clique em Destaque na faixa Mídia e escolha a cor de destaque do player ou uma personalizada.

Para adicionar legendas ocultas ao áudio da área interativa, selecione o áudio e clique em Adicionar legendas na faixa de opções de mídia. Visite este guia do usuário para saber tudo sobre como trabalhar com legendas ocultas.

Adicionar fotos e vídeos aos rótulos

Adicione uma imagem ou vídeo ao rótulo de cada ponto de acesso. Basta selecionar sua área interativa, acessar a guia Rótulo na faixa de opções, clicar em Imagem ou Vídeo e escolher uma das seguintes opções:

Foto

Vídeo

Para editar uma foto ou vídeo que você adicionou a uma etiqueta, acesse estes guias do usuário:

• Formatando imagens, capturas de tela e personagens
• Editando vídeos
• Ajustando as propriedades do vídeo

Adicione texto alternativo a todas as fotos e vídeos para que fiquem acessíveis aos leitores de tela e outras tecnologias assistivas. Saiba mais

Adicionando dicas de pontos de acesso

Ajude os alunos a navegar pelas interações da visita guiada com facilidade adicionando dicas a pontos de acesso invisíveis. Basta instalar a atualização de agosto de 2021 ou posterior e seguir estas etapas:

1. No editor de imagens 360°, verifique se você está usando a navegação da visita guiada e se a opção Revelar Áreas interativas está desativada.
2. Selecione a área interativa e clique em Dica na faixa de opções.
3. Adicione até 250 caracteres no campo de dica no canto inferior direito da imagem em 360°.

As dicas de pontos de acesso aparecem no canto inferior direito da sua imagem em 360°. Clique no X para fechar a dica e clique no ícone de informações para exibi-la, conforme mostrado abaixo.

Dicas de formatação de pontos de acesso

Altere o tema de todas as dicas de área interativa de uma só vez. Basta acessar a guia Interação e clicar na seta suspensa Tema para selecionar um tema claro ou escuro.

Alterando as fontes do Hotspot Hint

Escolha uma fonte e um tamanho de fonte diferentes para dicas de áreas interativas individuais e aplique formatação (por exemplo, negrito, itálico e sublinhado) a elas. Basta selecionar a dica da área interativa e usar as opções de fonte na guia Ponto de acesso.

Dica: a fonte usada para o texto da dica usa como padrão as fontes do tema do seu projeto. Personalize as fontes do seu tema para alterar todas as dicas do seu curso ao mesmo tempo.

Adicionando dicas de ferramentas

Forneça aos alunos informações detalhadas quando eles passarem o mouse sobre pontos ativos em suas interações de navegação gratuita. (Saiba como adicionar dicas de ferramentas aos marcadores.) Instale a atualização de novembro de 2021 ou posterior e siga estas etapas:

1. No editor de imagens 360°, verifique se você está usando o modo de navegação gratuita.
2. Selecione a área interativa e clique em Dica de ferramenta na faixa de opções.
3. Adicione até 35 caracteres no campo de texto ao lado da área interativa.

Dicas de ferramentas de formatação

Altere o tema de todas as dicas de ferramentas da área interativa de uma só vez. Basta acessar a guia Interação e clicar na seta suspensa Tema para selecionar um tema claro ou escuro.

Escolha uma fonte e um tamanho de fonte diferentes para dicas de ferramentas individuais da área interativa e aplique formatação (por exemplo, negrito, itálico e sublinhado) a elas. Basta selecionar a dica de ferramenta da área interativa e usar as opções de fonte na guia Ponto de acesso.

Adicionando botões aos rótulos

Engage seus alunos revelando mais informações com botões clicáveis prontos para uso. (Saiba como adicionar botões às etiquetas dos marcadores.) Instale a atualização de janeiro de 2022 ou posterior e siga estas etapas.

1. No editor de imagens 360°, selecione a área interativa e clique na guia Rótulo na faixa de opções.
2. Clique na seta suspensa Botão e escolha um dos estilos de botão predefinidos.
3. Adicione até 35 caracteres no campo de texto do botão.

Adicione texto alternativo aos botões para que fiquem acessíveis aos leitores de tela e outras tecnologias assistivas. Saiba mais

Tornando os botões interativos

Mantenha os alunos engajados, orientando-os para a próxima etapa de sua jornada. Execute ações específicas, como lançar um site ou baixar um documento, quando os alunos clicarem em um botão. Saiba mais

Botões de formatação

Altere a cor de destaque dos botões individuais. Basta selecionar o botão, clicar na seta suspensa Acento e selecionar uma cor.

Escolha uma fonte e um tamanho de fonte diferentes para botões individuais e aplique formatação (por exemplo, negrito, itálico e sublinhado) a ela. Selecione o texto do botão e use as opções de fonte na guia Rótulo.

Entendendo os estados dos botões

Os botões em interações de 360° têm os seguintes estados integrados:

• Normal: O estado inicial exibe a cor de destaque selecionada
• Passar o mouse: quando interagido com, exibe uma cor esmaecida e um ícone de mão

Os estados dos botões em interações de 360° não podem ser personalizados.

Modificando e reposicionando Áreas interativas

Para modificar a forma de uma área interativa, arraste seus pontos de controle. Para reposicionar uma área interativa, arraste-a para outro local na interação.

Renomeando Áreas interativas

Quando você adiciona pontos de acesso, o Storyline 360 dá a cada um um um um nome padrão: Hotspot 1, Hotspot 2 etc. Recomendamos dar a eles nomes mais intuitivos, para que sejam reconhecíveis ao adicionar gatilhos.

Uma forma de renomear uma área interativa é inserir um título de rótulo. O nome da área interativa é atualizado para refletir o título da etiqueta. Ou clique duas vezes no ponto de acesso no painel Marcadores e Áreas interativas, insira um novo nome e pressione Enter no teclado.

Excluindo Áreas interativas

Para excluir uma área interativa, selecione-a e pressione Delete no teclado. Ou selecione a área interativa e clique em Recortar na faixa de opções.

Outra opção é converter a área interativa em um marcador. Basta selecionar a área interativa e clicar em Tipo de Alternar na faixa de opções do Hotspot. Saiba mais sobre marcadores.