DESIGN CENTRADO NO USUÁRIO/ PÓS GRADUAÇÃO / UNIVERSIDADE POSITIVO
DESIGN DA INFORMAÇÃO/ SETEMBRO 2014
M.A. MÁRCIO FÁBIO O. LEITE
AULA #2
#AVALIAÇÃO CONSTRUIR E REPRESENTAR VISUALMENTE UM PROCESSO E SUAS ETAPAS, UTILIZANDO SEUS CONHECIMENTOS EM INFOGRAFIA E VISUALIZAÇÃO DE DADOS.
#ENTREGA O FORMATO DE ESPERADO É: !
1) 01 POSTER A3 IMPRESSO !
2) REGISTROS/EVIDÊNCIAS DO SEU PROCESSO 4) POSTER + ADENDOS EM PDF !
ENTREGUES EM CLASSE NO DIA DA AULA * NÃO ENVIAR VIA SITE DE TRANSFERÊNCIA OU E-MAIL.
#DESENVOLVIMENTO • DEFINA O SEU TEMA/PROCESSO (O QUÊ) • DEFINA SEU PÚBLICO/AUDIÊNCIA (PARA QUEM) • ELABORE O STORYTELLING (O QUE VC VAI CONTAR) • ESCOLHA A LINGUAGEM VISUAL E TÉCNICA (COMO VOCÊ VAI CONTAR VISUALMENTE)
VOCÊ PODE ESCOLHER UM NOVO TEMA/PROCESSO OU APRIMORAR A REPRESENTAÇÃO VISUAL DO EXERCÍCIO FEITO EM CLASSE.
#ORIENTAÇÕES
NÃO É O ASSUNTO, É O ENFOQUE Conhecer os tipos clássicos de infografia ajuda, mas não é o suficiente para resolver o problema inicial (—Que tipo de infográfico devemos usar? Qual vai comunicar melhor o que estamos querendo mostrar?).
VISUAL MAPPING PLANEJAMENTO Estabeleça um objetivo: O quê o infográfico vai contar? Quais os principais pontos deste processo devem aparecer, qual deve ter destaque central, qual a cronologia e acima de tudo: quem é a audiência deste infográfico?
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING COMPARE E CONTRASTE Muitas escalas de medidas, como hectares, Farhenreit, Richter etc., são difíceis de entender pois não fazem parte de nosso cotidiano. Transporte essas escalas para representações utilizando proporção e contraste de forma que o leitor reconheça a informação.
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING
A IDEIA GRÁFICA Não despreze nenhuma ideia durante o seu processo. Anote e rascunhe cada uma no papel, pois elas podem ajudar a construir sua narrativa visual final.
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING
O CONTEÚDO Simplifique e mantenha o foco. Lembre do objetivo inicial do infográfico e elimine dados em excesso que possam criar ruído na comunicação
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING
ADICIONE REDUNDÂNCIA Redundância causa ruído em texto, mas, numa infografia facilita a compreensão visual. Num infográfico sobre um acidente de avião, espera-se ver um avião, não uma bolinha vermelha.
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING EDIÇÃO E REVISÃO Crie ordem. Agrupe informações similares em blocos com subtítulos. !
Gaste tempo com os títulos e subtítulos. Eles devem conduzir a leitura de forma clara e objetiva dentro de uma linguagem visual compreensível para a audiência. SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING
PENSE VISUALMENTE Antes mesmo de definir qual linguagem gráfica ou técnica irá utilizar, pense em analogias e metáforas visuais e faça associações. É isso que dará forma e clareza à informação a ser representada.
SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
VISUAL MAPPING OUT OF THE BOX Pense lateralmente, seja criativo, um gráfico de excell é sempre um gráfico. Mas o mesmo gráfico construído com copos d'água colorido para falar de recursos hídricos, ou folhas de árvore para falar de desmatamento, podem antecipar visualmente e fixar o teor do conteúdo a ser contado. SIMPLICIDADE FACILITA O DIDATISMO. PRIVILEGIE A INFORMAÇÃO VISUAL E EVITE IMAGENS APENAS DECORATIVAS. USE APENAS OS DADOS E REFERÊNCIAS NECESSÁRIOS
#PROCESSO
COMO VOCÊ FAZ É TÃO OU MAIS IMPORTANTE DO QUE O RESULTADO FINAL
OS MEIOS QUE VOCÊ UTILIZA SÃO TÃO OU MAIS IMPORTANTES DO QUE O RESULTADO FINAL
RECOMENDAÇÕES #1
#2
É ACONSELHÁVEL QUE O TRABALHO SEJA FEITO E DISCUTIDO EM CONJUNTO, MAS A APRESENTAÇÃO E ENTREGA FINAL É INDIVIDUAL .
#3
O FORMATO DE APRESENTAÇÃO SERÁ 1 POSTER A3 IMPRESSO.
SERÃO AVALIADOS NÃO APENAS A APRESENTAÇÃO FINAL MAS SEUS SKETCH BOOKS, RASCUNHOS, LEITURAS E DESENVOLVIMENTOS OS QUAIS PODEM SER ENTREGUES EM FOTOGRAFIAS/ IMAGENS NO ADENDO DO PDF.
#4
#5
KEEP IT SIMPLE AND SHORT. SEJA SUCINTO MAS DELIMITE FOCO E BUSQUE PROFUNDIDADE.
SE ESFORCEM PARA QUE O TRABALHO PAREÇA REAL, PROFISSIONAL.
O RESULTADO PRECISA SER ALGO QUE VOCÊS SE ORGULHEM EM MOSTRAR.
A PROPOSTA É APENAS UM ESTUDO, MAS É ESPERADO QUE O RESULTADO SEJA VISUALMENTE COERENTE, DESIGN-WISE ELEGANTE.
EXEMPLOS
PROJETOS ANOS ANTERIORES
% 3,.703$88
!"#$%
'56 -0.,5)(
#$920$:
!
% $ # " ! :-0.,5 #$920$
0-')1#2)3
8% 3,.703$8
0$ $)+.)/. (*+,)-$' )5,+6 $) ' ( ' & 2-)$/'$4 1)$.2+3
)/.0$ . + ) $ ' $ (*+,) ) $ ' ( 5,+6 ' ) & 4 $ ' / 2-)$ 1)$.2+3 )('56
()*$+),-)./"
!"#$%&'" Textual (Poemas, Livros) Verbal (Contos, Improvisos, Diálogos) Áudio-Visual (Arte, Música, Fotografia) Sensorial (Aromas, Tátil, etc) Movimento (Dança, Acrobacia)
!"#$; #$920$"0('5$
/)$<)/=)6
ntil Conteúdo infa Teatro Infantil s Parceria com to de soluçõe desenvolvimen Equipe para nto - juvenil tas) Audiência Infa cadores e artis edu , pais ( lta Audiência Adu
divers
venil
o cia diên
Au
Teatro + Internet
to-Ju Infan
Textual (Poemas, Livros)
!"#$%&'"
Verbal (Contos, Improvisos, Diálogos) Áudio-Visual (Arte, Música, Fotografia)
)-$'$)+.)/.0$ &'('$)(*+, '$4-)5,+6 1)$.2+32-)$/
Sensorial (Aromas, Tátil, etc)
3,.703$88%
!"#$>
veis
ponsá
e Res
0-')1#2)3
()*$+),-)./"
' $:@A+,.'$!+B &'/?0.0/1'$'
Movimento (Dança, Acrobacia)
2-6 Anos 6-10 Anos
Quem é? Qual sua faixa etária?
10 +
0-2 Anos
&'('$)(*+,)$'$)+.)/.0$ 1)$.2+32-)$/' $4-)5,+6
Quais suas expectativas? Qual seu grau de compreensão? Como ele recebe Cultura / Informação? Como ele reage em um teatro? Como ele interage com teatro e tecnologia?
Qual seu poder de decisão?
&'('$)(*+,)-$'$)+.)/.0$ 1)$.2+32-)$/'$4-)5,+6
!"#$C
3,.703$88%
Quem é? Quais suas expectativas? Qual seu grau de envolvimento?
D3)70?'+10-5$EF/30-055)1' 5G
Pais e Responsáveis Criança
!"#$; #$920$"0('5$/
)$<)/=)6
3,.703$88%
Cont eúdo
3,.703$88%
&'('$)(*+,)-$' $)+.)/.0$ 1)$.2+32-)$/'$4 -)5,+6
!
fantil Conteúdo in il Teatro Infant Parceria com es to de soluçõ en m vi ol desenv Equipe para l fanto - juveni Audiência In artistas) ucadores e ulta ( pais, ed Ad a ci ên di Au
Educadores
Possíveis Investidores
Artistas
Teatro / Funcionários
!"#$H !*-050/3)IJ'
$1)$*05K2,5)
do div erso
Teatro + Internet
Mood Boards, entrevistas com Stakeholders
$ )-$'$)+.)/.0 +, * ( $) ' ( ' & '$4-)5,+6 1)$.2+32-)$/
!"#$>
3,.703$88%
Journey Maps, Character Profiles, Personas , Blue Prints,
A+,.'$!+B'
2-6 Anos
$'$:@ &'/?0.0/1'
6-10 Anos
Quem é? Qual sua faixa etária? Quais suas expectativas? Qual seu grau de compreensão? Como ele recebe Cultura / Informação? Como ele reage em um teatro? Como ele interage com teatro e tecnologia?
0-2 Anos
10 +
Res nil e -Juve
fanto
cia In
n Audiê
Apresentação do resultado obtido na pesquisa através das ferramentas do design thinking:
áveis
pons
Cont eú
3,.703$88%
&'('$)(*+, )-$'$)+.)/.0 $ 1)$.2+32-)$/ '$4-)5,+6
$ )-$'$)+.)/.0 +, * ( $) ' ( ' & '$4-)5,+6 1)$.2+32-)$/ 3,.703$88%
!"#$>
A+,.'$!+B'
2-6 Anos
$'$:@ &'/?0.0/1'
6-10 Anos
Quem é? Qual sua faixa etária?
10 +
0-2 Anos
Quais suas expectativas? Qual seu grau de compreensão? Como ele recebe Cultura / Informação? Como ele reage em um teatro? Como ele interage com teatro e tecnologia?
Qual seu grau de envolvimento? Qual seu poder de decisão?
&'('$)(*+,)-$'$)+.)/.0$ 1)$.2+32-)$/'$4-)5,+6
!"#$C
D3)70?'+10-5$EF/30-055)1' 5G
Pais e Responsáveis Criança
Educadores
Possíveis Investidores
Artistas
Teatro / Funcionários
!*-050/3)IJ '$
1)$*05K2,5)
3,.703$88%
&'('$)(*+, )-$'$)+.)/.0 $ 1)$.2+32-)$/ '$4-)5,+6
!"#$H
3,.703$88%
Quem é? Quais suas expectativas?
Apresentação do resultado obtido na pesquisa através das ferramentas do design thinking: Journey Maps, Character Profiles, Personas , Blue Prints, Mood Boards, entrevistas com Stakeholders
EVIDÊNCIAS LEITURAS
EVIDÊNCIAS
SKETCH BOOK / ANOTAÇÕES
EVIDÊNCIAS
SKETCH BOOK / ANOTAÇÕES