Este documento apresenta uma metodologia para a conceção de ecrãs multimédia, discutindo tópicos como objetivos, conteúdo, retórica da página, cor, texto, gráficos, fotografias, som e animações. A metodologia enfatiza a importância de definir objetivos claros, conteúdo relevante e apresentar informações de forma legível, equilibrada e atrativa para o usuário.

1. Apresentações
Multimédia
Metodologia de Conceção de Ecrãs

2. Objetivo da apresentação
Agenda
▪ Definição de objetivos
▪ Definição do conteúdo
▪ Retórica da página
▪ Análise da cor
▪ Escrita de texto
▪ Gráficos/esquemas
▪ Fotografias
▪ Efeitos sonoros
▪ Imagens animadas
2

3. Metodologia
Definição de objetivos Definição do conteúdo
▪ Objetivos ▪ Conteúdo
▪ Informação ▪ Pertinente
▪ Sensibilização ▪ Preciso
▪ Atualização ▪ Rigoroso
▪ pedagógicos ▪ Exato
▪ Necessidades do aluno
3

4. Retórica da página
Ecrã vs. Papel
▪ O ecrã é normalmente:
▪ Mais pequeno
▪ Tem mais grão
▪ Menos legível
▪ Não manipulável
4

5. Retórica da página
Divisão do Ecrã em áreas funcionais Enquadramento da área principal
▪ Informação principal ▪ Área principal centrada
▪ Informação de controlo – comandos, ▪ Áreas menos importantes –
botões, etc… colocadas na periferia
▪ Informação de Controlo – help
5

6. Retórica da Página
Equilíbrio do ecrã
▪ Equilíbrio entre os diferentes
elementos ecrãs
▪ Textos
▪ Gráficos
▪ Imagens
▪ Proceder das seguintes formas
▪ Simetricamente
▪ Da esquerda para a direita
▪ De cima para baixo
6

7. Retórica da página
Organização da informação em
Agrupamento de itens idênticos
padrões lógicos e familiares
▪ Em subecrãs mais simples ▪ Empilhar itens para sugerir
sequência
▪ Colocando em volta uma margem a
branco ▪ Colocar os itens lado a lado para
sugerir alternativas
▪ Desenhando uma caixa em volta ▪ Usar dimensão para exprimir maior
importância
▪ Usando uma cor diferente, um tipo
de letra diferente… ▪ Sobrepor para indicar prioridade
▪ Combinar técnicas
7

8. Retórica da página
Formas de destacar a informação
Ênfase
mais importante
▪ Discreto
▪ Maiúsculas
▪ Usar o destaque com discrição ▪ Itálico
▪ Outra fonte
▪ Nunca destacar mais de 10% da ▪ Forte
informação ▪ Bold
▪ Maior brilho
▪ Quando a informação é para ler, ▪ Mudança de cor
evitar mecanismos que reduzem a
legibilidade ▪ Muito forte
▪ Piscar
▪ Criar uma animação
8

9. Retórica da página
Densidade de informação
▪ Regras a considerar
▪ Não empacotar a informação de forma
muito densa
▪ Evitar a abundância de pormenores
▪ Procurar sintetizar
▪ Apresentar a informação de forma
progressiva
▪ Usar espaços em branco
▪ Manter a coerência
9

10. Retórica das cores
Utilização das cores Cores em decrescendum de contraste
▪ Ligar/relacionar – cores ▪ Amarelo
semelhantes: laranja e amarelo ▪ Laranja
▪ Diferenciar - cores contrastantes: ▪ Verde
azul e amarelo ▪ Vermelho
▪ Chamar a atenção –cores claras, ▪ Ciano
brilhantes (em decrescendum)
▪ Magenta
▪ Retratar objetos naturais ▪ Azul
▪ Atrair/realçar ▪ Branco
10

11. Retórica das cores
Problemas da cor
▪ Dispersão da atenção
▪ Interferência com outras cores de
quadros / janelas
▪ A fadiga visual devido a
combinações inadequadas: azul e
vermelho
▪ As dificuldades de discriminação
das cores por algumas pessoas
(daltonismo)
11

12. Retórica das cores
Critérios
▪ Ser pouco numerosas . O número
desejável é de 3
▪ Contribuir para uma continuidade
visual
▪ Diferenciar-se bem
▪ Respeitar os códigos social e
cultural
▪ Atribuir um sentido determinado
12

13. Escrita de texto
Legibilidade
▪ Escrever frases curtas
▪ Misturar maiúsculas e minúsculas
de um modo equilibrado
▪ Apresentar o texto por blocos
▪ Ocupar com texto um terço ou
metade do ecrã
▪ Não utilizar as duas primeiras do
ecrã
13

14. Escrita de texto
Estilo
▪ Ser conciso
▪ Ser claro
▪ Ajudar a memorizar pormenores
▪ Ser simples
▪ Ter um impacto emocional
▪ Ser coerente
▪ Ser harmonioso
▪ Respeitar a sintaxe, os acentos a pontuação e a
ortografia
▪ Estar adaptado ao destinatário
14

15. Gráficos / esquemas
Critérios
▪ Ser adequados
▪ Fazer compreender
▪ Não perturbar o processo de comunicação
▪ Estimular o interesse
▪ Não ser repetitivos
▪ Não ser demasiados lentos
▪ Servir para apoiar e ilustrar
▪ Ter qualidade
15

16. Gráficos / esquemas
Tipos de gráficos
▪ Figurativos
▪ Esquemáticos
▪ Simbólicos
▪ Abstratos
16

17. Fotografias
A fotografia permite
▪ Evocar
▪ Sugerir
▪ Suscitar emoções
▪ Fazer reagir
17

18. Efeitos sonoros
Música
▪ Criar ambiente certo
▪ Sugerir
▪ Evocar
▪ Suscitar emoções (alegria, tristeza,
etc)
▪ Imprimir ritmo
18

19. Efeitos sonoros
Voz off Ruídos
▪ Complementar o texto escrito ▪ Ilustrar
▪ Aumentar a memorização ▪ Imprimir realismo
▪ Atrair a atenção ▪ Dar ritmo
▪ Ajuda / reforço
19

20. Imagens animadas
Animações / Vídeo
▪ Divertir
▪ Dinamizar
▪ Dar ritmo
▪ Imprimir realismo
▪ Compreensão de um processo
técnico, mais ou menos complexo
20

21. Referências
Adaptação para a formação “Produção de Recursos Digitais para Moodle” – EB23 do
Caniço – 2012
▪ Fontes
Nunes, Maria Clara R. – Apresentações e Programas
Multimédia, uma metodologia de concepção de ecrãs –
Formar, Lisboa
21