O bloco personalizado está atualmente na versão beta. A funcionalidade pode mudar com o tempo. Com base no feedback e na estabilidade da funcionalidade, algumas opções podem ser modificadas e outras removidas. No momento, o Articulate Localization não é compatível com blocos personalizados.

Precisa de um bloco exclusivo para atender às suas necessidades exatas de treinamento? Blocos personalizados desbloqueiam novas possibilidades! Adicione texto, objetos e elementos de mídia a uma tela em branco e, em seguida, arraste-os e solte-os para criar a criação perfeita.

Nota: Embora o bloco personalizado ofereça suporte a vários recursos de acessibilidade, alguns aspectos ainda não estão totalmente acessíveis.

1. Inserir modelos em branco ou pré-criados
2. Configurar o Canvas
3. Adicionar modelos e objetos
4. Manipule objetos
5. Formatar objetos
6. Ajustar a ordem dos objetos e as configurações de acessibilidade
7. Adicionar interatividade (em breve)
8. Modificar as configurações de bloqueio
9. Usando atalhos de teclado
10. Acessibilidade e problemas conhecidos
11. Feedback

Etapa 1: inserir modelos em branco ou pré-criados

Comece com uma tela em branco ou um modelo pré-criado. Abra a biblioteca de blocos em seu treinamento para começar.

Comece do zero

1. Expanda o menu Bloco personalizado.
2. Selecione +Em branco para inserir uma tela em branco em seu curso.
3. Clique em Criar um bloco personalizado para começar.

Comece com um modelo

1. Expanda o menu Bloco personalizado.
2. Escolha uma categoria e selecione um modelo.
3. Passe o mouse sobre o bloco e clique no ícone Conteúdo para personalizar o modelo.

Você também pode adicionar modelos aos blocos em branco. Siga o link para obter uma lista completa de modelos pré-criados.

Etapa 2: configurar o Canvas

A tela é onde você adiciona objetos e cria seu bloco personalizado. Somente objetos colocados na tela são visíveis para os alunos. Use a barra de ferramentas exibida para selecionar a tela para modificar a cor, o estilo da borda e a sobreposição. Você também pode inserir manualmente a largura e a altura em pixels da tela ou reduzir automaticamente a tela para os objetos incluídos.

Observe que os blocos personalizados não respondem no momento. Recomendamos usar uma tela um pouco maior para que seu conteúdo permaneça legível em telas menores e dispositivos móveis.

Etapa 3: Adicionar modelos e objetos

Quando estiver no editor de blocos personalizados, você pode manipular objetos no modelo selecionado (mais sobre isso na próxima seção), inserir um novo modelo ou adicionar objetos. Use a barra de pesquisa no menu de categorias de objetos para encontrar rapidamente o que você precisa.

Use o controle no canto inferior direito para ampliar ou reduzir a tela.

Modelos

Na barra lateral esquerda, clique em Modelos e faça uma seleção.

• Em uma tela em branco, clique em Usar modelo. Isso insere a tela e todos os objetos associados ao modelo selecionado.
• Em uma tela preenchida, você também pode selecionar Adicionar à tela. Isso mantém a tela atual e insere os objetos do modelo sobre os objetos existentes. Selecionar Usar modelo em uma tela preenchida substitui completamente a tela e os objetos existentes.

Depois de inseridos, os objetos individuais de um modelo podem ser manipulados e formatados como qualquer outro objeto. Talvez seja necessário desagrupar ou detalhar objetos para acessar todas as opções de formatação.

Objetos

Adicione objetos adicionais na barra lateral esquerda.

