6 exemplos criativos de linhas do tempo
Publicado; 20/05/2009 Filed under: Design Instrucional, Usabilidade | Tags: design de interação, e-learning, interatividade, Usabilidade 6 Comments »As linhas do tempo demonstram de maneira prática os eventos em determinado momento histórico. Elas são usadas como lembretes de “marcos” históricos ou para estabelecer ligações entre um evento e outro. Muitas delas são organizadas em escala, ou seja, distribuem os eventos com espaço entre si proporcionalmente à distância de tempo entre eles.
Alguns sites utilizam linhas do tempo de maneira educativa. Com os recursos do Flash é possível torná-las interativas, enriquecendo a experiência do usuário e facilitando o seu entendimento.
Muitas vezes um e-learning precisa apresentar eventos em seqüência cronológica. Talvez seja a hora de utilizar uma linha do tempo interativa.
Se este é o caso, organizei alguns exemplos disponíveis na internet que podem ser usados como referência no seu próximo projeto.
História da Internet – UOL
Linha baseada apenas em textos e sem alimentação com notícias externas.
http://sobre.uol.com.br/historia/historia.jhtm
História da Internet – Discovery Channel
Linha do tempo em formato de disco, oferece uma navegação inovadora, porém não é muito intuitiva:
http://www.discoverybrasil.com/internet/interactivo.shtml
Linha do tempo – Articulate Engage
Exemplo de linha do tempo criada com software de autoria Engage, conta com recurso de locução: http://www.articulate.com/products/demos/engage/engage_10/timeline/
História da Grã-Bretanha – BBC
Esta linha do tempo se destaca pela divisão em eras e a possibilidade de aplicar zoom em determinadas épocas. Além disso, links externos aprofundam o conteúdo:
http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml
Monstros do mar – National Geographic
Esta linha do tempo é altamente interativa e tem como pano de fundo o planeta Terra. Oferece informações sobre animais pré-históricos e dá opção de explorar o conteúdo por continente, tomando a pesquisa por outro ponto devista:
http://www.nationalgeographic.com/seamonsters/timeline/index.html
História dos EUA
Esta linha do tempo é bastante simples, mas demonstra de maneira interessante os fatos ligados entre si, sobre um mapa único. Além disso, a barra de rolagem tem papel instrutivo, representando a expectativa de vida da época:
http://www.digitalhistory.uh.edu/timeline/timelineO.cfm
Além dos botões Avançar e Voltar
Publicado; 05/01/2009 Filed under: Design Instrucional, Usabilidade | Tags: arquitetura da informação, desenho instrucional, e-learning, ead, interatividade, interface, Usabilidade Leave a comment »Eu sempre defendi que a tecnologia na educação deve ser um meio e não um fim, por isso, de nada adianta um curso visualmente atraente se o seu conteúdo não tem um bom desenho instrucional, uma abordagem didática que facilite o aprendizado. No entanto, a indústria de cursos virtuais mantém certos paradigmas que persistem, apesar de anos de inovação tecnológica. Entre eles podemos citar o botão Avançar e Voltar.
Em primeiro lugar, gostaria de dizer que eu não tenho nada contra esses botões básicos no eLearning, e acredito que a navegação linear, quando bem aplicada, pode ser muito interessante. Mas, trouxe dois exemplos que podem enriquecer a experiência de uso do aluno, facilitando o aprendizado.
Eu escolhi dois sites como exemplos de navegabilidades inovadoras, que provocam o lado explorador do aluno. Espero que gostem!
Claro 3G
O site da Claro 3G mistura vídeo streaming, áudio e 3D para divulgar a sua tecnologia de banda larga. O hotsite tem um brilhante conceito de navegação, baseado na posição do mouse, que permite a você navegar para “dentro” da tela.
Énerguy
A Agência de Eficiência Energética de Quebec montou um jogo divertido sobre uso consciente de energia. Ao invés de avançar pelas áreas da casa, você literalmente clica-e-arrasta o personagem principal. Divirta-se:
http://www.aee.gouv.qc.ca/energuy/jeu/
Infográficos por um aprendizado mais prático
Publicado; 10/11/2008 Filed under: Design Instrucional, Usabilidade | Tags: Design, e-learning, educação, infográfico, tecnologia 1 Comment »Infográficos são uma ótima ferramenta para exibir informações de forma leve e atraente. Eles fazem o aluno aprender em poucos segundos o que demoraria mais tempo se descrito de outra forma. Quando aplicados ao elearning, favorecem o aprendizado e prendem a atenção do aluno.
A revista Superinteressante sempre utilizou este recurso com muita qualidade.
Neste vídeo eles mostram como acontece o planejamento de um infográfico para a revista:
Aqui você confere uma versão em vídeo de um infográfico digital da SUPER.
Para quem desenvolve cursos online uma grande vantagem de se produzir infográficos, é que eles podem ser interativos, aumentando ainda mais o seu poder de prender a atenção e aumentar a velocidade do aprendizado.
Nesse sentido, o portal G1 tem feito um trabalho muito legal inserindo infográficos interativos em suas reportagens.
Neste artigo o próprio G1 mostra como rola a produção dos infográficos.
Veja como o G1 produz seus infográficos
Confira aqui uma amostra do que eles tem produzido:
Infográficos G1 – Setembro de 2008
Os infográficos também podem ter função avaliativa. Você pode, por exemplo exibir o mapa de uma planta industrial e pedir para o aluno distribuir corretamente os extintores de incêndio, para em seguida, simular um incêndio e verificar a eficiência das suas opções.
Como você pode ver, as aplicações são múltiplas. Com eles você consegue reduzir a curva de aprendizagem e oferecer uma experiência rica para o usuário do seu curso. Então, que tal pensar em utilizar infográficos no seu próximo projeto?
O que torna um curso interativo?
Publicado; 08/05/2008 Filed under: Design Instrucional, Insights, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »É comum um cliente de elearning reclamar que esperava que o seu curso online tivesse mais efeitos animados, elementos clicáveis e recursos multimídia.
Na verdade, recursos como cliques e janelas que abrem e fecham são uma interação com a tecnologia, o que é diferente de fazer o usuário interagir com o conteúdo, ou seja, dar a ele poder de decisão sobre o assunto abordado, adequando-o à sua necessidade.
Acredito que a real interatividade de um curso online seja aquela que aproxima o usuário do conteúdo!
Exemplos de cursos online
Publicado; 02/05/2008 Filed under: Design Instrucional, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade 1 Comment »Às vezes tudo o que falta pra gente é uma boa referência, um exemplo que dispare nossa criatividade! No link abaixo você tem acesso a uma página com vários exemplos de cursos online, desde recursos interativos, até exercícios e simulações. Faça bom proveito!
Aliás, a Cathy Moore é uma designer intrucional que, por meio do blog dela, sempre me ajudou a abrir a mente com idéias simples e ao mesmo tempo inovadoras para cursos online!
Menos é mais
Publicado; 10/04/2008 Filed under: Design Instrucional, Insights, Usabilidade | Tags: e-learning, educação, tecnologia, Usabilidade Leave a comment »Convenhamos, um erro tão indesejável quanto não transmitir a informação correta, é a de sobrecarregar o leitor de dados confiáveis, mas que ele simplesmente não usará. Retomando uma frase célebre do filósofo francês Voltaire, de que “escrever é a arte de cortar”, entendo que isto vale para a produção de elearning.
Muitos pensam que cortar prejudica a transmissão de informações ao usuário, mas o efeito é justamente o oposto. Trata-se de melhorar o foco do curso, definindo exatamente o que ele deve saber. Quando se pensa que o usuário precisa saber de TUDO e não existe prioridade nenhuma, o curso perde-se no volume de informações.
Este vídeo ilustra exatamente o que eu quero dizer:
Legal, né? Este exemplo bem que poderia ser aplicado ao que acontece em muito elearning por aí. =D
Uma sugestão para evitar o congestionamento de informações é definir metas claras para o curso. Com o foco em uma direção, será mais fácil decidir o que é essencial, o que é conteúdo complementar e o que pode ser excluído.
Concorda? Discorda?
Público-alvo: este ilustre desconhecido
Publicado; 27/03/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade 1 Comment »Muito se fala em ter foco no público-alvo, mas normalmente pouco se sabe sobre ele. No mundo ideal, o responsável pelo desenvolvimento do curso deveria dedicar-se a conhecê-lo pessoalmente, realizando entrevistas, testes e acompanhando sua rotina de trabalho (dependendo do tamanho do projeto). No mundo real, a descrição do público-alvo dificilmente ocupa mais do que dois parárafos em um briefing ou um rápido relato do cliente. Com prazos e recursos escassos, devemos nos adaptar e atender de maneira satisfatória um público-alvo que não conhecemos no nível de detalhes que gostaríamos.

