O design de informação é a prática de moldar dados, instruções e ideias para que as pessoas os possam compreender num relance e agir sem hesitação. Aparece em todo o lado: a etiqueta da receita médica que digitalizas antes de tomar um comprimido, o sinal do aeroporto que te indica a porta de embarque, o documento de integração que um novo contratado lê no primeiro dia.
Quando o design da informação funciona, ninguém repara. Quando falha, as consequências acumulam-se: os empregados apresentam pedidos de indemnização errados porque um formulário de benefícios os confundiu, os clientes abandonam um fluxo de checkout porque os passos não eram claros e o relatório que a tua equipa passou três semanas a elaborar fica por ler porque o layout enterrou a informação.
Para uma leitura relacionada, vê o nosso guia sobre equilíbrio assimétrico.
Também podes achar útil o nosso artigo sobre a conceção do princípio da ênfase.
Estás à procura de mais? Vê o design inclusivo para tornar os visuais acessíveis.
Também abordamos este assunto no nosso artigo sobre os princípios do design.
Para uma leitura relacionada, vê o nosso guia sobre a psicologia das formas.
A disciplina situa-se na intersecção da comunicação visual, UX e design gráfico. Aplica-se a apresentações de diapositivos, diagramas de processos, formulários governamentais e ao gráfico que estás a debater se deves incluir na tua próxima apresentação.
Um bom design de informação baseia-se no princípio da unidade para manter a coerência dos layouts.
Este guia analisa os princípios fundamentais subjacentes a um design de informação eficaz, percorre o processo de design passo a passo e inclui exemplos reais de cuidados de saúde, finanças, administração pública e muito mais.
Uma breve história do design da informação
Muito antes de alguém ter cunhado o termo, as pessoas já estavam a resolver problemas de informação com recursos visuais.
Em 1786, o engenheiro escocês William Playfair publicou o primeiro gráfico de barras e de linhas conhecido no seu Atlas Comercial e Político. O seu objetivo era simples: tornar os dados comerciais entre a Inglaterra e outras nações visíveis de uma forma que as colunas de números nunca conseguiriam.
Algumas décadas mais tarde, durante a devastadora epidemia de cólera de Londres em 1854, o médico John Snow traçou os casos num mapa de ruas e relacionou o surto com uma única bomba de água contaminada em Broad Street. O padrão espacial contou a história, e os funcionários da cidade removeram a manivela da bomba em poucos dias.
Em 1869, o engenheiro civil francês Charles Joseph Minard criou aquilo a que Edward Tufte chamou mais tarde “o melhor gráfico estatístico alguma vez desenhado”. O mapa de fluxo de Minard da campanha russa de Napoleão em 1812 captou seis variáveis numa única imagem bidimensional. O gráfico ainda é estudado em cursos de visualização de dados em todo o mundo.
O início do século XX trouxe o sistema ISOTYPE (International System of Typographic Picture Education) de Otto Neurath, desenvolvido na década de 1930. Neurath acreditava que a linguagem visual podia ultrapassar as barreiras da literacia e da língua, tornando as estatísticas acessíveis ao cidadão comum.
Florence Nightingale contribuiu com o seu próprio capítulo para esta história. Os seus diagramas de áreas polares da década de 1850 ilustravam as causas de mortalidade nos hospitais militares britânicos durante a Guerra da Crimeia.
O termo “design de informação” começou a ser utilizado formalmente quando Richard Saul Wurman o popularizou em 1976. No início dos anos 80, formaram-se associações profissionais como o International Institute for Information Design (IIID).
Hoje em dia, o design de informação dá forma a tudo, desde portais de pacientes hospitalares a cartões de embarque de companhias aéreas e ao painel de instrumentos do teu carro. As ferramentas mudaram, mas a missão não: fazer com que a informação certa chegue à pessoa certa no momento certo.
Índice
- O que é o design de informação?
- Qual é a diferença entre design de informação e visualização de dados?
- Design de informação vs. design gráfico
- Por que o design de informação é importante?
- Quais são os princípios do design eficaz de informação?
- O processo de design de informação
- Exemplos de design de informação
- Dicas e melhores práticas de design de informação
Precisas de ajuda com os teus projectos de design de informação?
Obtém acesso a uma conta gratuita do Piktochart e transforma rapidamente dados ou informações complexas num visual que capta imediatamente a atenção das pessoas.
O que é o design de informação?
O design de informação é a prática de apresentar informação para que as pessoas a possam compreender rapidamente, agir com confiança e continuar com o seu dia. Situa-se na intersecção da comunicação, UX e design gráfico – e aparece em tudo, desde formulários de impostos do governo a instruções de alta hospitalar e ao conjunto de diapositivos que vais apresentar à tua administração na próxima quinta-feira.
O design de informação é proposital e ajuda as pessoas a compreender ideias complexas, opiniões subjetivas, concluir uma tarefa ou resolver um problema.
Exemplos de design de informação na vida cotidiana
- Receitas
- Manuais de instruções
- Guias de navegação
- Sites de comércio eletrônico e infosites
- Vídeos explicativos
- Relatórios analíticos e de investigação
- Sinalização de orientação
- Explicações de exposições de museus
- Infográficos de como fazer
- Legendas em sua série favorita da Netflix
Por exemplo, uma receita com iconografia, listas com marcadores, diagramas e instruções curtas é fundamental para te ajudar a preparar uma refeição.
Outro exemplo de design de informação é a sinalização de orientação em um aeroporto. Com iconografia clara, tipografia legível, formatação simples e instruções curtas, os viajantes podem seguir um conjunto de direções para ir do Ponto A ao Ponto B com facilidade.
Abaixo estão dois exemplos de design de informação em uma receita de bolo de chocolate.
A receita da esquerda inclina-se muito mais para a livre expressão artística, com menos consideração pela usabilidade.
Por outro lado, a receita à direita prioriza a usabilidade para o cozinheiro, usando uma fonte sem serifa, muito espaço em branco, alinhamento limpo e listas com marcadores.
Qual é a diferença entre design de informação e visualização de dados?
Embora estejam intimamente relacionados e ambos possam parecer semelhantes, o objetivo final é ligeiramente diferente quando se trata de simplificar os dados.
A visualização de dados é geralmente uma apresentação objetiva de fatos, números ou descobertas. Ela dá ao público espaço para pensar sobre a informação ou formar sua própria opinião.
Podes encontrá-los regularmente em enciclopédias, manuais escolares ou relatórios de desempenho.
O design de informação ajuda o usuário a atender a uma necessidade específica ou a resolver um problema. Ou eles apresentam descobertas subjetivas, previsões e conclusões para o público.
Você pode encontrar exemplos de design de informação regularmente em manuais de instrução, receitas e artigos de opinião.
E quanto aos infográficos?
Deves estar a perguntar-te: um infográfico é um exemplo de design de informação? Ou a visualização de dados é mais aparente nos infográficos?
Depende do objetivo da infografia. Dá uma vista de olhos aos exemplos abaixo.
Este infográfico sobre dados de entrevistas de saída é um excelente exemplo de um infográfico que se inclina para a visualização de dados, pois apresenta números e estatísticas. Como pessoa que olha para a infografia, tens espaço para interpretar a informação apresentada na infografia.
Por outro lado, este infográfico sobre como escolher um tópico de pesquisa é um exemplo claro de design de informação em um infográfico. Ajuda os leitores a atingir o seu objetivo de desenvolver uma boa ideia para um trabalho de investigação.
Design de informação vs. design gráfico
Embora intimamente relacionado, o design de informação difere do design gráfico em termos da abordagem de cada prática ao desenvolvimento de uma peça visual para públicos específicos.
O design de informação tem raízes mais profundas na pesquisa de design aplicado, e o foco da representação visual é a funcionalidade.
Entretanto, o design gráfico inclina-se para uma abordagem artística em que o sucesso de um visual depende do que o público sente em relação a ele.
Como podes ver no exemplo abaixo, o Governo da Nova Zelândia O projeto SmartStart é um exemplo de design de informação bem feito. Sendo uma ferramenta em linha destinada a novos pais e cuidadores prestes a ter um filho, encontrarás tudo o que precisas de saber sobre como registar e criar uma criança na Nova Zelândia no centro em linha.
Enquanto isso, as ilustrações abaixo foram usadas como parte da identidade visual para um novo mercado imobiliário na Nova Zelândia. Esses são ótimos exemplos de uso do design gráfico nos negócios para públicos específicos. As tendências de design gráfico também estão em constante evolução à medida que mais e mais pessoas adquirem essa habilidade!
Por que o design de informação é importante?
O cerne do design de informação é simples: ajudar as pessoas a processar informações de maneira melhor e mais rápida.
Uma boa conceção da informação ajuda as pessoas a satisfazerem as suas necessidades, a resolverem problemas e a compreenderem os assuntos com menos frustração e mais independência no seu dia a dia.
O design de informação bem-sucedido é uma competência extremamente importante para designers gráficos, designers UI/UX, web designers, profissionais de marketing e empresas.
Ele sustenta a capacidade de comunicar mensagens-chave de forma abrangente e eficaz. Pode reduzir o atrito e a frustração, desde tarefas pequenas e simples até a entrega de notícias impactantes e profundas.
“Começa e termina com a compreensão das pessoas que utilizarão o conteúdo e garantindo que o conteúdo e sua apresentação e entrega os sirvam”, escreve Ronnie Lipton em O Guia Prático para o Design de Informação– é uma maneira simples e elegante de pensar sobre seu verdadeiro propósito.
Conhecer o teu público e a acessibilidade
O design mais bem acabado visualmente falha se a pessoa errada o estiver a ler.
Antes de tomares uma única decisão em termos de disposição, tens de responder a duas perguntas: quem vai receber esta informação e o que é que eles precisam de fazer com ela? Um resumo de alta escrito para um médico tem uma leitura muito diferente de um resumo escrito para um doente que vai para casa depois de uma cirurgia. Os dados são os mesmos. Decisões de design completamente diferentes.
A pesquisa do público não precisa de ser elaborada. Começa por identificar os conhecimentos básicos do teu leitor sobre o assunto. Se se depararem com este tópico pela primeira vez, a linguagem simples e a estrutura passo-a-passo serão mais úteis do que a terminologia técnica e os parágrafos densos. Se forem especialistas a procurar um ponto de dados específico, a estrutura de pesquisa e a hierarquia visual clara são mais importantes do que a explicação.
A acessibilidade é a outra metade desta equação. Cerca de 300 milhões de pessoas em todo o mundo vivem com daltonismo, o que significa que um gráfico que se baseie apenas no vermelho e no verde para distinguir as categorias falhará a uma parte significativa do teu público antes de lerem uma única palavra. Um contraste de cor suficiente, tamanhos de letra legíveis e uma ordem de leitura lógica não são floreados de design. São a base.
Um bom design de informação não pede ao leitor que se esforce mais. Faz o trabalho por ele.
Quais são os princípios do design eficaz de informação?
Qualquer pessoa que se dedique à prática da conceção da informação deve conhecer os seguintes princípios funcionais da conceção da informação:
1. Definir o problema
O processo de conceção da informação começa por identificar a mensagem (a informação), o emissor (fornecedor da informação), o destinatário (intérpretes da informação) e o meio mais adequado para a mensagem.
É também essencial recolher e avaliar os dados e as informações necessárias que serão utilizados posteriormente no processo.
2. Estrutura claramente a tua informação
Uma estrutura clara e óbvia da informação facilita uma perceção, interpretação, compreensão e aprendizagem eficazes.
3. Esclarece o assunto
Tens de ter em conta a legibilidade dos textos, imagens e esquemas quando impressos em papel ou apresentados em ecrãs.
4. Fornecer simplicidade
A simplicidade resume-se à legibilidade da informação apresentada, o que inclui a adaptação da linguagem e do estilo ao nível de compreensão do destinatário.
5. Fornecer ênfase
Este princípio inclui a utilização da ênfase através da tipografia e dos esquemas para atrair, direcionar ou manter a atenção do destinatário.
6. Fornecer coesão
As informações apresentadas devem ser coesas e consistentes. Inconsistências podem confundir o destinatário. Isto é conseguido através da utilização de técnicas de acentuação e de terminologia relevante.
O processo de design de informação
Os designers de informação criam e entregam informações claras, úteis e acessíveis por meio do seguinte processo:
- Passo 1: Planejar as informações
- Passo 2: Planejar o projeto
- Passo 2: Selecionar conteúdo, organizar, projetar páginas ou telas
- Passo 3: Rascunhar e testar
- Passo 4: Produzir a cópia final
O infográfico abaixo mostra o processo em detalhes. É importante notar que as setas a tracejado indicam que o processo de conceção da informação é iterativo e não estritamente linear.
Exemplos de design de informação
Vamos dar uma olhadela rápida a vários exemplos de design de informação em vários sectores.
1. Design de informação no governo
Como mostra a imagem acima, o procedimento para apresentar queixas no Department for Work and Pensions (DWP) do Reino Unido é claro e simples. Verás também que a informação apresentada está estruturada de forma a ser fácil de navegar e compreender.
Os links também são clicáveis se você quiser pular para uma seção. Há até uma secção sobre o que acontece se não ficares satisfeito com a resposta às tuas queixas!
2. Design de informação na área de saúde
A Tia, uma empresa de cuidados de saúde para mulheres, faz um excelente trabalho ao partilhar e apresentar informações médicas claras e fáceis de compreender, como se pode ver nos exemplos acima.
3. Design de informação em telecomunicações
Com a página “Request a store appointment”, a Verizon facilita aos potenciais clientes e clientes a marcação de uma reunião de vendas, bastando introduzir a sua localização ou código postal. Não é necessário rolar páginas extensas para encontrar um escritório ou loja perto de você.
4. Design de informação em finanças
A Wise, um serviço de transferência de dinheiro online, promete aos seus clientes que estão entre as empresas que oferecem as taxas de transação mais baixas. Utiliza o design de informação para “mostrar, não dizer” a sua promessa através de um quadro comparativo, que torna a escolha um pouco mais fácil para os utilizadores do serviço.
5. Design de informação em viagens e turismo
O Airbnb criou recursos de marketing e promoção para anfitriões para ajudar a atender às necessidades deles, a fim de obter mais lucro e expandir seus negócios no mercado online.
Dicas e melhores práticas de design de informação
Usabilidade e acessibilidade são o cerne do design de informação.
Se você deseja seguir os princípios de design de informação listados acima, deve deixar de lado seu conjunto usual de design gráfico, como estilos de tipografia quebrada, paletas de cores de baixo contraste e tamanhos de fonte irregulares.
Em vez disso, considere as seguintes melhores práticas:
1. Esteja atento ao contraste e às cores
O contraste é a diferença entre os elementos de um design que os faz sobressair uns ao lado dos outros.
No design de informação, frequentemente falamos de contraste de cores. Isto é crucial para permitir que o teu leitor ou espetador veja os elementos claramente.
Cores altamente contrastantes são recomendadas tanto na impressão quanto na web. A publicação de informações online permite uma gama ligeiramente mais brilhante de cores com o modelo RGB, que você geralmente não pode alcançar com a impressão.
Vamos considerar a sinalização de orientação em um shopping center, por exemplo. Embora um esquema de cores em tons claros de amarelo-sol e bege possa parecer bonito, seria impraticável para um comprador a 300 metros de distância, especialmente quando essa pessoa precisa desesperadamente de ir à casa de banho.
Neste caso, um esquema de cores com maior contraste, como o amarelo e o preto, seria muito mais útil.
Resumidamente, evite essas combinações de cores de baixo contraste:
- Cores escuras e preto
- Cores claras e branco
2. Pensa no espaço em branco e na disposição
É importante no design de informação permitir que o leitor tenha tempo para absorver e compreender as informações rapidamente. Da mesma forma que os oradores públicos fazem pausas para produzir efeito.
Isso pode ser implementado no design de informação com amplo espaço em branco ao redor do texto, iconografia ou seções. Isso também permite que os leitores escaneiem de forma mais eficiente e absorvam as informações que estão procurando.
Eis um exemplo de excelente design de informação num testemunho visual, com muito espaço em branco à volta do texto escrito para permitir a legibilidade e dar ao utilizador um foco visual. Neste exemplo, as imagens vêm em segundo lugar.
3. Destaque ênfase e proporção
Quando transmites informação, há normalmente partes que são mais importantes ou procuradas do que outras.
Os leitores normalmente passam rapidamente pelo conteúdo e procuram por esses trechos. Cabe-te a ti, enquanto designer, organizar a prioridade da informação e dar mais ênfase à informação mais desejável.
Por exemplo, preste atenção ao tamanho dos títulos ao criar um manual de instruções, pois eles devem ser proporcionais entre si. Isso permitirá que você estabeleça uma boa hierarquia visual, ou em outras palavras, torne óbvio o que é importante de se olhar primeiro e o que vem depois.
Outro ótimo exemplo é quando você destaca os números ao apresentar estatísticas como pontos de prova em uma página de destino. Através dos dados, os pontos de prova são óptimos para aumentar a credibilidade da marca e ajudar os utilizadores a compreender como uma empresa os pode ajudar.
Números mais fortes, com tamanhos e estilos de letra maiores, facilitam aos leitores em linha encontrar a informação que procuram. Os leitores em linha têm, muitas vezes, períodos de atenção mais curtos e é mais provável que passem os olhos pelo conteúdo.
Simplifica a conceção da informação com o Piktochart
Um bom design de informação exige que os designers encontrem o equilíbrio perfeito entre uma estética visualmente agradável e a usabilidade.
É aqui que o Piktochart te pode ajudar.
O Piktochart é a ferramenta de design de informação preferida por pessoas de diversas indústrias e origens. Crie belos infográficos, relatórios, apresentações, cartazes e brochuras em minutos. Não precisas de ter conhecimentos de design.
Podes transformar rapidamente qualquer conteúdo com muito texto ou dados num visual que chame imediatamente a atenção das pessoas.
Com o Piktochart, podes conceber informações que ajudam a facilitar as interações, respondem às necessidades dos utilizadores e resolvem problemas.
Perguntas frequentes sobre a conceção da informação
Quais são os principais tipos de design de informação?
Os quatro tipos mais comuns são a visualização de dados (tabelas, gráficos), gráficos de informação (infografias, diagramas), design instrucional (manuais, guias de instruções) e design da interface do utilizador (layouts digitais e navegação).
Qual é a diferença entre design de informação e arquitetura de informação?
A conceção da informação centra-se no aspeto e na leitura do conteúdo. A arquitetura da informação centra-se na forma como o conteúdo é organizado e estruturado num sistema. Um dá forma a uma única página; o outro dá forma a todo o edifício.
Quando deves utilizar o design da informação?
Sempre que o teu público precisa de compreender algo rapidamente: um relatório complexo, um processo passo-a-passo, uma apresentação com muitos dados ou um conjunto de instruções com vários passos.
Precisas de experiência em design para aplicar os princípios do design da informação?
Não. Os princípios fundamentais – clareza, hierarquia, simplicidade e consistência – aplicam-se quer estejas a construir uma apresentação de diapositivos, a escrever um relatório ou a criar um infográfico com uma ferramenta como o Piktochart.
