SlideShare uma empresa Scribd logo
1 de 58
ç ão
                                 a
                               rm
                           n fo
                       I
                 detica
         si gn/ sina
                  lé


D e lização
     n   a
  Si
Conceitos básicos
•   Todos os dias, somos bombardeados por uam quantidade
    quase infinita de informações que nos chegam através
    dos órgãos do sentido:
      • Tato
      • Paladar
      • Audição
      • Visão


•   Estas informações:
                                                          ̧ ̃
       • são de todos os tipos, advindas de todas as direcoes, nos
         atingem, à espera de nossa percepcao e reacao
                                             ̧ ̃      ̧ ̃
       • São fortemente pautadas na capacidade de percepção e
         interpretação do ser humano
Conceitos básicos
muitas vezes, as informações mais importantes
 na ̃ o recebem o devido tratamento, e acabam
 passando despercebidas

E ́ aí que entra o principal objetivo do Design de
    Informação:

“traduzir uma informac ̧ a ̃ o de sua linguagem
   inicial a ̀ forma pela qual ela estará disposta
   ao pu ́ blico, dando­lhe o correto ni ́ vel de
   importa ̂ ncia que possui. ”
Conceitos básicos
• Segundo a Sociedade Brasileira do Design de
  Informação (SBDI), ele pode ser assim
  definido:


•   “É uma área do design gráfico que objetiva equacionar os

       aspectos sintáticos, semânticos e pragmáticos que

        envolvem os sistemas de informação através da

      contextualização, planejamento, produção e interface

       gráfica da informação junto ao seu público­alvo.”
Conceitos básicos

• O princípio norteador básico
  do Design de Informação é:


• otimizar o processo de aquisição da
  informação, efetivado nos sistemas de
  comunicação analógicos e digitais
Onde o Design de Informação está presente?
• O design da informac ̧ a ̃ o está presente:
                 ́
 •projetos sinaleticos
 •Mapas
           ́
 •formularios
 •Contas
 •Diagramas e infográficos
         ̧ ̃
 •instrucoes de uso (manuais)
       ́
 •catalogos de produtos
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
Exemplos da presença do Design de Informação
O QUE ENVOLVE O DESIGN DE INFORMAÇÃO?

comunicac ̧ a ̃ o visual
percepc ̧ a ̃ o visual,
semio ́ tica,
pictograma,
sinale ́ tica,
si ́ ntese gra ́ fica
Comunicação visual
•   É todo meio de comunicação expresso
    através do uso de componentes visuais,
    como:
    • Signos e símbolos
    • Imagens, que podem ser fotografias, desenhos,
        ilustrações


•   Em resumo, é tudo o que pode ser visto e
    interpretado pelo ser humano.
Percepção visual
•   Capacidade humana intimamente ligada à
    visão.
•   Consiste na capacidade de detectar a luz e
    interpretar (ver) as consequencias do
    estímulo luminoso.


Pode ser definida, de maneira prática, como:
• Uma das formas de percepção associada
  aos sentidos
Percepção visual
• No campo do design de informação, a
  percepção visual é extremamente
  influenciada por :
•   Relação entre figura e fundo (contraste)
•   Tipografia e dimensão do tipo
•   Entrelinha e entreletra
•   Redação
•   Correspondência entre texto e imagem
Percepção visual
• Baixo contraste
Percepção visual
• Alto Contraste
Percepção visual
• Baixo contraste
Percepção visual
• Alto contraste
Percepção visual
• Baixo contraste
Percepção visual
• Alto contraste
TIPOGRAFIA E DIMESÕES DO TIPO


Tipo       Tipo           Tip
Tipo       Tip             o
Tipo        o             Tipo
           Tip            Tipo




            o
ENTRELINHA E ENTRELETRA
Entrelinhas e entreletrasdevem ser
         adequadas à leitura
Entrelinhas e entreletrasdevem ser
         adequadas à leitura
Entrelinhas e entreletrasdevem ser
         adequadas à leitura

Entrelinhas e entreletrasdevem ser
         adequadas à leitura
Entrelinhas e entreletrasdevem ser
         adequadas à leitura
