Blog

6 dicas de design visual para tornar seu curso mais eficaz

Os cursos on-line não são apenas sobre as palavras escritas ou imagens na tela, mas sobre como essas palavras e imagens funcionam juntas para transmitir ideias.

Isso é importante para designers instrucionais porque a forma como o conteúdo é apresentado afeta não apenas a experiência do aluno em um curso, mas também sua avaliação dele.

A facilidade com que um aluno entende as informações é chamada de “fluência de processamento”. Quando os alunos processam as informações facilmente, eles não apenas se lembram melhor delas (melhorando sua experiência de aprendizagem), mas também as consideram mais “verdadeiras”. Por outro lado, quando é difícil processar informações, os alunos lutam para lembrá-las e vê-las como menos confiáveis ​​(mesmo inconscientemente).

A lição para educadores é clara: o design visual é uma parte essencial de uma boa experiência de aprendizado. E, como a maioria dos criadores de cursos não são designers gráficos, aqui estão algumas dicas para você começar com o pé direito.

1. Organize o conteúdo para que seja atrativo.

Quando lemos artigos on-line, não o abordamos da mesma forma que faríamos com um livro. Quando lemos um livro, começamos na primeira página e lemos as páginas em sequência até chegarmos ao fim. Mas muitos leitores on-line tendem a seguir um padrão de leitura superficial, em que leem o título e vão pulando algumas partes para ter certeza de que estão em um conteúdo relevante antes de voltar ao topo e ler o artigo completo.

Mesmo os leitores que não processam as informações dessa maneira, na primeira leitura o farão quando voltarem para revisar.

Ao organizar o conteúdo do curso, use títulos e cabeçalhos para transmitir as informações mais importantes em seu artigo. Mesmo que o aluno não leia um artigo inteiro, ele será capaz de compreender os pontos-chave através do título e dos cabeçalhos. Se houver pontos aos quais você deseja dar ênfase, use aspas, imagens e listas com marcadores.

2. Use fontes limpas e proporcionais.

Se você já abriu uma lista suspensa de opções de fonte, pode ter se sentido atraído por algumas das opções mais interessantes ou incomuns – aquelas que parecem elegantes, ousadas ou divertidas. Essas fontes têm uma finalidade específica em design gráfico e são usadas principalmente para logotipos, sinais ou artes visuais. Alguns podem até ser usados ​​com moderação em títulos ou cabeçalhos.

No entanto, muitas não são boas escolhas para o corpo do texto. Como o texto é menor e mais denso do que o texto do cabeçalho, é importante escolher uma fonte que seja fácil de ler.

As fontes serif e sans serif são boas escolhas, e você pode até usar uma fonte para o corpo do texto e uma fonte diferente para o texto do cabeçalho (embora mais de duas fontes seja uma má ideia a menos que você seja um designer gráfico e saiba o que está fazendo). No entanto, você deve evitar fontes monoespaçadas, como Courier (ou qualquer tipo de fonte que use a palavra “mono” ou “máquina de escrever”).

As fontes monoespaçadas usam a mesma quantidade de espaço para cada letra, enquanto as fontes proporcionais variam o espaçamento de cada letra com base em sua largura ou espessura. As máquinas de escrever antigas costumavam ser monoespaçadas e algumas fontes seguem essa opção de design para obter um efeito retro. No entanto, os tipos monoespaçados são um pouco mais difíceis de ler e devem ser evitados no corpo do texto.

Fontes sem serifa:

  • helvética
  • Lato
  • Lucida Sans
  • Serif aberto
  • Roboto

Fontes serif:

  • Baskerville
  • Garamond
  • Georgia
  • Lucida Serif
  • Times New Roman

3. Use um alto contraste entre o texto e o fundo.

Outra área em que os criadores de cursos podem ter problemas com suas escolhas de design gráfico é com as cores de fundo e de fonte. Digamos que as cores da sua marca sejam verde e laranja. Essas cores são quase opostas na roda de cores, mas isso não significa que vão contrastar o suficiente para não ter problemas de legibilidade.

