Quer adicionar interatividade aos seus cursos do Storyline 360? Os botões permitem orientar a navegação, revelar conteúdo, capturar informações do aluno e muito mais. Você pode personalizar sua aparência e definir o que acontece quando os alunos os selecionam usando estados e gatilhos. Continue lendo para saber como.

• Crie e personalize botões
• Adicionar interatividade de botões
• Torne os botões acessíveis

Crie e personalize botões

Para adicionar um botão, vá até a guia Inserir e clique em Botão. Em seguida, escolha um estilo e desenhe-o em seu slide ou camada. Para adicionar texto ao botão, selecione o botão e comece a digitar. Você também pode:

• Formate o texto na guia Início. Saiba mais
• Ajuste o alinhamento, as margens e o ajuste automático clicando com o botão direito do mouse e escolhendo Formatar forma e, em seguida, selecionando a guia Caixa de texto. Saiba mais

Dar nomes significativos aos botões facilita sua identificação em gatilhos e interações. Para renomear um botão, clique com o botão direito nele e selecione Renomear. Você também pode clicar duas vezes na linha do tempo e inserir um novo nome.

Para formatar um botão de acordo com o design do seu curso, selecione-o e vá até a guia Formatar. Você pode alterar estilos, cores, efeitos e adicionar ícones. As cores vêm do seu tema. Você pode clicar com o botão direito do mouse em um botão personalizado e escolher Definir como botão padrão para aplicar o mesmo estilo a todos os novos botões.

Para excluir um botão, selecione-o e pressione Delete no teclado.

Adicionar interatividade de botões

Use estados e gatilhos para definir como os botões respondem à interação do aluno.

Os botões incluem estados integrados que mudam de aparência quando os alunos interagem com eles. Por padrão, eles incluem Normal, Passar o mouse, Para baixo, Visitado e Desativado. Você pode editá-los ou criar seus próprios. Saiba mais

Você pode usar gatilhos para determinar o que acontece quando os alunos selecionam um botão. Por exemplo, você pode mostrar uma camada, pular para outro slide, reproduzir mídia, ajustar uma variável e muito mais. Saiba mais

Você também pode:

• Converta slides em interações de formato livre e use botões como opções de resposta com pontuação e feedback opcionais.
• Crie conjuntos de botões que permitam somente uma seleção por vez. Quando os botões são agrupados, selecionar um automaticamente desmarca os outros. Você pode incluir vários conjuntos de botões no mesmo slide.

Torne os botões acessíveis

Os botões acessíveis ajudam todos os alunos a navegar e interagir mais facilmente com seu treinamento. Siga estas dicas para aumentar a acessibilidade dos botões:

• Forneça instruções e feedback claros. Explique o que cada botão faz e dê feedback quando ele é selecionado, especialmente para ações como enviar respostas ou alternar entre slides (3.3.2 Rótulos ou instruções).
• Use rótulos descritivos. Escreva um texto de botão que explique o que acontece quando os alunos o selecionam, como “Enviar resposta” ou “Abrir recursos”. Evite textos vagos como “Clique aqui” (2.4.4 Objetivo do link).
• Forneça nomes acessíveis para botões somente com ícones. Se um botão usar somente um ícone, adicione um texto alternativo que descreva sua ação. Oculte ícones decorativos das tecnologias assistivas (1.1.1 Conteúdo não textual).
• Use texto na tela em vez de passar o mouse sozinho. Apresente informações importantes no slide em vez de confiar apenas nos estados de foco, que não estão disponíveis para todos os alunos (1.4.13 Conteúdo em Passar o mouse ou focar).
• Defina uma ordem lógica de foco. Organizar os botões para que a navegação pelo teclado siga uma sequência significativa e utilizável para usuários de teclado e leitores de tela (2.1.1 Teclado, 2.4.3 Ordem de foco).
• Teste os botões com um teclado. Certifique-se de que os alunos possam acessar e ativar cada botão usando Tab, Enter ou Space (Teclado 2.1.1).
• Mantenha os estados de foco visíveis. Use o indicador de foco de alto contraste padrão para que os alunos possam ver qual botão está selecionado. Se você personalizá-lo, certifique-se de que permaneça fácil de ver (2.4.7 Foco visível).
• Use contraste suficiente. Escolha cores de texto e plano de fundo que sejam fáceis de ler em todos os estados dos botões. Procure pelo menos uma taxa de contraste de 4,5:1 para texto e 3:1 para texto maior ou elementos de botão (1.4.3 Contraste [Mínimo]).
• Não confie na cor para mostrar significado. Adicione texto, ícones ou outras dicas visuais para comunicar os estados dos botões para que os alunos tenham um contexto além da cor (1.4.1 Uso da cor).
• Facilite a seleção dos botões. Crie botões que sejam grandes o suficiente para serem selecionados confortavelmente. Procure um tamanho alvo mínimo de 24 por 24 pixels para oferecer suporte a diferentes métodos de entrada (2.5.8 Tamanho do alvo [mínimo]).