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 #1
CONTEÚDO 01/ ALINHANDO EXPECTATIVAS E FOCO
APRESENTAÇÃO
O QUE, POR QUÊ E COMO
INTRODUÇÃO AO TEMA RELEVÂNCIA E ABRANGÊNCIA
02/ VISUALIDADES
DESIGN INFORMACIONAL, DATA VISUALIZATION E INFOGRAFIA ATRAVÉS DOS TEMPOS CONSTRUINDO O DISCURSO
SEMIÓTICA E O PENSAMENTO DE DESIGN OFICINA
VISUAL MAPPING PESQUISA E ETNOGRAFIA EM DESIGN
INTRODUÇÃO AO TEMA
CONTEÚDO 03/ TROCANDO EXPERIÊNCIAS
EXPOSIÇÃO DOS TRABALHOS INDIVISUAIS DESENVOLVIDOS
04/ MAPEANDO DADOS COM GRUPOS/ PÚBLICOS ESPECÍFICOS • PIXELATED GENERATION CASA: PESQUISA EM TV
VISUALIZAÇÃO DE DADOS PARA DESIGNERS PLANEJAMENTO CRIATIVO PAINÉIS SEMÂNTICOS MIND MAPS STORYTELING ENVISIONING CONTEÚDO ADICIONAL
CONSTRUINDO COM TIPOS
nscrição cuneiforme suméria • cerca de 3500 a.c.
Selo de impressão babilônico • cerca de 3400 a.c.
Hier贸glifos eg铆pcios cerca de 3000 a.c.
Escrita pré-colombiana • cerca de 900-650 a.c.
{ }
DESIGN E UX
ÁREAS RELACIONADAS
ESPECTRO DA EXPERIÊNCIA DO USUÁRIO TECNOLOGIA
UX
NEGÓCIO
DESIGN
DESIGN
ARQUITETURA DA INFORMAÇÃO PILOTO
INTERFACE ENGENHARIA ! DA USABILIDADE
PERFORMANCE
SIMPLICIDADE
UX
DESIGN DA INFORMAÇÃO
GUIAS DE ESTILO / BRAND BOOK
PLANO DE! NEGÓCIOS CONSISTÊNCIA
DESENVOLVIMENTO! DE VISUAL DESIGN
BRANDING COMUNICAÇÃO! DE MERCADO
DESIGN DE SUPERFÍCIE / AMBIENTES
MARKETING
LOOK AND FEEL
ARQUITETURA DA INFORMAÇÃO PILOTO
INTERFACE ENGENHARIA ! DA USABILIDADE
PERFORMANCE
SIMPLICIDADE
UX
DESIGN DA INFORMAÇÃO
GUIAS DE ESTILO / BRAND BOOK
PLANO DE! NEGÓCIOS CONSISTÊNCIA
DESENVOLVIMENTO! DE VISUAL DESIGN
BRANDING COMUNICAÇÃO! DE MERCADO
DESIGN DE SUPERFÍCIE / AMBIENTES
MARKETING
LOOK AND FEEL
ARQUITETURA DA INFORMAÇÃO PILOTO
INTERFACE ENGENHARIA ! DA USABILIDADE
PERFORMANCE
SIMPLICIDADE
UX
DESIGN DA INFORMAÇÃO
GUIAS DE ESTILO / BRAND BOOK
PLANO DE! NEGÓCIOS CONSISTÊNCIA
DESENVOLVIMENTO! DE VISUAL DESIGN
BRANDING COMUNICAÇÃO! DE MERCADO
DESIGN DE SUPERFÍCIE / AMBIENTES
MARKETING
LOOK AND FEEL
ONDE ESTÁ O DESIGN INFORMACIONAL?
?
TAGS INFOGRÁFICOS / INTERFACES / NARRATIVAS VISUAIS / AMBIENTAÇÕES / SISTEMAS INFORMACIONAIS / SINALIZAÇÃO / VISUALIZAÇÃO DE INFORMAÇÃO E DADOS / SISTEMAS PICTOGRÁFICOS / CONSTRUÇÃO DE NARRATIVAS / NARRATIVAS PARA EXPERIÊNCIA / DESIGN CENTRADO NO USUÁRIO / PESQUISA DE DESIGN / HUMAN CENTRED DESIGN /
SISTEMAS DE
COMU NICA ÇÃO VISUAL
http://www.designcouncil.org.uk/about-design/types-of-design/graphic-design/
ACESSO AOS COMPUTADORES FEZ AS PESSOAS SE TORNAREM ACURADAMENTE INFORMADAS E “ENTENDIDAS” SOBRE O QUE É DESIGN GRÁFICO “TYPEFACE”
“CORES LEGAIS”
“EU GOSTO DAQUELA TYPEFACE” “LIMPO E ORGANIZADO”
“ALGO BONITO”
CRIAMOS LINGUAGEM VISUAL PARA PESSOAS USAREM E PARA AJUDÁ-LAS A COMUNICAR PARA UM GRANDE PÚBLICO EXTENSÕES E DESDOBRAMENTOS
TYPEFACE
LOGO / BRAND CORES
USO DE IMAGENS ESCOLHA DE IMAGERY
É COMO VOCÊ COMUNICA NAQUELE MESMO TOM DE VOZ EM OUTRAS PLATAFORMAS: COMO NUM WEBSITE, NUM AMBIENTE OU EM UMA SACOLA DE COMPRAS
TYPEFACE CORES
FORMAS QUANTAS COLUNAS
CORPO DO TEXTO
COMO VOCÊ IRÁ ORGANIZÁ-LOS OU COMBINÁ-LOS
TÍTULO SUB-TÍTULO
IMAGERY
A HIERARQUIA EM QUE ELES APARECERÃO NA PÁGINA
DESTAQUE
TAMANHO POSIÇÃO
DESIGN DECISIONS
ESPAÇAMENTO
TAMANHO
ELEMENTOS DE DESIGN VOCÊ USARÁ
MATERIAIS
DISTÂNCIA
ANIMAÇÃO FOTOGRAFIA
ILUSTRAÇÃO
QUAL TOM DE VOZ, ESTILO, TÉCNICA OU LINGUAGEM EMPREGADOS ABSTRATA
FIGURATIVA
RACIONALISTA
POÉTICA
QUAL IDEIA OU MENSAGEM SERÁ ARTICULADA
SISTEMAS DE COMUNICAÇÃO VISUAL
SISTEMAS
Reactivision
FeedTool code
DATA VISUALIZATION É A “NEXT BIG THING”
SE VOCÊ TEM UM VOLUME INFINDÁVEL DE INFORMAÇÃO COMO VOCÊ PODE ORGANIZAR ISSO DE FORMA SIMPLES E COMPREENSÍVEL ? Saber utilizar ferramentas de representação visual é essencial para organizações. Essas ferramentas auxiliam profissionais compreenderem e darem sentido a uma onda interminável de informações que nos abate cade vez mais rápido do que nunca.
NOSSOS CÉREBROS RESPONDEM MUITO MELHOR À INFORMAÇÃO VISUAL DO QUE A INTERMINÁVEIS COLUNAS DE TEXTO EM PÁGINAS.
E o alcance e efetividade desta disciplina propõe compreensões e recursos que vão muito além do que ferramentas como tabelas e gráficos de Excell.
INFOGRAFIA E VISUALIZAÇÃO DE DADOS PODE SER EXECUTADA DE FORMA SIMPLES, DESDE QUE VOCÊ TENHA UMA BOA NARRATIVA QUE ASSEGURE A ESTRUTURA DO DISCURSO.
NARRATIVA
INDEPENDENTE DO CONTEÚDO A SER COMUNICADO É INTERESSANTE SE ATER À LINGUAGEM DA SUA AUDIÊNCIA ALVO, ENFATIZANDO DADOS DENTRO DE UMA RETÓRICA RELEVANTE.
DESIGN É PROCESSO
DESIGN INFORMACIONAL PODE SER COMPLEXO EM SUA REALIZAÇÃO, MAS DEVE SER INTELEGÍVEL E CLARO, OBEDECENDO UMA MATRIZ, HIERARQUIAS, SEQÜÊNCIAS LÓGICAS COMPREENSÍVEIS.
RELEVÂNCIA DO ESTUDO BIG DATA, WEB UBIQUOTA + USER CENTRED SYSTEMS A INFORMAÇÃO ESTARÁ CADA VEZ MAIS DISPONÍVEL E INSERIDA COM RELEVÂNCIA EM TODA NOSSA VIDA; TAMBÉM O DESIGN INFORMACIONAL PARA CRIAR SISTEMAS VISUAIS E ORGANIZAR TODA INFORMAÇÃO DE MANEIRA CLARA E INTELIGENTE.
DESIGN INFORMACIONAL
NÃO É “FIRULAS”
DESIGN INFORMACIONAL É
OTIMIZAÇÃO DA INFORMAÇÃO
DESIGN INFORMACIONAL É
SISTEMATIZAÇÃO DA INFORMAÇÃO
DESIGN INFORMACIONAL É
RACIONALIZAÇÃO DA INFORMAÇÃO
DESIGN INFORMACIONAL É
CATEGORIZAÇÃO DA INFORMAÇÃO
QUALQUER BOBO INTELIGENTE PODE FAZER COISAS MAIORES E COMPLEXAS. MAS É PRECISO UM TOQUE DE GÊNIO E UM MONTE DE CORAGEM PARA MOVER-SE NA DIREÇÃO CONTRÁRIA. A. EINSTEIN
BIBLIOGRAFIA LIVROS RECOMENDADOS
CONTE-ME E ESQUECEREI. MOSTRE-ME E LEMBRAREI. ENVOLVA-ME E ENTENDEREI. PROVÉRBIO CHINÊS