• Texto: insira uma caixa de texto com o tipo de texto selecionado como padrão. Isso pode ser modificado na barra de ferramentas de formatação. Adicione um hiperlink selecionando o texto. (Observação: a formatação sobrescrita e subscrita não está disponível para texto em bloco personalizado.)
• Formas e linhas: insira uma forma cinza pré-construída ou uma linha preta pré-construída na tela. Para formas: clique dentro da forma para adicionar texto. As opções de formatação de forma incluem cor, arredondamento de cantos, borda, sombra e sobreposição. As opções de formatação de linha incluem cor, estilo de linha e sombra.
• Imagens: insira uma imagem gerada com IA, uma imagem da Content Library 360 ou faça upload da sua própria. Independentemente da fonte, as imagens têm opções de arredondamento de cantos, bordas, sombras e sobreposições. As ferramentas de recorte e texto alternativo estão disponíveis clicando com o botão direito do mouse em uma imagem.
• Vídeos: insira um vídeo arrastando e soltando ou selecionando um arquivo de vídeo para carregar. Se você quiser que seu arquivo de vídeo mantenha seu formato de arquivo específico e não seja compactado, você pode desativar a otimização selecionando Preservar qualidade do arquivo. Observe que isso pode diminuir o desempenho. A busca futura não pode ser desativada para vídeos em layouts personalizados.
• Áudio: gere áudio com o AI Assistant, grave seu próprio áudio ou faça upload de um arquivo de áudio com transcrição para inserir em sua tela.

Clique em qualquer um dos ícones para inserir o objeto desejado e, em seguida, basta arrastá-lo para onde você gostaria que ele estivesse no bloco. Você também pode selecionar um objeto ou grupo de objetos e inserir as posições X e Y no menu da barra de ferramentas Posição.

Etapa 4: manipular objetos

Você pode trabalhar com objetos de várias maneiras. Além da manipulação direta, estão disponíveis comandos de menu com o botão direito do mouse, opções da barra de ferramentas de formatação e atalhos de teclado. As opções disponíveis para objetos individuais também são facilmente acessíveis na barra lateral Objetos.

Alterar o pedido

A maneira mais fácil de alterar a ordem de um objeto na tela é clicar com o botão direito do mouse no objeto e selecionar uma opção no menu Mover. Também há vários atalhos de teclado para ajustar o posicionamento de um objeto.

Alinhar

As guias de alinhamento horizontal e vertical são exibidas à medida que você move um objeto, vários objetos ou um grupo de objetos. Se você já tiver outros objetos colocados na tela, também verá guias de alinhamento vertical e horizontal em relação a esses objetos. Você também pode selecionar um objeto, vários objetos ou grupo e escolher uma opção no menu Posição, ou clicar com o botão direito do mouse e selecionar uma opção no menu Alinhar.

Redimensionar

Você pode redimensionar rapidamente um objeto passando o mouse sobre a borda ou o canto e arrastando nessa direção. Mantenha pressionada a tecla Shift enquanto redimensiona para manter a proporção da tela do objeto. Você também pode inserir os valores de largura e altura no menu Posição.

Girar

Gire objetos passando o mouse sobre o canto de um objeto. Quando o cursor mudar para uma seta curva, clique e mova o cursor na direção em que você deseja girar o objeto. Você também pode selecionar um objeto ou grupo e usar o controle deslizante ou inserir um valor no menu Posição. Observe que as guias de alinhamento não aparecem quando você move objetos girados.

Grupo

O agrupamento é uma forma prática de mover, redimensionar, girar, virar ou alterar outros atributos de vários objetos ao mesmo tempo, como se fossem um único objeto.

Para agrupar objetos, clique com a tecla Shift pressionada ou arraste o cursor sobre dois ou mais objetos e escolha Agrupar para agrupá-los. Para desagrupar objetos, escolha Desagrupar.

Fechadura

Selecione um objeto ou grupo de objetos e clique no ícone de cadeado na barra de ferramentas que aparece para bloquear sua posição. Você também pode clicar com o botão direito do mouse e selecionar Bloquear.

Duplicado

Selecione um objeto ou grupo de objetos e clique no ícone duplicado na barra de ferramentas que aparece. Você também pode clicar com o botão direito do mouse e selecionar Duplicar. O objeto ou grupo duplicado aparece ligeiramente afastado do original e é selecionado automaticamente.

Excluir

Selecione um objeto ou grupo de objetos e clique no ícone de exclusão na barra de ferramentas que aparece. Você também pode pressionar Excluir ou selecionar a opção Excluir no menu à direita. Restaure itens excluídos pressionando Ctrl+Z.