A seguir, eu coloco na mesa algumas dicas de como extrair informações valiosas para formar o perfil do seu público-alvo.
Não faça o aluno perder tempo com bla-bla-bla
Publicado; 12/03/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade 1 Comment »Não é ruim quando você vai assistir uma aula, uma reunião ou um congresso e percebe que aquela meia hora de bla-bla-bla poderia ser resumida em três ou quatro sentenças?

Pensando no público de e-learning, ser consico e claro é ainda mais crítico, devido o cansaço da leitura na tela do PC e a facilidade que o aluno tem de sair do curso e, por exemplo, responder seus recados no Orkut.
No artigo anterior havia comentado sobre não fazer o aluno perder tempo com recursos desnecessários. Neste artigo, postei algumas sugestões em como fazer isso com uma redação concisa e direta. Espero que gostem!
Não faça o aluno perder tempo com recursos desnecessários!
Publicado; 11/03/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »De: www.articulate.com/rapid-elearning
A realidade é que nos projetos educacionais corporativos, muito cursos são compulsórios e a pessoa que participa dele não está necessariamente motivada a aprender o conteúdo. Para essas pessoas, é importante que o curso transmita seu recado e termine em um tempo razoável, não fazendo-a perder tempo em um infinito número de telas. Mesmo para cursos em que o aluno está motivado a aprender, é importante não desperdiçar a sua atenção com informações desnecessárias.

