Os cursos que você cria no isEazy Author são pensados para se adaptar a diferentes dispositivos (PC, smartphone e tablet), oferecendo a melhor experiência de uso possível em cada caso. Além disso, com a opção Visualização Prévia você pode visualizar em tempo real como seu conteúdo está ficando e fazer os ajustes necessários para um resultado ideal.
Como são cursos adaptáveis e responsivos, quando visualizados em um smartphone na posição vertical, a interface se transforma para estar melhor adaptada à experiência de uso nesses dispositivos:
Os botões de navegação ficam fixados em uma barra na parte inferior da tela para ocupar menos espaço.
A aparência do cabeçalho é modificada para facilitar a legibilidade.
O índice de conteúdo fica oculto sob o ícone do menu no canto superior esquerdo para ganhar espaço.
O comportamento de certos elementos e do conteúdo dos cursos em geral se adapta conforme o espaço, como será explicado a seguir.
Adaptação de conteúdos
Como já comentamos, para assegurar uma experiência de uso de qualidade, ao visualizar um curso do isEazy Author em um smartphone, seus conteúdos se adaptam ao tamanho e à orientação da tela. Por ser um conteúdo responsivo, alguns de nossos interativos mudam e transformam sua forma de interação.
Visualização em smartphone na vertical
Visualização em smartphone na horizontal
Estes são alguns dos aspectos que são modificados:
Fundo do slide: é exibido ajustado ao tamanho da tela e, ao rolar para visualizar todos os recursos, ele ficará fixo em sua posição enquanto os elementos se deslocam por cima.
Slide: quando contém apenas um elemento, este é exibido ocupando toda a altura da tela. Por outro lado, há certos elementos que podem compor os slides e que apresentam um comportamento especial em telas pequenas:
Texto: cresce conforme necessário e, por ter um tamanho determinado pelo seu conteúdo, não apresenta alinhamento vertical, exceto em slides com um único elemento, pois ao ocupar toda a altura disponível, esse alinhamento pode ser respeitado.
Imagem: a versão adaptativa das imagens tenta mostrá-las por completo sempre que possível, mas no caso de imagens muito verticais será aplicado o ajuste de imagem que você escolheu (Encaixar ou Preencher). No modo Preencher é muito importante que você defina um ponto de enquadramento adequado para que, nessa modalidade de visualização, seja exibida a área da imagem desejada.
Exercício ABC: nesse modo adaptativo, o exercício sempre é exibido como pop-up, ou seja, abrindo-se externamente ao slide, independentemente do comportamento que tivesse no modo slide.
Cartão: ocupa um espaço determinado pela altura da tela do dispositivo. Dessa forma, permitimos que o usuário possa interagir com conforto. Se você colocou texto em alguma das faces e, no modo responsivo, ele não couber na tela, será possível visualizá-lo rolando dentro do elemento.
A posição dos elementos no modo responsivo é determinada pela sua localização no slide, seguindo a mesma ordem da lista de Elementos do slide no painel de propriedades do slide.