Etapa 5: formatar objetos

Selecione um objeto na tela para acessar a barra de ferramentas de formatação/ação. Objetos diferentes têm diferentes opções de barra de ferramentas.

A barra de ferramentas de formatação para objetos multiselecionados e agrupados reflete as ferramentas disponíveis para os objetos no grupo. Se uma ferramenta não afetar um objeto específico, a modificação do valor não terá efeito sobre esse objeto. As ferramentas que estão disponíveis para todos os objetos ou vários tipos de objetos afetarão igualmente todos os objetos relevantes. Por exemplo, alterar a opacidade de um grupo substitui qualquer configuração de objeto individual e, em vez disso, define a opacidade de todos os objetos do grupo com o mesmo valor.

Todos os objetos

Imagens

Linhas

Formas e texto

Formas, linhas e imagens

Etapa 6: ajustar a ordem dos objetos e as configurações de acessibilidade

Há duas maneiras de ajustar a ordem dos objetos e dos grupos de objetos. Uma forma afeta a ordem visual, enquanto a outra afeta a forma como as ferramentas de acessibilidade, como leitores de tela, interagem com objetos em um bloco personalizado.

Ordem visual

Selecione Objetos na barra lateral para acessar os controles da tela e de todos os objetos em seu bloco personalizado atual. Além de usar a barra de ferramentas de formatação combinada, você pode facilmente arrastar e soltar objetos individuais e agrupados para ajustar sua visibilidade. Você também pode remover itens dos grupos. Observe que os objetos recém-adicionados aparecem no topo dessa lista.

Ordem de foco

Selecione Ordem de foco para acessar uma lista de objetos e grupos no leitor de tela e na ordem de navegação pelo teclado. Os itens dessa lista podem ser ajustados independentemente da ordem dos objetos para fins de acessibilidade, mas você não pode remover itens dos grupos aqui. Clique em Combinar ordem visual para redefinir a lista para a mesma ordem da lista de objetos. Os objetos recém-adicionados aparecem na parte inferior dessa lista.

Adicionar texto alternativo

No painel de ordem de foco, use o campo Texto alternativo para adicionar texto alternativo a qualquer objeto, grupo de objetos ou à própria tela. Se não tiverem texto alternativo, imagens, linhas e formas sem texto serão consideradas decorativas e não serão anunciadas.

Etapa 7: adicionar interatividade (em breve)

Ainda estamos explorando como adicionar interatividade aos blocos personalizados. Adoraríamos ouvir sua opinião. Passe o mouse sobre Interatividade na barra lateral e clique em Compartilhar feedback para nos informar quais recursos interativos tornariam seus blocos personalizados ainda melhores.

Etapa 8: Modificar as configurações do bloco

Passe o mouse sobre um bloco existente para acessar a barra de ferramentas de design à esquerda e modificar a aparência do seu bloco. Clique no ícone Estilo para acessar as opções de plano de fundo do bloco. O menu Formatar fornece opções para alterar o preenchimento do bloco e a largura do conteúdo.

Como os blocos personalizados não respondem no momento, use os valores a seguir como as larguras máximas da tela para que o bloco se encaixe nos parâmetros de largura do conteúdo:

• Grande - 920px
• Médio - 760px
• Pequeno: 520px

Recomendamos usar menos preenchimento nos blocos personalizados para uma melhor experiência móvel.

Usando atalhos de teclado

Os atalhos de teclado a seguir podem ser usados na tela de bloco personalizada.

Acessibilidade e problemas conhecidos

Acessibilidade