redação
redação
semiótica

literalmente "a ótica dos sinais”

É a ciência geral dos signos e da semiose que estuda todos os fenômenos
culturais como se fossem sistemas sígnicos, ou seja, sistemas de significação.

É uam disciplina mais abrangente que a linguística, que studa os signos
linguisticos, ou seja, o sistema sígnico da linguagem verbal, a semiótica tem
como objeto de estudo qualquer sistema sígnico:
     • Artes visuais, cinema, fotografia
     • Música
     • Culinária, vestuário
     • Gestos
     • Religião, ciências
PICTOGRAMA

• Pictograma ou Pictógrafo é um símbolo que representa
  um objeto ou conceito por meio de desehos figurativos

• As origens do pictograma estão nas escritas antigas,
  especificamente na cuneiforme e hieroglífica.

• Sua principal origem na era moderna foi o sistema de
  representação internacional desenvolvida em Viena pelo
  movimento ISOTYPE nos anos 1920


                       ISOTYPE: sistema de pictogramas projetados por Otto Neurath e
                       ilustrados por Gerd Arntz para comunicar inflrmação de forma
                       simples, valorizando a linguagem não verbal.

                       Significa: International System of Typographic Picture Education
PICTOGRAMA




ISOTYPE: sistema de pictogramas projetados por Otto Neurath e
ilustrados por Gerd Arntz para comunicar inflrmação de forma
simples, valorizando a linguagem não verbal.

Significa: International System of Typographic Picture Education
POPTOGRAMAS

• Um exemplo de como os pictogramas tem sido modificado
  são os poptogramas, criados pelo designer gráfico
  brasileiro Daniel Motta, em 2005.
POPTOGRAMAS
POPTOGRAMAS
sinalética

O que é?
•É a ciência originada do design da informação e da semiótica

O que estuda?
•Estuda as relações entre os indivíduos que cruzam um espaço e os signos
responsáveis pela sua orientação, levando em consideração os diversos
aspectos que irão estabelecer o caráter específico da sua área.

Como é usada?
        • Trabalha uma situação em que o indivíduo está em um
ambiente possivelmente desconhecido e necessita de informações rápidas para
se localizar neste espaço e tomar uma
direção espontânea a partir das diretrizes dadas.
sinalética

Qual o objetivo:
•Garantir a acessibilidade aos serviços buscados de forma
rápida e precisa, evitando ambigüidade nato mada de
decisões.

•Constitui, então, um fator de qualidade de vida, atuando
como uma facilitadora da sociedade no acesso aos seus
destinos pretendidos.
sinalética

De onde veio a sinalética?
•O termo é originado da ação de colocar sinais em coisas.
Porém, esta ação abrange qualquer forma de colocar os
sinais, como marcar uma página de um livro com uma folha
de papel.

•Esta “folha” passa um significado alheio ao que está
significando na situação, configurando uma forma empírica
de colocar sinais.
sinalética

Como é a linguagem da sinalética?
•A linguagem deve ser rápida e precisa, não sendo necessário, contudo,
induzir o indivíduo a uma reflexão, a exemplo de outras áreas da
comunicação.

Em suma:
•“Sinalética é a ciência dos sinais no espaço, que constituem uma
linguagem instantânea, automática e universal, cuja finalidade é
resolver as necessidades informativas e orientativas dos indivíduos
itinerantes numa situação” (Costa, 1987).
sinalética

Sinalética é a mesma coisa que sinalização?
•A sinalética, embora originada da sinalização, apresenta
especificidades que a distinguem.

•Domínio de cada área:
    • sinalização é destinada a orientar os fluxos de transporte
    • sinalética atende áreas onde a circulação também
       existe, porém é feita por indivíduos – supermercados,
       estações de
    • metrô, shopping centers etc
sinalética
Objetivos de cada área:
     • sinalização:
        • Responsável pela regulamentação dos fluxos nas
           vias
        • É um sistema fechado, resultante da utilização
           empírica de signos que, com o uso freqüente, foi
           institucionalizado. Isto não lhe permite novas
           inclusões
        • É um sistema único para todo o mundo
        • Sua aplicação nos espaços não leva em conta a
           morfologia local e não se sobrepõe ao entorno