Todas as cores têm três características definidoras: matiz, valor e saturação. Matiz é o que você chama de “cor” – azul, vermelho, verde, amarelo, ciano, magenta, etc. O valor tem a ver com o quão clara ou escura é uma cor, enquanto a saturação ou “croma” tem a ver com a intensidade .

O texto laranja tangerina sobre um fundo verde neon vai ser cansativo de ler, embora os matizes sejam diferentes, porque o valor e o croma são muito semelhantes. Por outro lado, se você deixar o verde mais claro e menos intenso e o texto mais escuro, você acabará com algo que não é tão doloroso para os olhos.

Claro, a aposta mais segura é sempre preto e branco. Se quiser suavizar um pouco a aparência, você pode fazê-lo, mas sempre que diminuir o contraste, você deve compensar aumentando o tamanho da fonte.

4. Use um tamanho de fonte grande e deixe bastante espaço em branco.

O espaço em branco refere-se às áreas abertas e “não preenchidas” de uma página que fornecem aos elementos visuais, como texto e imagens, espaço para respirar. Sempre que incluir um elemento gráfico em uma página, você deve ter cuidado para não aglutiná-lo com outros elementos. Os tamanhos de fonte grandes aumentam o espaço em branco na tela e facilitam a leitura. Se você tiver uma página com muitas barras laterais e widgets extras, isso pode causar confusão visual, o que distrai os alunos e torna mais difícil para eles se concentrarem nos materiais do curso.

5. Escolha imagens que sejam relevantes e atraentes.

As imagens tornam o conteúdo mais memorável, dando aos alunos um ponto de referência mental para o que acabaram de aprender, quase como um dispositivo mnemônico. Se você está tentando se lembrar do que aprendeu, relembrar a imagem que estava na página quando você a leu pode ajudar.

Não deve ser qualquer imagem, no entanto. A imagem deve ser relevante para o conteúdo, mesmo que seja um pouco abstrata. Quanto mais claramente a imagem estiver relacionada ao curso, mais ela ajudará a reforçar o aprendizado.

Tão importante quanto, vale a pena investir em imagens atraentes. Fotos de estoque desatualizadas podem fazer com que seu curso pareça antigo e inacessível, e podem sugerir sutilmente aos alunos que ele não é tão confiável.

Onde você coloca uma imagem em uma página é tão importante quanto incluí-la em primeiro lugar. Manter as imagens próximas aos conceitos a que elas se referem é importante e, se você tiver duas ideias diferentes, deverá manter essas imagens mais distantes uma da outra.

6. Fique consistente.

Finalmente, não mude seu estilo visual de lição para lição. Fique com sua paleta de cores e fontes e, tanto quanto possível, mantenha um estilo visual consistente para suas imagens.

Dê um passo adiante, usando formatação semelhante para elementos de aprendizagem semelhantes. Se você fizer um gráfico simples usando uma imagem e uma citação, crie um modelo para o futuro para que possa atualizar facilmente a imagem e a citação, mantendo outros elementos de estilo semelhantes.

Isso ajudará os alunos a reconhecer os pontos-chave das informações e a prestar mais atenção quando algo for formatado de determinada maneira.

Na dúvida, simplifique, espalhe e aumente.

Ao criar conteúdo on-line, você não tem as mesmas limitações de espaço físico como se estivesse imprimindo algo. Se você estiver criando slides para uma apresentação, adicione mais slides antes de começar a amontoar muitas informações em apenas um. Se você sentir que há muitos elementos visuais na tela ao mesmo tempo, espalhe-os para que não se amontoem ou comece a eliminá-los. E se você tiver mensagens importantes para seus alunos, não as esconda nas notas de rodapé – faça-as manchetes, citações ou gráficos visuais.

 

Fonte: https://www.learndash.com/

Share:
Translate » Traduzir