Ainda estamos avaliando e melhorando a conformidade de acessibilidade dos blocos personalizados no momento. Em seu estado atual, a funcionalidade de bloqueio personalizado não atende totalmente às diretrizes de acessibilidade. Modelos de blocos personalizados e blocos personalizados definidos pelo usuário não refluem para caber em telas diferentes. Isso pode dificultar a leitura em telas pequenas ou quando ampliadas. As diretrizes de acessibilidade fornecem uma exceção de refluxo para conteúdo de apresentação, como nossos blocos personalizados, mas ainda podem ser difíceis de usar para usuários móveis e pessoas com baixa visão. Para garantir que seu conteúdo funcione para todos, teste-o em um dispositivo móvel e em um navegador de desktop com zoom de 400%, não apenas no modo de visualização. Embora não atenda à conformidade total no momento, incentivamos os autores a usar as ferramentas de acessibilidade fornecidas para melhorar a acessibilidade. Continue lendo para saber como gerenciar a ordem de foco e outras dicas de acessibilidade para blocos personalizados.

Gerencie a ordem de foco

Os autores têm controle total sobre como um leitor de tela navega pelo conteúdo em blocos personalizados. Os objetos podem ser reordenados separadamente de sua ordem visual de empilhamento para ditar a ordem exata de leitura dos leitores de tela. Aqui estão algumas diretrizes que você deve ter em mente:

• Formas, linhas e imagens são decorativas por padrão. Eles não serão anunciados pelos leitores de tela, a menos que o autor atribua um texto alternativo.
• O texto sempre será anunciado. Isso inclui texto dentro de formas.
• Os grupos não são anunciados por padrão, a menos que tenham recebido um texto alternativo. Sair do grupo sem texto alternativo significa apenas que o grupo em si não será anunciado como um item separado. Qualquer objeto significativo dentro do grupo (por exemplo, texto ou imagens/formas com texto alternativo) ainda será anunciado.
• O áudio e o vídeo têm rótulos predefinidos. Os autores podem adicionar texto alternativo quando um contexto adicional for útil. Mas se o campo for deixado em branco, os leitores de tela anunciarão os rótulos predefinidos padrão como “reprodutor de vídeo” e “reprodutor de áudio”, respectivamente.
• A tela de bloco personalizada segue o mesmo princípio de grupos, áudio e vídeo. Opcionalmente, os autores podem atribuir texto alternativo à tela ou deixá-lo em branco. Nesse caso, o leitor de tela se moveria diretamente para o conteúdo.

Dicas de acessibilidade

• Certifique-se de que todos os objetos e grupos significativos tenham nomes claros no painel de objetos. Isso facilita a identificação posterior e economiza muito tempo ao gerenciar a ordem visual e de foco.
• Use os níveis de cabeçalho corretos em ordem com títulos claros e descritivos.
• Mantenha os objetos organizados em uma ordem lógica desde o início. Um painel de objetos bem estruturado facilita muito a definição da ordem final do foco posteriormente.
• Forneça texto alternativo (texto alternativo) para qualquer objeto que seja significativo ou ajude a transmitir a estrutura. Como o texto alternativo pode ser adicionado a qualquer objeto no Bloco Personalizado, os autores podem usá-lo estrategicamente para comunicar informações visuais importantes de forma eficaz, especialmente em layouts visualmente ricos.
• Use o painel de ordem de foco para reordenar objetos independentemente de sua ordem no painel de objetos.
• Realize testes manuais com um leitor de tela para garantir que a ordem do foco esteja correta.

Problemas conhecidos

No momento, o Articulate Localization não é compatível com blocos personalizados. Para traduzir o conteúdo do bloco personalizado, os autores devem usar o processo de tradução manual.

Compartilhe seu feedback

Estamos entusiasmados com a criatividade que o bloco personalizado desbloqueará e precisamos da sua ajuda para garantir que ele atenda às necessidades e expectativas de todos os usuários do Articulate. Seu feedback influenciará diretamente o desenvolvimento do bloco personalizado no Rise 360, então considere compartilhar suas ideias sobre os seguintes tópicos:

• Usos: Como você está usando blocos personalizados? Compartilhe suas criações!
• Bugs: Alguma coisa não está funcionando conforme o esperado?
• Melhorias: Como essa funcionalidade poderia ser melhor?
• Insights: Como essa funcionalidade beneficia você e seus alunos?

Clique em Beta ao lado de Blocos personalizados e selecione Compartilhar feedback para compartilhar suas ideias.