sinalética
Objetivos de cada área:
     • Sinalética:
        • Responsável pela indicação de serviços,
           direcionamentos, fluxos e outras informações
           relevantes aos usuários de áreas urbanas de uso
           comum ou espaços privados
        • É um sistema aberto, no qual novas formas de
           “interface” com o usuário são sempre pesquisadas e
           utilizadas
        • É um sistema diferente para cada lugar, os signos
           são criados com base nas caractetísticas de cada
           local
sinalética

O indivíduo está no centro do esforço
comunicacional, e isto é uma premissa da
sinalética

A sinalética deixa o indivíduo com liberdade de
decisão, diferente da sinalização, que age como
uma força determinante de conduta
sinalética

O sistema de sinalética é pautado em duas diretrizes
básicas:

a) Facilidade de
identificação:
•proporcionar à sinalização destaque do ambiente.
•Isto pode ser obtido através de algumas ações: aplicar a
sinalização sempre
de uma mesma maneira
sinalética
Assim, a consistência e a coerência do sistema da
sinalética pode ser atingidos através de medidas
como :
     • Elementos na mesma altura, do mesmo
        lado, com as mesmas cores, etc.

•Outra maneira é a sua forma, que deve ser
evidentemente diferenciada das demais existentes
no espaço.
sinalética

Facilidade de leitura:
•pode-se estabelecer que a localização da
informação, o seu posicionamento, o seu
dimensionamento adequado às
distâncias de leitura necessárias
sinalética

- Quanto ao objetivo, o sistema de
sinalética pode ser classificado como:
- Indicativa
- Informativa
- Educativa
- Advertência
- Promocional
Sinalética indicativa
Sinalética informativa
Sinalética educativa
Sinalética de advertencia
Sinalética Promocional
Metodologia de Trabalho em Sinalética

o estudo de costa divide em sete as etapas do
processo metodológico
de criação de programas de sinalização: contato
com o cliente,
levantamento de informações, organização,
desenho gráfico, realização,
supervisão e controle experimental.
Metodologia de Trabalho em Sinalética

na prática, essa metodologia acaba sendo seguida
apenas em linhas
gerais, muitas vezes essa divisão entre as etapas
não se apresenta de
forma tão clara. em alguns casos, certas etapas não
são cumpridas de
forma plena e a transição entre projeto e produção
acaba
comprometendo o resultado final.
Metodologia de Trabalho em Sinalética

na prática, essa metodologia acaba sendo seguida
apenas em linhas
gerais, muitas vezes essa divisão entre as etapas
não se apresenta de
forma tão clara. em alguns casos, certas etapas não
são cumpridas de
forma plena e a transição entre projeto e produção
acaba
comprometendo o resultado final.
Metodologia de Trabalho em Sinalética

a primeira etapa do projeto de sinalização consiste
em estabelecer
contato com o cliente, obtendo informações sobre o
ambiente de
intervenção, suas funções, serviços, tipos de usuário,
e existência de
identidade visual corporativa.
Metodologia de Trabalho em Sinalética

após o contato com o cliente e reconhecimento do
espaço de
intervenção é realizado o levantamento a respeito
das necessidades de
sinalização e informações relevantes ao
entendimento do espaço e
necessárias ao desenvolvimento do projeto.
o levantamento de informações foi realizado
através de visita ao espaço
natura cajamar e principalmente por contato direto
com o canal de
comunicação com o meio acadêmico da empresa.
Metodologia de Trabalho em Sinalética

nesta etapa são organizadas todas as informações
levantadas
anteriormente, e então é realizada a análise para
determinar e localizar
todas as necessidades de sinalização e criar os
conceitos que serão
utilizados para desenvolver o projeto gráfico e físico
dos elementos
Metodologia de Trabalho em Sinalética

após a etapa de organização e conceituação é
possível estabelecer as
definições que serão utilizadas na criação do
projeto gráfico e do projeto
físico, e assim desenvolver os elementos da
sinalização, determinando
sua função, forma, posicionamento e localização no
espaço.
Metodologia de Trabalho em Sinalética