Dar o recado no volume certo e sem complicações é uma questão de prática e sensibilidade com relação ao seu público. Abaixo seguem algumas dicas. Leia o resto deste post »
5 formas de tornar a navegação linear interessante
Publicado; 06/03/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade 1 Comment »3 Links: Demonstrando conceitos abstratos
Publicado; 26/02/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »Uma imagem vale mais do que mil palavras. O provérbio é antigo mas válido. Seguem alguns links para inspirá-lo a usar recursos visuais que expliquem conceitos abstratos, e torne seus cursos online mais fáceis de aprender.
Le Grand Content: PowerPoint, death, and hamsters
A partir de gráficos encontráveis no Powerpoint, o filme aborda uma seqüência de assuntos linkados entre si de maneira imprevisível. Vale a pena dar uma olhada:
Indexed: life condensed onto a notecard
Neste blog, Jessica Hagy utiliza gráficos em cartões para demonstrar visualmente circunstâncias do dia-a-dia.
Billy Collins Action Poetry
O vídeo abaixo é um outro bom exemplo de visualização de conceitos abstratos. Trata-se de um vídeo criado a partir de uma poesia do escritor americano Billy Collins:
Inspiração: Video “Paul Rand: form and content”
Publicado; 20/02/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »Atendendo um público-alvo misto sem “nivelar por baixo”
Publicado; 20/02/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade 2 Comments »Muitas vezes, os projetos de e-Learning são iniciativas focadas em um público restrito e atendem uma necessidade específica. Nesses casos, é relativamente fácil estabelecer o público-alvo e desenvolver uma estratégia educacional própria para ele.
Mas, e quando isso não acontece? Suponha que uma empresa decida compartilhar as novas normas de segurança predial num único curso online. Neste caso, o público-alvo abrange diretores, secretárias, estagiários, operadores de máquinas, etc.
É normal ouvirmos a expressão “nivelar por baixo”, ou seja, atender o público menos capacitado como se os mais capacitados/especialistas não perdessem nada com isso, o que é um engano.

