Interfaces para Softwares Educativos

Tamanho: px

Começar a partir da página:

Download "Interfaces para Softwares Educativos"

Stefany Canejo Estrela
8 Há anos
Visualizações:

1 Interfaces para Softwares Educativos Eliseo Reategui Departamento de Informática Universidade de Caxias do Sul

2 Interfaces para Softwares Educativos

3 Interfaces para Softwares Educativos Imagens e Animações Apresentação de Textos Layout de Tela Orientação e Navegação Interação Estética e Afetividade

4 Imagens e Animações

5 Imagens e Animações Formas com que imagens são empregadas em material educativo (Meyer, 2001): Decorativa Representativa Organizacional Explanatória

6 Imagens e Animações Função Decorativa

7 Função Representativa Imagens e Animações

8 Imagens e Animações Função Organizacional

9 Imagens e Animações Função Explanatória

10 Imagens e Animações Animações podem ser categorizadas de modo semelhante ao modo de categorização das imagens estáticas?

11 Imagens e Animações Animações decorativas podem estimular interesse, curiosidade. Podem também perturbar e distrair o usuário.

12 Imagens e Animações Função Explanatória

13 Imagens e Animações Texto Texto e imagens estáticas Texto e animação Morrison e Tversky, B. (2001)

14 Apresentação de textos

15 Apresentação de Textos Diferenças Baixa resolução caracteres O UOL lançou neste mês um serviço de com capacidade de armazenamento de 2 GB ao custo de R$ 7,90 por mês, mesmo preço cobrado pelo concorrente Terra por uma caixa postal com 1 GB. O novo do UOL é parte de um pacote adicional apenas para assinantes do portal. O pacote também oferece todo o conteúdo exclusivo do UOL, AntiSpam UOL já ativado, antivírus, Acelerador UOL de , blog, fotoblog, álbum de fotos, videopapo, videomail, entre outros. Uma vantagem do novo serviço do UOL é que ele não apaga automaticamente as mensagens da caixa de entrada depois de um período determinado, como acontece em alguns webmails. Com isso, é possível Olhar fixo em uma fonte de luz (ao invés de luz refletida)

O pacote também oferece todo o conteúdo exclusivo do UOL, AntiSpam UOL já ativado, antivírus, Acelerador UOL de e-mail, blog, fotoblog, álbum de fotos, videopapo, videomail, entre outros.

16 Apresentação de Textos Verdana: Fontes otimizadas para a tela têm formas claras e um espaçamento maior entre letras. Tahoma: Fontes otimizadas para a tela têm formas claras e um espaçamento maior entre letras. Georgia: Fontes otimizadas para a tela têm formas claras e um espaçamento maior entre letras. Times: Fontes otimizadas para a tela têm formas claras e um espaçamento maior entre letras.

Tahoma: Fontes otimizadas para a tela têm formas claras e um espaçamento Georgia: Fontes

17 Apresentação de Textos Fonte com Serifa Fonte sem Serifa

18 Layout de Tela

19 Layout de Tela

20 Layout de Tela

21 Ordem de importância Layout de Tela

22 Alinhamento Layout de Tela

23 Orientação e Navegação

24 Orientação e Navegação

25 Títulos Orientação e Navegação

26 Orientação e Navegação

27 Esquema de cores Orientação e Navegação

28 Orientação e Navegação Hiperlinks A palavra inglesa link entrou na língua portuguesa por via de redes de computadores (em especial a Internet), servindo de forma curta para designar as hiperligações do hipertexto. O seu significado é "atalho", "caminho" ou "ligação". Através dos links é possível produzir arquivos não lineares ou simplesmente inserir ilustrações em um arquivo de texto. Na web designa partes clicáveis em forma de texto ou imagem, que levam a outras partes de um sítio.

29 Orientação e Navegação

30 Interação

31 Interação Piaget explica a gênese e o desenvolvimento do conhecimento por interação (S O).

32 Interação

33 Interação

34 Interação

35 Interação/Usabilidade

36 Estética

37 Estética

38 Estética Correlação entre estética da interface e percepção a priori da facilidade de utilização do sistema (Tractinsky, 1997)

39 Estética/Afetividade Antropomorfismo Desenhos animados Interface

40 Estética e Afetividade Considerações finais Interfaces dos softwares educativos desenvolvidas com o propósito de operar e controlar um sistema. Aspectos como usabilidade, interação, afetividade, entre outros devem ser considerados Dado o caráter multidisciplinar do desenvolvimento de softwares educativos, diretrizes específicas para o design das interfaces são necessárias

41 Referências Meyer, Richard. Multimedia Learning. New York, NY: Cambridge University Press, Morrison, J. B. and Tversky, B. The (In)Effectiveness of Animation in Instruction. CHI 2001, Short Talk. Seattle, USA, 31 March-5 April 2001 Preece, J., Rogers, Y., Sharp, H. Design de Interação. Além da Interação Humano-Computador. Porto Alegre, RS: Bookman pp Tractinsky, N. Aesthetics and apparent usability: empirically assessing cultural and methodological issues. Proceedings of CHI 97. Atlanta, Georgia, USA Wardeiner, M. R. (2007). Usability Engineering Team: Design Guidelines. NASA Glen Research Center. Disponível em:

Documentos relacionados

OneDrive: saiba como usar a nuvem da Microsoft

OneDrive: saiba como usar a nuvem da Microsoft O OneDrive é um serviço de armazenamento na nuvem da Microsoft que oferece a opção de guardar até 7 GB de arquivos grátis na rede. Ou seja, o usuário pode