a última etapa do projeto de sinalização é a
instalação, que deve ser
supervisionada para garantir a integridade dos
elementos e seu correto
posicionamento, de acordo com o especificado no
projeto e no manual
de sinalização.
o acompanhamento dessa etapa também é
importante para confirmar o
resultado final do projeto, perceber a sua integração
ao espaço e ter um
retorno a respeito da satisfação dos usuários e do

Mais conteúdo relacionado

Mais procurados

Licor beirão apresentação
Licor beirão apresentaçãoLicor beirão apresentação
Licor beirão apresentaçãoNadyne de Jesus
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDESIGN DIGITAL UNIARA 2012
 
Aula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioAula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioElizeu Nascimento Silva
 
Figuração e abstração na arte contemporânea
Figuração e abstração na arte contemporânea Figuração e abstração na arte contemporânea
Figuração e abstração na arte contemporânea Catarina Argolo
 
Linguagem audiovisual
Linguagem audiovisualLinguagem audiovisual
Linguagem audiovisualCelso Viviani
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visualricreis
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.Renata_Vasconcelos
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 

Mais procurados (20)

Tipografia
Tipografia Tipografia
Tipografia
 
Licor beirão apresentação
Licor beirão apresentaçãoLicor beirão apresentação
Licor beirão apresentação
 
A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
TEXTURAS ed. visual
TEXTURAS   ed. visualTEXTURAS   ed. visual
TEXTURAS ed. visual
 
Aula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitárioAula linguagem audiovisual 03 roteiro publicitário
Aula linguagem audiovisual 03 roteiro publicitário
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Figuração e abstração na arte contemporânea
Figuração e abstração na arte contemporânea Figuração e abstração na arte contemporânea
Figuração e abstração na arte contemporânea
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Direção de Arte para Games
Direção de Arte para GamesDireção de Arte para Games
Direção de Arte para Games
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Linguagem audiovisual
Linguagem audiovisualLinguagem audiovisual
Linguagem audiovisual
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visual
 
Publicidade
PublicidadePublicidade
Publicidade
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Briefing
BriefingBriefing
Briefing
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 

Destaque (16)

Sinaletica turistica
Sinaletica turisticaSinaletica turistica
Sinaletica turistica
 
A comunicação visual
A comunicação visualA comunicação visual
A comunicação visual
 
Leitura De Interfaces De Computadores
Leitura De Interfaces De ComputadoresLeitura De Interfaces De Computadores
Leitura De Interfaces De Computadores
 
Sinalética de w cs
Sinalética de w csSinalética de w cs
Sinalética de w cs
 
O que é um logotipo
O que é um logotipoO que é um logotipo
O que é um logotipo
 
Módulo 6 GIDs
Módulo 6 GIDsMódulo 6 GIDs
Módulo 6 GIDs
 
Orientação
OrientaçãoOrientação
Orientação
 
Logotipo ou logo, logomarca e slogan
Logotipo ou logo, logomarca e sloganLogotipo ou logo, logomarca e slogan
Logotipo ou logo, logomarca e slogan
 
Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico)
 
Orientação
OrientaçãoOrientação
Orientação
 
Comunicacao visual
Comunicacao visualComunicacao visual
Comunicacao visual
 
Módulo 6
Módulo 6Módulo 6
Módulo 6
 
Noções de higiene, saúde e segurança no trabalho
Noções de higiene, saúde e segurança no trabalhoNoções de higiene, saúde e segurança no trabalho
Noções de higiene, saúde e segurança no trabalho
 
O Cartaz
O CartazO Cartaz
O Cartaz
 
Higiene e Segurança no Trabalho
Higiene e Segurança no TrabalhoHigiene e Segurança no Trabalho
Higiene e Segurança no Trabalho
 
Higiene e Segurança no Trabalho
Higiene e Segurança no TrabalhoHigiene e Segurança no Trabalho
Higiene e Segurança no Trabalho
 

Semelhante a Design de Informação: conceitos e aplicações

Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHCLegibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHCRos Galabo, PhD
 