Como atender (ou melhor, superar!) as expectativas de perfis tão diferentes? A seguir, uma sugestão baseada no modelo 4MAT.
Os quatro tipos de aprendizado
Estudos revelam que as pessoas exercem basicamente quatro tipos diferentes de aprendizagem. Levar isso em conta o ajudará a saber o que esperam do seu curso:
- Inovador (aproximadamente 35% das pessoas): quer saber porque devem aprender algo e como isso irá beneficiá-lo.
- Pesquisador (aproximadamente 22% das pessoas): quer apenas os fatos em si, e chegar a sua própria conclusão.
- Prático (aproximadamente 18% das pessoas): quer saber como as coisas funcionam, e é melhor instruído por meio de exemplos concretos.
- Dinâmico (aproximadamente 25% das pessoas): está interessado nas possibilidades oferecidas pelo aprendizado, confia na própria intuição e tem a tendência de ensinar a si mesmo e a outros.
Estes estilos são interdepedentes, ou seja, usuários dos estilos 3 e 4 precisam estar expostos a conteúdos nos formatos 1 e 2 como suporte ao seu estilo.
Pensando em atender estes perfis de maneira satisfatória, seguem algumas palavras-chaves que o seu curso deve responder:
Porque
Por que a informação a ser transmitida é importante ao usuário? Este é um ponto de partida essencial! Além disso, atrai a atenção do aluno, principalmente do perfil de aprendizado “inovador”. O ideal é que desde o início do curso ele saiba os benefícios do aprendizado que ele está adquirindo.
O que
Esta etapa é a parte essencial para os alunos do perfil “pesquisador”: o conteúdo em si e o material de apoio necessário.
Como
Uma vez que o aluno do perfil “prático” saiba porque e o que fazer, ele está preparado para aprender – por alguma atividade prática.
E se…
O aluno do perfil “dinâmico”já absorveu tudo o que foi oferecido a ele até aqui, e neste ponto está pensando o que aconteceria se X fosse modificado ou se Y fosse diferente? Este é o perfil que costuma fazer perguntas durante uma aula, deixar comentários em posts, enviar emails para autores de sites, buscando refinar seu aprendizado. Fornecer a possibilidade de diálogo completa o ciclo de apendizado e permite desdobrar o conteúdo em mídias sociais e fóruns online.
Eu entendo que este sistema, como qualquer sistema, tenha suas falhas, mas funcione melhor e seja mais sustentável do que simplesmente “nivelar o curso por baixo”!
E você, o que acha?
Escolha corretamente a abordagem do seu curso online
Publicado; 14/02/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »Extraído de http://www.articulate.com/rapid-elearning/
Montar um curso online pode ser uma tarefa cara e demorada, por isso você deve estar preparado em escolher a abordagem correta e não desperdiçar seus recursos em um conteúdo mais complexo do que o necessário. Ao invés disso, seu objetivo deve ser criar o melhor curso possível dentro dos recursos/ferramentas disponíveis.

A seguir, vamos conhecer algumas técnicas que lhe ajudarão a escolher a abordagem a ser empregada no seu curso.
Transforme os objetivos do curso em um elemento motivador
Publicado; 07/02/2008 Filed under: Design Instrucional, Ferramentas, Insights, Mercado, Usabilidade | Tags: arquitetura da informação, Design, Design Instrucional, e-learning, educação, ensino a distância, tecnologia, Usabilidade Leave a comment »Normalmente, na abertura de nossos cursos, apresentamos os objetivos do conteúdo a ser aprendido. Acontece que muitas vezes eles são extensos e não dizem nada a respeito da vida real do usuário.Neste artigo serão apresentadas algumas sugestões que irão tranformá-los em metas que motivarão os usuários a se comprometer com o curso.

Digamos que os objetivos a seguir sejam apresentados no início de um curso de representante de vendas. Veja a diferença entre duas abordagens… Leia o resto deste post »



