Aula 01 - Fundamentos do Design de Informacao - Design com Informacao

Prévia do material em texto

Fundamentos
Design de Informação
Prof. Gilberto Consoni
2 maio 2017
1
Design de Informação
1
Necessidade de Informação
Information Design Handbook
Grady & Grady
2 maio 2017
2
Design de Informação
2
Representação
Precisa
Enquanto virtualmente todas as formas de design são centradas no ser humano, design de informação foca na representação precisa de conjuntos de conhecimento específicos e nas necessidades específicas do usuário final recebendo esse conteúdo.
2 maio 2017
3
Design de Informação
Destacar foco na informação
Design Centrado no Usuário
Representação Precisa de Conjuntos de Dados
Necessidades Específicas do Usuário
While virtually all forms of design are human-centered, information design focuses on the accurate representation of specific knowledge sets and the unique needs of the end user receiving that content.
3
Questões
da era da informação
Demanda por Conhecimento
Meios de Comunicação
Barreiras Culturais
Mensagens Conflitantes
2 maio 2017
4
Design de Informação
Colocar questões para discussão dos alunos:
4
Demanda por Conhecimento
A demanda por conhecimento universalmente acessível está aumentando a passos com o ritmo do mundo moderno.
2 maio 2017
5
Design de Informação
Falar sobre evolução da Internet
Introduzir era da informação
The demand for universally accessible knowledge is increasing in step with the pace of the modern world.
5
Meios de Comunicação
Na era da informação e da conectividade global, governos, corporações, instituições educacionais e indivíduos lutam tanto para encontrar melhores maneiras para se comunicarem.
2 maio 2017
6
Design de Informação
Falar sobre a busca por melhores meios de comunicações para:
Governos / Empresas / Escolas e Universidades / Pessoas
In an age of information and global connectivity, governments, corporation, educational institutions, and individuals alike struggle to find better ways to communicate.
6
Barreiras Culturais e Mensagens Conflitantes
Barreiras geográficas, culturais e linguísticas combinadas com o excesso de mensagens conflitantes de canais de medias disponíveis e as escolhas do consumidor tem criado uma enorme necessidade de clareza, da qual o design de informação é defensor.
2 maio 2017
7
Design de Informação
Destacar: Barreiras Culturais e de Idioma
Excesso de Informação (CANAIS CONFLITANTES)
Questionar momento do Brasil (Em quem confiar?)
Geographic, cultural, and language barriers, combined with a glut of conflicting messages available media channels, and consumer choices, have created an overwhelming need for clarity, of which the information designer is champion.
7
Tendências e implicações para designers
Tendências
Globalização através da tecnologia
Gastar mais tempo no trabalho
Mais meios, mais mensagens
Implicações
Mundo menor, base de clientes maior
Foco
dividido
Mais para aprender, mais para oferecer
2 maio 2017
8
Design de Informação
Pedir para alunos compararem questões com o design gráfico
8
Globalização através da tecnologia
TENDÊNCIA
2 maio 2017
9
Cada um desses usuários tem o poder de acessar e distribuir um vasto montante de informações de qualquer lugar do mundo com uma conexão de internet.
Design de Informação
Tendência
Acesso global da informação
Compartilhamento global de informação
Each of those user has the power to access or distribute a vast amount of information from anywhere in the world with an internet connection.
9
Mundo menor, base de clientes maior
IMPLICAÇÃO
2 maio 2017
10
Tecnologias de comunicação permitem que as pessoas compartilhem informações globalmente que uma vez foram dirigidas a usuários finais locais ou muito específicos.
Design de Informação
Implicação
Usuários locais X Usuários globais
Lugares e Não lugares (Marc Augé, 1995)
Desterritorialização (Félix Guatarri) (Deleuze)
Communication technology allows people to globally share information that was once targeted at local or vey specific end user.
10
Mundo menor, base de clientes maior
IMPLICAÇÃO
2 maio 2017
11
[…] designers devem agora comunicar ideias para pessoas que podem ou não compartilharem suas línguas nativas, sensibilidades estéticas ou compreensões culturais.
Design de Informação
Implicação
Diferenças culturais, linguísticas e estéticas
[…] designers now must communicate ideas to people who may or may not share their native language, aesthetic sensibilities, or cultural understanding.
11
Mundo menor, base de clientes maior
IMPLICAÇÃO
2 maio 2017
12
A clara representação visual da informação é imprescindível para a compreensão do conhecimento existente, a criação de novo conhecimento, a expansão das economias, e por fim a nossa compreensão de um do outro.
Design de Informação
Implicação
Papel do Designer
Representar a informação visual para:
Compreensão do conhecimento
Criar conhecimento
Expandir economias
Compreender uns aos outros
Clear visual representation of information is imperative for the comprehension of existing knowledge, the creation of new knowledge, the expansion of economies, and ultimately our understanding of one another.
12
Gastar mais tempo no trabalho
TENDÊNCIA
2 maio 2017
13
Cidadãos estão gastando mais tempo no trabalho, nos dispositivos móveis e o e-mail tem invadido o tempo de lazer e da família. […] Isto significa que somos todos “multi-tarefas” mais do que nunca.
Design de Informação
Parei aqui em 2 de maio de 17
Tendência
Tempo Trabalho/Família/Lazer
Multi-tarefa
Mistura de ambientes influencia a produção de novos ambientes
Citizens are spending more time at work and that mobile devices and e-mail have invaded leisure and family time. […] This means that we’re all “multitasking” more than ever before.
13
Foco
dividido
IMPLICAÇÃO
2 maio 2017
14
Conjuntos de informações precisam ser fáceis de absorver, bem como eficientes na entrega.
Design de Informação
Implicação
Foco em diferentes tarefas.
Informações contextuais.
Informations sets should be easy to absorb as well as efficient in delivery.
14
Foco
dividido
IMPLICAÇÃO
2 maio 2017
15
Sistemas de design de informação necessitam ser transparentes em suas mensagens (usuários não querem pensar, eles querem apenas entenderem). Eles também necessitam ser adaptáveis às necessidades cinéticas do usuário.
Design de Informação
Implicação
Transparência nos sistemas de informação
Não me faça pensar (Krug)
Design Responsivo
Information design systems need to be transparent in their message (users doesn’t want to think, they just want to understand). They also need to be adaptive to the kinetic needs of the user.
15
Mais meios, mais mensagens
TENDÊNCIA
2 maio 2017
16
O advento do tipo móvel e da prensa de impressão aumentaram dramaticamente a distribuição de conteúdo, eventualmente seguidos pela invenção das mídias de massas como o rádio e a televisão.
Design de Informação
Tendência
Surgimento da imprensa
+distribuição de informações
Mídias de massa (diferentes públicos no mesmo lugar)
The advent of movable type and printing presses dramatically increased the distribution of content, followed eventually by the invention of mass-media outlets such as radio and television.
16
Mais meios, mais mensagens
TENDÊNCIA
2 maio 2017
17
Seu dia pode incluir entrega de mensagens via impressos, televisão, rádio, websites, e-mail, mensagens de texto (SMS), podcast, webcast, blog, redes sociais, marketing viral ou de guerrilha, outdoor publicitário interativo - até mesmo spam! E esses são apenas alguns dos canais de mídia competindo por sua atenção.
Design de Informação
Tendência
Múltiplas entradas de mensagens
Your day may include messages delivered via print, television, radio, website, e-mail, text message, podcast, webcast, blog, social network, guerrilla or viral marketing, interactive outdoor advertising - even spam! And those are just a few of the media channels competing for your attention.
17
Mais meios, mais mensagens
TENDÊNCIA
2 maio 2017
18
[…] nãoapenas pelo grande número de veículos de comunicação, mas pelo mudança de paradigma que permite os consumidores de mensagens se tornarem criadores também.
Design de Informação
Tendência
Consumidor também produz agora
Prosumer = Producer + Consumer (Alvin Toffler)
[…] not only by the sheer number of communication vehicles, but by the paradigm shift that allows the consumers of messages to become creators, too.
18
Mais para aprender, mais para oferecer
IMPLICAÇÃO
2 maio 2017
19
Com tantos novos materiais sendo gerados cada dia existem necessidades e oportunidades sem precedente para os designers criarem contextos significativos.
Design de Informação
Implicação
Novos materiais
Novos significados
Falar da Realidade Aumentada e dos QR codes no gráfico
Internet das coisas
With so much new material being generated each day there are unprecedented needs and opportunities for designers to create meaningful contexts.
19
Mais para aprender, mais para oferecer
IMPLICAÇÃO
2 maio 2017
20
[…] é imprescindível compreender métodos de preferencias de consumo de mídia (impressos, web, dispositivos móveis), e entender como e porquê as audiências estão usando essas ferramentas.
Design de Informação
Implicação
É preciso compreender as preferências de consumo
Como as ferramentas de comunicação são utilizadas?
[…] it is imperative to comprehend preferred methods of media consumption (pint, web, mobile device), and to understand how and why audiences are using those tools.
20
Mais para aprender, mais para oferecer
IMPLICAÇÃO
2 maio 2017
21
A internet tem criado um totalmente novo paradigma de distribuição de informação no qual os usuários podem se comunicar diretamente com múltiplas fontes de informação - e uns com os outros - tudo em tempo real, criando uma rede distribuída. 
Design de Informação
Implicação
Paradigmas novos da comunicação
Múltiplas fontes
Múltiplas conexões
Tempo real
Rede de distribuição
The internet has created an entirely new information delivery paradigm in which users can communicate directly with multiple information sources - and with each other - all in real time, creating a distributive network.
21
O valor do Design
[…] a entrega da informação é dependente de clareza de comunicação para reter sua relevância para uma audiência global. Designers provem este contexto pela transformação de estatísticas em histórias, proporcionando significado para o usuário final.
2 maio 2017
22
Design de Informação
Valor da Informação
Depende de clareza, relevância global.
Papel do designer é prover significado ao usuário final.
[…] information delivery is dependent on clarity of communication to retain its relevance to a global audience. Designers provide that context by turning statistics into stories, providing meaning for the end user.
22
Tendências e implicações para designers
Tendências
Globalização através da tecnologia
Gastar mais tempo no trabalho
Mais meios, mais mensagens
Implicações
Mundo menor, base de clientes maior
Foco
dividido
Mais para aprender, mais para oferecer
2 maio 2017
23
Design de Informação
Pedir para alunos compararem questões com o design gráfico
23
Por que Design de Informação importa?
Information Design
Jacobson
2 maio 2017
24
Design de Informação
Parei aqui em 23 de maio de 2017
Não leram (Guilherme, Eduardo, Maria Laura, Alexandre, Alisson, Gabriel, Filipi, Felipe)
24
Por que projetar e distribuir informação?
Ao longo da história, pessoas tem sistematicamente projetado e distribuído informações em um esforço para compartilhar suas percepções do mundo e para persuadir outros a chegar às mesmas conclusões.
2 maio 2017
25
Design de Informação
Por que projetar e distribuir informações?
Para compartilhar visões do mundo
Para persuadir
Throughout history, people have systematically designed and delivered information in an effort to share their perceptions of the world and persuade others to reach the same conclusions.
25
Edificação e Comutatividade
O que torna nossa discussão atual de design de informação tão excitante é sua ênfase em dois conceitos inter-relacionados: edificação e comutatividade. Edificação é o processo de iluminação pessoal, enquanto comutatividade é o processo de mudança mútua.
2 maio 2017
26
Design de Informação
Dois conceitos importantes
Edificação: processo de iluminação
Comutatividade: processo de mudança mútua
What makes our current discussion of information design so exciting is its emphasis on two interrelated concepts: edification and commutativity. Edification is the process of personal enlightenment, while commutativity is the process of mutual change.
26
Esclarecer e intercambiar
Designers de informação contemporâneos procuram edificar mais do que persuadir, trocar ideias mais do que as impingir sobre nós.
2 maio 2017
27
Design de Informação
Edificar mais do que persuadir, iluminar.
Interagir mutuamente: trocar mais do que forçar, informar e aprender
Falar do contexto político
Contemporary information designers seek to edify more than persuade, to exchange ideas rather than foist them on us.
27
Ética no Design
O fato do design de informação ser tão penetrante lembra de sermos cuidadosos e deliberados na forma como aplicamos o poder inerente a este novo processo.
2 maio 2017
28
Design de Informação
falar em ética e esperança
The fact that information design is so pervasive reminds us to be careful and deliberate in the way we apply the power inherent to this new process.
28
Disposição e utilização sistemática dos meios
[…] existe uma prática de design única que pode ser identificada como design de informação. Seu propósito é a disposição sistemática e o uso dos veículos de comunicação, canais e símbolos para aumentar a compreensão dos participantes em uma específica conversa ou discurso.
2 maio 2017
29
Design de Informação
Disposição e uso dos meios (comunicação, canais e símbolos) para aumentar a compreensão em conversas e discursos
[…] there is a unique design practice that can be identified as information design. Its purpose is the systematic arrangement and use of communication carriers, channels, and tokens to increase the understanding of those participating in a specific conversation or discourse.
29
Liberdade de processos tradicionais
Uma das virtudes do design de informação é que seus produtos, ao menos no momento da sua concepção, estão livres das limitações dos meios tradicionais. O designer de informação inicialmente trabalha com campos de significado, não com o material usado para transmitir significado. Outros designers podem discutir sobre este ponto, mas na maioria dos casos eles trabalham com “coisas”, materiais concretos ou eletrônicos que impõem restrições a priori.
2 maio 2017
30
Design de Informação
Design de informação está livre das limitações dos meios tradicionais
Primeiro trabalha-se com significados e não materiais
Materiais podem restringir
One of information design’s virtues is that its products, at least at the moment of their conception, are unencumbered by tradicional media limitations. The information designer initially works with fields of meaning, not with the material used to transmit meaning. Other designer may quibble about this point, but in most cases they work with “stuff”, concrete or electronic material that impose a priori design constrains.
30
Ciência ou padrões?
Devido o sucesso do design de informação ser tão dependente do contexto, não existe quase nenhuma forma de prever cientificamente por qualquer configuração especial do que irá funcionar e do que não irá. […] Talvez existam padrões gerais de correlação entre certos tipos de design de informação e seus usos eficazes em configurações particulares. Se assim for, nós devemos fazer generalizações de 10 milhas de largura para cobrir todas as variações entre eles.
2 maio 2017
31
Design de Informação
Ciência: não existem métodos precisos do que vai ou não funcionar.
Padrões eficazes podem ser generalizadosBecause the success of information design is so context-dependent, there is almost no way to predict scientifically for any particular setting what will work and what will not. […] Perhaps there are broad patterns of correlation between certain types of information design and their effectiveness in particular settings. If so, we must make generalizations ten mile wide to cover all the variations in between.
31
Qualificação do Designer de Informação
[…] o designer de informação qualificado e o estagiário com uma aptidão estarão aptos para distinguir entre o que funciona - o que faz sentido - e o que não funciona. Quanto mais treinamento ele ou ela receber, mais qualificado designer de informação se tornará.
2 maio 2017
32
Design de Informação
Treinamento = qualificação
Prática = construção de referências
[…] the skilled information designer and the trainee with an aptitude will be able to distinguish between what works - what makes sense - and what does not. The more training he or she receives, the more skilled the information designer will become.
32
Método Eameses
O método Eameses de design era altamente sistemático. Primeiro eles desmembraram um programa de design em sua miríade de componentes e componentes, uma centena de sub-tarefas para cada tarefa. Então eles analisaram as mínimas partes uma a uma, esforçando-se com cada avaliação sucessiva para escolher a alternativa de design que igualaria ou superaria em qualidade as escolhas feitas anteriormente. Meticulosamente os Eameses chegaram nas melhores partes pequenas e em seguida, rigorosamente, montaram estas uma a uma, até que o produto resultante representasse a soma de mil decisões excelentes.
2 maio 2017
33
Design de Informação
Sistemático:
1 desmontar em partes mínimas – unidades de informação
2 analisar as unidades
3 escolher alternativas de design que melhorar ou igualam o processo anterior
The Eameses’ method of design was highly systematic. First they decomposed a design program into its myriad components and components, a hundred subtasks for every task. Then they analyzed the smallest parts one by one, striving with each successive evaluation to choose the one design alternative that equaled or surpassed in quality the choices made before. Meticulously the Eameses arrived at the best of the small parts and then, just as rigorously, assembled these unit by unit, until the resulting product represented the sum of a thousand excellent decisions. 
33
Minimalismo significa muito mais trabalho
É um cliché comum que “menos é mais”, mas bom design de informação não é uma questão de mais ou menos. Pelo contrário, resulta do aproveitamento da determinação para gerar melhor entendimento para as competências apropriadas para o fazer.
2 maio 2017
34
Design de Informação
Cliché: menos é mais
Ler citação
It’s a common cliché that “less is more”, but good information design isn’t a matter of more or less. Rather, it results from harnessing the determination to engender better understanding to the appropriate skills for doing so.
34
Resultado do Design de Informação
Design de informação, qualquer que seja seu rótulo, aumentará a capacidade da nossa sociedade para coletar, processar, disseminar informação e produzir entendimento.
2 maio 2017
35
Design de Informação
Ler citação e concluir
Information design, whatever its label, will enhance our society’s ability to collect, process, and disseminate information and to produce understanding. (p.10)
35
Atividade Prática
Atividade
Através do método Eameses, selecionar um infográfico da reforma da previdência, identificar ambiguidades e distorções e propor melhores alternativas para representar precisamente a informação:
1 Desmembrar em unidades
2 Avaliar as unidades
3 Selecionar melhor alternativas de design
Entregáveis
Apresentação da informação em unidades mínimas
Explicação de ao menos duas ambiguidades de informação
Alternativa de design para superar as duas ambiguidades
Prazo: 14 de maio | 23h
Enviar arquivo pelo link:
https://www.dropbox.com/request/kn7crT9Hs7tJ0r10lAFr 
2 maio 2017
36
Design de Informação
Obrigado
2 maio 2017
37
Design de Informação
gilberto.consoni@ufpel.edu.br
Prof. Gilberto Consoni
Design de Informação
image1.jpg
image2.jpg
image3.png
image4.jpg
image5.jpg
image6.jpg
image7.jpg
image8.jpg
image9.jpg
image10.jpg
image11.jpg
image12.jpg
image13.jpg
image14.jpg
image15.jpg
image16.jpg