Insights na geração de conteúdos assertivos - Bruno Honório
Insights na geração de conteúdos assertivos - Bruno HonórioInsights na geração de conteúdos assertivos - Bruno Honório
Insights na geração de conteúdos assertivos - Bruno HonórioMedia Education
 
Apresentação comunicação alternativa
Apresentação comunicação alternativaApresentação comunicação alternativa
Apresentação comunicação alternativaTathiane Cuesta
 
Semiótica e a eficácia da comunicação 170211
Semiótica e a eficácia da comunicação 170211Semiótica e a eficácia da comunicação 170211
Semiótica e a eficácia da comunicação 170211Chiachiri
 
Design na mídia impressa e digital
Design na mídia impressa e digitalDesign na mídia impressa e digital
Design na mídia impressa e digitalOdair Cavichioli
 
Comunicação suplementar e alternativa
Comunicação suplementar e  alternativaComunicação suplementar e  alternativa
Comunicação suplementar e alternativaAdaptar e Incluir
 
Signos Visuais, apresentação para a disciplina de Educação Visuais
Signos Visuais, apresentação para a disciplina de Educação VisuaisSignos Visuais, apresentação para a disciplina de Educação Visuais
Signos Visuais, apresentação para a disciplina de Educação VisuaisPauloChambino
 
Comunicação e Marketing
Comunicação e MarketingComunicação e Marketing
Comunicação e Marketingparquedaamizade
 
Projetomultimidia
ProjetomultimidiaProjetomultimidia
Projetomultimidiareideson
 
Oficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoOficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoMarta Pinto
 
A sociedade do som e da imagem
A sociedade do som e da imagemA sociedade do som e da imagem
A sociedade do som e da imagemguest4df4925
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídiaDarwin Mota
 
Publicidade professor alexandre
Publicidade professor alexandrePublicidade professor alexandre
Publicidade professor alexandreAtomy Brasil
 
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?Universidade Nova de Lisboa
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioLuiz Henrique Pinho de Sá
 
The Listening Agency: Credenciais Portuguese
The Listening Agency: Credenciais PortugueseThe Listening Agency: Credenciais Portuguese
The Listening Agency: Credenciais PortugueseThe Listening Agency
 

Semelhante a Design de Informação: conceitos e aplicações (20)

Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHCLegibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
 
O que e o design
O que e o designO que e o design
O que e o design
 
Insights na geração de conteúdos assertivos - Bruno Honório
Insights na geração de conteúdos assertivos - Bruno HonórioInsights na geração de conteúdos assertivos - Bruno Honório
Insights na geração de conteúdos assertivos - Bruno Honório
 
Apresentação comunicação alternativa
Apresentação comunicação alternativaApresentação comunicação alternativa
Apresentação comunicação alternativa
 
Semiótica e a eficácia da comunicação 170211
Semiótica e a eficácia da comunicação 170211Semiótica e a eficácia da comunicação 170211
Semiótica e a eficácia da comunicação 170211
 
Design na mídia impressa e digital
Design na mídia impressa e digitalDesign na mídia impressa e digital
Design na mídia impressa e digital
 
Comunicação suplementar e alternativa
Comunicação suplementar e  alternativaComunicação suplementar e  alternativa
Comunicação suplementar e alternativa
 
Signos Visuais, apresentação para a disciplina de Educação Visuais
Signos Visuais, apresentação para a disciplina de Educação VisuaisSignos Visuais, apresentação para a disciplina de Educação Visuais
Signos Visuais, apresentação para a disciplina de Educação Visuais
 
Comunicação e Marketing
Comunicação e MarketingComunicação e Marketing
Comunicação e Marketing
 
Projetomultimidia
ProjetomultimidiaProjetomultimidia
Projetomultimidia
 
Oficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualizaçãoOficina improvavel: infografia e visualização
Oficina improvavel: infografia e visualização
 
A sociedade do som e da imagem
A sociedade do som e da imagemA sociedade do som e da imagem
A sociedade do som e da imagem
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
 
Publicidade professor alexandre
Publicidade professor alexandrePublicidade professor alexandre
Publicidade professor alexandre
 
Redação digital
Redação digitalRedação digital
Redação digital
 
