8
Princípios de design na elaboração de material multimédia para a Web. Grupo VI: João Graça/Marcos Campos/Maria Sousa/Sandra Pinto/Sónia Cerejo Turma Porto Maio 2008 Disciplina: Concepção de Materiais Multimédia Professor: António Andrade

Grupo6 Cmm Legibilidade

Embed Size (px)

Citation preview

Page 1: Grupo6 Cmm Legibilidade

Princípios de design na elaboração de material

multimédia para a Web.

Grupo VI: João Graça/Marcos Campos/Maria Sousa/Sandra Pinto/Sónia Cerejo

Turma Porto Maio 2008

Disciplina: Concepção de Materiais MultimédiaProfessor: António Andrade

Page 2: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

Para tudo existe uma explicação...

Nos dias de hoje a organização e a apresentação da informação representa um

papel primordial no design de qualquer suporte.

Com a escolha deste artigo pretendeu-se criar uma estrutura, com um sentido claro

e objectivo de orientação, que são os factores mais importantes e determinantes do

sucesso da legibilidade.

Como a temática a desenvolver é a legibilidade considera-se pertinente a opção

por um texto que de alguma forma representa essa temática. Por outro lado, o

texto apresentado foca a estruturação de um sitio com conteúdos educativos e

reporta para a importância do seu design como forma de motivação e de facilidade

de acompanhamento de uma actividade.

Page 3: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

O planeamento O planeamento do interface deve obedecer aos seguintes aspectos:

Organizar a informação que aparece no desktop.

- A informação deve constar sempre no mesmo local.

- Só apresentar o que for relevante para o utilizador.

Como colocar informações na área de trabalho:

O uso de janelas permite ao aluno o acesso a diversas fontes de

informação necessárias à actividade. O seu design deve-se caracterizar

por apresentar o mesmo tamanho e na mesma posição.

Page 4: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

Para bem navegar...

A localização do utilizador no ambiente de trabalho pode ser feito de três

formas:

- Através do título da actividade;

- da opção marcada na barra de menu;

- ou no ícone no topo da página.

A localização do utilizador no ambiente de trabalho pode ser feito de três

formas:

- Através do título da actividade;

- da opção marcada na barra de menu;

- ou no ícone no topo da página.

Atenção aos links. Devem ser óbvios.

Cor e estilo diferente do texto padrão.

Page 5: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

Atenção no uso da cor:

- Não a usar arbitrariamente.

- Cuidado no uso do fundo colorido.

- Não usar cores de fundo que

reduzem a legibilidade do texto.

- Utilizar fundos que permitam a

impressão.

- Para leitura de texto não usar

fundos com textura.

Interessante

Os alunos preferem visuais

coloridos do que a preto e branco,

porém, não existe diferença na

aprendizagem.

Segundo os autores em legibilidade

quanto maior o contraste entre fonte

e fundo, melhor o desempenho na

leitura.

Como usar a cor...

Page 6: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

É interessante referir que o tipo de letra usado na palavra “optimus” é praticamente o mesmo da palavra “vodafone”. Basta comparar as letras “u”, “o” e “p” da primeira com o “n”, “o” e “d” da segunda. E o “t” e o “f” também têm o mesmo desenho. Mera coincidência?

Algumas considerações quanto ao uso de texto e fontes:

- O texto não deve ser justificado;

- Para leitura rápida deve usar-se letras maiúsculas e minúsculas;

- Texto pouco denso, usando espaço em branco;

- Escolher fontes que facilitem a leitura no desktop;

- Usar fontes sem serifa;

- Criar uma hierarquia tipográfica;

- O corpo de texto, títulos, e subtítulos devem apresentar- se sempre no mesmo formato.

Page 7: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

Como usar a imagem...

A principal função das imagens, como ferramentas de comunicação, é servir

como referência mais concreta ao significado.

Quando se está a produzir material para uso pedagógico é necessário

distinguir as imagens que se gostam de olhar daquelas que contribuem para

uma aprendizagem efectiva.

Um maior realismo (fotografia) não significa melhor aprendizagem e,

apesar de os alunos preferirem as fotografias, os desenhos são mais

efectivos para a aprendizagem. Os desenhos realçam os detalhes.

Page 8: Grupo6 Cmm Legibilidade

Porquê este artigo?

Interface.

Navegação.

Cores.

Texto.

Imagem.

Multimédia.

Como se usa o multimédia?

Já se referiu anteriormente alguns dos elementos que

constituem o multimédia.

A sua eficaz utilização apresenta um papel primordial na

aquisição do conhecimento. A construção desses formatos,

com o objectivo de uso em contexto de aprendizagem, tem

sido objecto de investigação pela psicologia cognitiva, com

estudos sobre o processo de informação e memorização.

Elementos Multimédia.

- Texto

- Imagens

- Som

- Vídeo

- Animações

- Simulações

Ter em atenção a adequação dos elementos

multimédia às necessidades dos utilizadores.

Ter em atenção a adequação dos elementos

multimédia às necessidades dos utilizadores.