Aula 3

Design da Informação Conversa Inicial

1 2
31 31

Profª Caroline Winkelmann

1 2

Como projetar informação

Estudaremos os seguintes temas:
Contexto de uso
Tipos de informação
O objetivo de hoje é aprender como pensar e
projetar a informação de maneira visual, do Trabalhando com a informação
planejamento até a composição gráfica
3 4
31 31
Hierarquia da informação
Aspectos gráficos

3 4

Acesso à informação

Contexto de uso Em que contexto o usuário vai acessar esse

material?
5
31
6
31
E o que é necessário para comunicar dentro
desse contexto?

5 6

1
 Análise de exemplo

Material ilustrado com instruções para

7
31
emergências em voos 8
31

T.B. photo/Shutterstock

7 8

Tipos de informação

Tipos de informação “Saber como algo é não é a mesma coisa que

saber como aquilo funciona” (Katz, 2012)
9
31
10
31
Estratégia para apresentar a informação
necessária sem gerar ruído ou desinformação

9 10

Análise de exemplo

Mapa-diagrama do metrô de Londres, por

11
31
Harry Beck (1931) 12
31

Claudio Divizia/Shutterstock

11 12

2
 Representações visuais

Contexto de uso
Trabalhando com a informação Tipo de informação
Representação visual
13 14
31 31

Atenção para não distorcer a interpretação

dos dados

13 14

Variáveis a serem ponderadas Perguntas a serem respondidas

Quem?
Simplicidade ou elaboração
Quanto?
Qualitativo ou quantitativo
Onde?
Visão ou execução
15 16
Quando?
Atributos individuais ou comparação
31 31

Como?
Mudança ou status quo
Por quê?

15 16

Organização e categorização
Que pergunta responde?
Que tipo de informação é?
Hierarquia da informação
Hierarquização
17
31
18
31
Há uma informação mais importante?
Há uma ordem de leitura?
Como diferenciar as categorias?

17 18

3
 Planejamento e estratégia

Aspectos gráficos
“A organização de um projeto de design é um
19
31
problema de design” (Frascara, 2004) 20
31

19 20

Composição visual Aspectos gráficos

Conforme se ganha experiência, isso tende a Cores

ser feito de maneira mais intuitiva Tipografia
21
31
Aspectos gráficos traduzem as etapas de 22
31
Formas
planejamento e organização Grid

21 22

Análise de exemplo 1

Representação dos grupos alimentares e suas

23
31
proporções 24
31

Ilusmedical/Shutterstock

23 24

4
 Análise de exemplo 2

Uso da cor em interface digital

25 26
31 31

AlexanderTrou/Shutterstock

25 26

Traduzindo para o visual

No material escrito, você encontra um texto

Na Prática com diversos tipos de informação sobre uma
personalidade do design da informação.
27
31
28
31
Organize, categorize e planeje essas
informações em um material ilustrado
informativo

27 28

Requisitos:
Finalizando
A4 (297 mm x210 mm)
29
31
Perfil ilustrado para uma revista ficcional 30
31

29 30

5
 Organização e planejamento
Contexto de uso
Tipo de informação
31
31
Como trabalhar com a informação 32
31

Traduzindo o planejamento para o visual

31 32