Patterns, Padrões e Use Qualities
Patterns, Padrões e Use QualitiesPatterns, Padrões e Use Qualities
Patterns, Padrões e Use Qualities
 
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
 
Aula1
Aula1Aula1
Aula1
 
The Listening Agency: Credenciais Portuguese
The Listening Agency: Credenciais PortugueseThe Listening Agency: Credenciais Portuguese
The Listening Agency: Credenciais Portuguese
 

Design de Informação: conceitos e aplicações

  • 1. ç ão a rm n fo I detica si gn/ sina lé D e lização n a Si
  • 2. Conceitos básicos • Todos os dias, somos bombardeados por uam quantidade quase infinita de informações que nos chegam através dos órgãos do sentido: • Tato • Paladar • Audição • Visão • Estas informações: ̧ ̃ • são de todos os tipos, advindas de todas as direcoes, nos atingem, à espera de nossa percepcao e reacao ̧ ̃ ̧ ̃ • São fortemente pautadas na capacidade de percepção e interpretação do ser humano
  • 3. Conceitos básicos muitas vezes, as informações mais importantes na ̃ o recebem o devido tratamento, e acabam passando despercebidas E ́ aí que entra o principal objetivo do Design de Informação: “traduzir uma informac ̧ a ̃ o de sua linguagem inicial a ̀ forma pela qual ela estará disposta ao pu ́ blico, dando­lhe o correto ni ́ vel de importa ̂ ncia que possui. ”
  • 4. Conceitos básicos • Segundo a Sociedade Brasileira do Design de Informação (SBDI), ele pode ser assim definido: • “É uma área do design gráfico que objetiva equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem os sistemas de informação através da contextualização, planejamento, produção e interface gráfica da informação junto ao seu público­alvo.”
  • 5. Conceitos básicos • O princípio norteador básico do Design de Informação é: • otimizar o processo de aquisição da informação, efetivado nos sistemas de comunicação analógicos e digitais
  • 6. Onde o Design de Informação está presente? • O design da informac ̧ a ̃ o está presente: ́ •projetos sinaleticos •Mapas ́ •formularios •Contas •Diagramas e infográficos ̧ ̃ •instrucoes de uso (manuais) ́ •catalogos de produtos
  • 7. Exemplos da presença do Design de Informação
  • 8. Exemplos da presença do Design de Informação
  • 9. Exemplos da presença do Design de Informação
  • 10. Exemplos da presença do Design de Informação
  • 11. Exemplos da presença do Design de Informação
  • 12. Exemplos da presença do Design de Informação
  • 13. Exemplos da presença do Design de Informação
  • 14. O QUE ENVOLVE O DESIGN DE INFORMAÇÃO? comunicac ̧ a ̃ o visual percepc ̧ a ̃ o visual, semio ́ tica, pictograma, sinale ́ tica, si ́ ntese gra ́ fica
  • 15. Comunicação visual • É todo meio de comunicação expresso através do uso de componentes visuais, como: • Signos e símbolos • Imagens, que podem ser fotografias, desenhos, ilustrações • Em resumo, é tudo o que pode ser visto e interpretado pelo ser humano.
  • 16. Percepção visual • Capacidade humana intimamente ligada à visão. • Consiste na capacidade de detectar a luz e interpretar (ver) as consequencias do estímulo luminoso. Pode ser definida, de maneira prática, como: • Uma das formas de percepção associada aos sentidos
  • 17. Percepção visual • No campo do design de informação, a percepção visual é extremamente influenciada por : • Relação entre figura e fundo (contraste) • Tipografia e dimensão do tipo • Entrelinha e entreletra • Redação • Correspondência entre texto e imagem
  • 24. TIPOGRAFIA E DIMESÕES DO TIPO Tipo Tipo Tip Tipo Tip o Tipo o Tipo Tip Tipo o
  • 25. ENTRELINHA E ENTRELETRA Entrelinhas e entreletrasdevem ser adequadas à leitura Entrelinhas e entreletrasdevem ser adequadas à leitura Entrelinhas e entreletrasdevem ser adequadas à leitura Entrelinhas e entreletrasdevem ser adequadas à leitura Entrelinhas e entreletrasdevem ser adequadas à leitura
  • 28. semiótica literalmente "a ótica dos sinais” É a ciência geral dos signos e da semiose que estuda todos os fenômenos culturais como se fossem sistemas sígnicos, ou seja, sistemas de significação. É uam disciplina mais abrangente que a linguística, que studa os signos linguisticos, ou seja, o sistema sígnico da linguagem verbal, a semiótica tem como objeto de estudo qualquer sistema sígnico: • Artes visuais, cinema, fotografia • Música • Culinária, vestuário • Gestos • Religião, ciências
  • 29. PICTOGRAMA • Pictograma ou Pictógrafo é um símbolo que representa um objeto ou conceito por meio de desehos figurativos • As origens do pictograma estão nas escritas antigas, especificamente na cuneiforme e hieroglífica. • Sua principal origem na era moderna foi o sistema de representação internacional desenvolvida em Viena pelo movimento ISOTYPE nos anos 1920 ISOTYPE: sistema de pictogramas projetados por Otto Neurath e ilustrados por Gerd Arntz para comunicar inflrmação de forma simples, valorizando a linguagem não verbal. Significa: International System of Typographic Picture Education
  • 30. PICTOGRAMA ISOTYPE: sistema de pictogramas projetados por Otto Neurath e ilustrados por Gerd Arntz para comunicar inflrmação de forma simples, valorizando a linguagem não verbal. Significa: International System of Typographic Picture Education
  • 31. POPTOGRAMAS • Um exemplo de como os pictogramas tem sido modificado são os poptogramas, criados pelo designer gráfico brasileiro Daniel Motta, em 2005.
  • 34. sinalética O que é? •É a ciência originada do design da informação e da semiótica O que estuda? •Estuda as relações entre os indivíduos que cruzam um espaço e os signos responsáveis pela sua orientação, levando em consideração os diversos aspectos que irão estabelecer o caráter específico da sua área. Como é usada? • Trabalha uma situação em que o indivíduo está em um ambiente possivelmente desconhecido e necessita de informações rápidas para se localizar neste espaço e tomar uma direção espontânea a partir das diretrizes dadas.
  • 35. sinalética Qual o objetivo: •Garantir a acessibilidade aos serviços buscados de forma rápida e precisa, evitando ambigüidade nato mada de decisões. •Constitui, então, um fator de qualidade de vida, atuando como uma facilitadora da sociedade no acesso aos seus destinos pretendidos.
  • 36. sinalética De onde veio a sinalética? •O termo é originado da ação de colocar sinais em coisas. Porém, esta ação abrange qualquer forma de colocar os sinais, como marcar uma página de um livro com uma folha de papel. •Esta “folha” passa um significado alheio ao que está significando na situação, configurando uma forma empírica de colocar sinais.
  • 37. sinalética Como é a linguagem da sinalética? •A linguagem deve ser rápida e precisa, não sendo necessário, contudo, induzir o indivíduo a uma reflexão, a exemplo de outras áreas da comunicação. Em suma: •“Sinalética é a ciência dos sinais no espaço, que constituem uma linguagem instantânea, automática e universal, cuja finalidade é resolver as necessidades informativas e orientativas dos indivíduos itinerantes numa situação” (Costa, 1987).
  • 38. sinalética Sinalética é a mesma coisa que sinalização? •A sinalética, embora originada da sinalização, apresenta especificidades que a distinguem. •Domínio de cada área: • sinalização é destinada a orientar os fluxos de transporte • sinalética atende áreas onde a circulação também existe, porém é feita por indivíduos – supermercados, estações de • metrô, shopping centers etc
  • 39. sinalética Objetivos de cada área: • sinalização: • Responsável pela regulamentação dos fluxos nas vias • É um sistema fechado, resultante da utilização empírica de signos que, com o uso freqüente, foi institucionalizado. Isto não lhe permite novas inclusões • É um sistema único para todo o mundo • Sua aplicação nos espaços não leva em conta a morfologia local e não se sobrepõe ao entorno
  • 40. sinalética Objetivos de cada área: • Sinalética: • Responsável pela indicação de serviços, direcionamentos, fluxos e outras informações relevantes aos usuários de áreas urbanas de uso comum ou espaços privados • É um sistema aberto, no qual novas formas de “interface” com o usuário são sempre pesquisadas e utilizadas • É um sistema diferente para cada lugar, os signos são criados com base nas caractetísticas de cada local
  • 41. sinalética O indivíduo está no centro do esforço comunicacional, e isto é uma premissa da sinalética A sinalética deixa o indivíduo com liberdade de decisão, diferente da sinalização, que age como uma força determinante de conduta
  • 42. sinalética O sistema de sinalética é pautado em duas diretrizes básicas: a) Facilidade de identificação: •proporcionar à sinalização destaque do ambiente. •Isto pode ser obtido através de algumas ações: aplicar a sinalização sempre de uma mesma maneira
  • 43. sinalética Assim, a consistência e a coerência do sistema da sinalética pode ser atingidos através de medidas como : • Elementos na mesma altura, do mesmo lado, com as mesmas cores, etc. •Outra maneira é a sua forma, que deve ser evidentemente diferenciada das demais existentes no espaço.
  • 44. sinalética Facilidade de leitura: •pode-se estabelecer que a localização da informação, o seu posicionamento, o seu dimensionamento adequado às distâncias de leitura necessárias
  • 45. sinalética - Quanto ao objetivo, o sistema de sinalética pode ser classificado como: - Indicativa - Informativa - Educativa - Advertência - Promocional
  • 51. Metodologia de Trabalho em Sinalética o estudo de costa divide em sete as etapas do processo metodológico de criação de programas de sinalização: contato com o cliente, levantamento de informações, organização, desenho gráfico, realização, supervisão e controle experimental.
  • 52. Metodologia de Trabalho em Sinalética na prática, essa metodologia acaba sendo seguida apenas em linhas gerais, muitas vezes essa divisão entre as etapas não se apresenta de forma tão clara. em alguns casos, certas etapas não são cumpridas de forma plena e a transição entre projeto e produção acaba comprometendo o resultado final.
  • 53. Metodologia de Trabalho em Sinalética na prática, essa metodologia acaba sendo seguida apenas em linhas gerais, muitas vezes essa divisão entre as etapas não se apresenta de forma tão clara. em alguns casos, certas etapas não são cumpridas de forma plena e a transição entre projeto e produção acaba comprometendo o resultado final.
  • 54. Metodologia de Trabalho em Sinalética a primeira etapa do projeto de sinalização consiste em estabelecer contato com o cliente, obtendo informações sobre o ambiente de intervenção, suas funções, serviços, tipos de usuário, e existência de identidade visual corporativa.
  • 55. Metodologia de Trabalho em Sinalética após o contato com o cliente e reconhecimento do espaço de intervenção é realizado o levantamento a respeito das necessidades de sinalização e informações relevantes ao entendimento do espaço e necessárias ao desenvolvimento do projeto. o levantamento de informações foi realizado através de visita ao espaço natura cajamar e principalmente por contato direto com o canal de comunicação com o meio acadêmico da empresa.
  • 56. Metodologia de Trabalho em Sinalética nesta etapa são organizadas todas as informações levantadas anteriormente, e então é realizada a análise para determinar e localizar todas as necessidades de sinalização e criar os conceitos que serão utilizados para desenvolver o projeto gráfico e físico dos elementos
  • 57. Metodologia de Trabalho em Sinalética após a etapa de organização e conceituação é possível estabelecer as definições que serão utilizadas na criação do projeto gráfico e do projeto físico, e assim desenvolver os elementos da sinalização, determinando sua função, forma, posicionamento e localização no espaço.
  • 58. Metodologia de Trabalho em Sinalética a última etapa do projeto de sinalização é a instalação, que deve ser supervisionada para garantir a integridade dos elementos e seu correto posicionamento, de acordo com o especificado no projeto e no manual de sinalização. o acompanhamento dessa etapa também é importante para confirmar o resultado final do projeto, perceber a sua integração ao espaço e ter um retorno a respeito da satisfação dos usuários e do