Análise dos elementos básicos de visualização de dados

Analysis of basic elements used for data visualization

Prado, Patricia; Visualização Análise dos elementos básicos de visualização de dados; Facul-dades Barddalprbprado@gmail.com

Resumo

Atualmente a informação on line é apresentada de forma não linear, ou seja, o pró-prio internauta constrói a navegação em busca da informação. Além da liberdade destinada ao internauta constata-se que ele mesmo pode criar sua rede de associações inteligentes interli-gando sua rede de informação particular. Portando, observando essas questões busca-se compreender a abstração, o comportamento da informação visual traduzindo seus sentidos semióticos.

Ao focar as especificidades da informação on line essa pesquisa é definida como qualitativa, de caráter exploratório delineado através de um levantamento bibliográfico. Com o estudo pode-se averiguar os novos conceitos e formatos da visualização de dados.

Palavras Chave: visualização de dados; associações inteligentes; linguística.

Abstract

Currently the online information is presented in a non-linear, other words, the surfer builds own navigation in search of information. Besides the freedom intended for netizen finds that he can create his network of associations intelligent interconnecting its network of private information. Porting observing these issues we seek to understand the abstraction, the behavior of visual semiotic translating your senses.

By focusing on the specifics of the information on this research line is defined as a qualitative, exploratory delineated through a literature review. With the study can investigate new concepts and formats of data visualization.

Keywords: data visualization; intelligent associations; linguistic.

Faces do designCampos e Silva (2008) levantam uma indagação em seu estudo sobre a

personalidade estética das interfaces do mundo digital e consideram que há um tempo o conteúdo da web era apenas textual, estruturado com links, hiperlinks que se conectavam com outro conteúdo textual. Entretanto, a tecnologia avançou oferecendo novos navegadores permitindo que mais informações fossem disponibilizadas e a velocidade inserida na navegação também cresceram podendo melhorar e muito a interface.

Campos e Silva (2008) afirmam que:

As tecnologias surgidas a partir daí permitiram que uma página da web se tornasse tão elaborada quanto uma página de revista ou de jornal impresso. A metáfora de página de livro cedeu lugar à metáfora do conteúdo de publicação diária. A biblioteca acadêmica cedeu lugar à banca de jornal, o jogo de papel e o cartão impresso foram substituídos pelos videogames. (CAMPOS E SILVA: 2008, p.14):

Observa-se, portanto, que esse movimento foi um divisor de águas no sentido de ferramenta, mas para questões de linguagens estéticas e de interações a apropriação das mídias anteriores. Hoje, segundo Campos e Silva (2008) a estética de internet na verdade é uma herança de jogos eletrônicos, da mídia impressa jornalística e dos CDs ROM.

Esta, por sua vez, ao reunir esses e outros elementos, implementou uma linguagem própria, ao incorporar também a interatividade. O leitor espectador deixou de ser um receptor passivo, podendo agora, até mesmo interferir no conteúdo acessado, seja acrescentando comentários, seja personalizando páginas que, amiúde, altera, gerando conteúdos inéditos, algo que as outras mídias apenas faziam − ou tentavam, indiretamente, fazer – com o uso de duas mídias em paralelo (televisão e telefone, rádio e e-mail etc.). (CAMPOS E SILVA: 2008, p.15)

Percebe-se, então, que é nesse ponto que a internet se diferencia e mostra a sua principal característica a interação de pessoas por meio de uma interface que pode possibilitar a transição de informações. Podem-se fazer analogias:

nas páginas da web se percebe que os ícones possuem uma função análoga à dos sinais de trânsito. Assim como estes têm por finalidade orientar o fluxo de automóveis e pedestres, aqueles têm por função orientar a navegação dos internautas. Mas a analogia poderia parar aí, pois, no meio ‘físico’, os sinais se relacionam com o espaço tridimensional, articulando-se como uma referência e um referente, diversamente do (atual) espaço bidimensional da web. Não há como relacionar elementos nesse espaço da maneira como se costuma fazer no mundo real. (CAMPOS E SILVA: 2008, p.15)

Portanto, buscamos compreender melhor esses ícones e símbolos para dar sentido a eles e orientar melhor o fluxo de navegação em uma interface gráfica. Outro objetivo deste estudo é facilitar a descoberta de novos caminhos por parte do usuário, permitindo que as informações analíticas sejam visualizadas naturalmente.

Princípios básicos do design gráficoO design visual pode interpretar informações e transpô-las em conceitos visuais

como: cor, forma, contraste, luz entre outros e que permite construir uma composição visual clara e objetiva.

Conhecer e examinar, com afinco, os elementos visuais básicos, pode oferecer uma estratégia de composição criativa de uma linguagem visual para qualquer plataforma ou suporte.

2

Carol Holfmann (2010) afirma que o foco do desenvolvimento de uma infografia é “tornar algo compreensível e não apenas fácil de olhar, é função do design gráfico, design de interface e infografia. Todos têm por objetivo principal transmitir informações e dados.” Na figura 1, Holfmann constrói um gráfico exemplificando sua visão para a construção de um bom infográfico.

Figura 1 - Processo de formação de um infográficoFonte: abcDesign. Infográficos: da essência ao clichê na era da Informação Digital. Disponível em

http://bit.ly/JGB9Mp

Em um workshop, no Malofiej 20 International Infographics, Alberto Cairo lançou o desafio da construção de um infográfico, em um prazo muito curto. Cairo concluiu o workshop impressionado com o resultado e comentou: “observe os desenhos bonitos e as toneladas de canetas e papel sobre as mesas”. Cairo finalizou seu workshop ressaltando a importância de planejar e compartilhar as ideias antes de tocar um teclado de computador.

Figura 2 - Sketch de um infográfico no workshop do Malofiej 20.Fonte: The funcional art: Information Graphics Workshop in Spain. Disponível em http://bit.ly/I4Ri9y

Segundo Teixeira (2005, p.5) os quatros itens mais importantes para a composição do infográfico são:

“Agrupamento: a proximidade, segundo as leis da percepção, é um forte fator no estabelecimento de uma relação entre os elementos visuais (...). Podemos conduzir nosso leitor.

3

Adequação dos elementos visuais à informação: a capacidade de passar mensagens subliminares, as imagens atuarão como elementos coadjuvantes na leitura e compreensão dos infográficos (...). Toda informação visual quando lida, é analisada e interpretada por um conjunto de parâmetros culturais individualizados na experiência de cada leitor (...). A imagem informa para além da organização racional. Ela busca também a harmonia estética e o ritmo neural.Poluição visual: equilíbrio, contraste e harmonia são inconscientemente buscados pelo leitor. Exploração dos recursos estéticos: formas, cores, ilustrações, fotos, efeitos, tons, composição, harmonia, ritmo e tantos outros - são um conjunto de detalhes voltados à necessidade de beleza do ser humano (...).”

Os elementos citados por Teixeira (2005) podem ser analisados à luz das teorias da Gestalt que utiliza “pontos, linhas, planos, volumes, cores, sombras, brilhos, texturas, e outros atributos – isolados ou combinados entre si”. Gomes Filho (2008, p.27).

O conceito de unificação, segundo os preceitos da Gestalt, e o agrupamento, citado por Teixeira, são nomenclaturas diferentes, mas podem ter uma relação. A unificação, citada pela teoria da forma, pode ter uma gama de elementos ou ser apenas um só. Já na visão de Teixeira o agrupamento é a unificação formada por vários elementos.

Na figura 3, a teoria, se apresenta verdadeira. No primeiro quadrado composto por outros quadrados são a harmonia perfeita, todos tem o mesmo tamanho e formam um quadrado maior com a mesma proporção e concorda com outras leis da Gestalt como “proximidade, semelhança, fechamento e boa continuidade”.

No segundo quadrado, a continuidade e interrompida pela diferença de cor, causando um “ruído” ou evidenciando algo específico. Na terceira, o mesmo acontece não se encontra a continuidade pela falha de alguns quadrados e em outra o circulo não deixa a leitura coerente.

Finalmente no último é o caos, pelo movimento dos quadrados e cores se perde a harmonia e continuidade na legibilidade visual.

Suassuna referencia-se a harmonia das partes de um todo que assume como unidade e totalidade quando afirma “que consiste na grandeza e na ordem.” (SUASSUNA: 2011, p.53)

Figura 3 - Unificação.Fonte: Filho (2008, p.31).

Na figura 14 são apresentadas as leis mais importantes da teoria Gestaltiana como: semelhança, proximidade, continuidade, pregnância, fechamento sendo empregadas na figura anterior mostrando seu funcionamento, entre outros. A figura também mostra a conceituação sensível da forma, seus aspectos metafísico, lógico, epistemológico, estético e formal.

4

Figura 4 - Leis da Gestalt.Fonte: Gomes Filho (2000).

A teoria da Gestalt pode fornecer ao designer o embasamento científico ao sistema de leitura visual, que solidifica as diretrizes para construção de infográficos podendo ultrapassar os elementos técnicos, permeando os anseios da forma e tateando o campo estético.

A forma, como é descrita na figura 5, é definida por Filho (2000, p.41):

“como os limites exteriores da matéria de que é constituído um corpo e que confere a este um feitio, uma configuração. A percepção da forma é o resultado de uma interação entre o objeto físico e o meio de luz agindo como transmissor de informação, condições e imagens que prevalecem no sistema nervoso do observador que é, em parte, determinada pela própria experiência visual.”

Wong (1998) divide a forma em quatro grupos básicos: elementos conceituais, elementos visuais, elementos relacionais e elementos práticos.

5

Figura 5 - Elementos da forma.Fonte: Wong (1998).

Wong (1998) relata a união dos conceitos da teoria da forma e sugere funções a ela, adaptações que e se apresentam como o principal suporte do mecanismo de estruturação e organização de um infográfico. Um exemplo prático é oferecido por Munari apenas utilizando a textura para mostrar o funcionamento da teoria de Wong:

Figura 6 - Elementos da forma com textura.Fonte: Bruno Munari (2006, p.11).

6

A interpretação desses elementos básicos e o contexto do meio onde se está inserido ou suporte, segundo Dondis (1997, p.5), atuam como “cenário para as decisões relativas ao design”, estruturando os elementos conforme seus significados.

O sistema de elementos organizados sistematicamente pela Gestalt e Wong, se apresentam como refinamentos do que foram percepções humanas em relação aos objetos. Essa estrutura é chamada por Dondis (1997, p.16) de “alfabetismo coerente com regras sintáticas básicas”. Seguindo as concepções de Dondis (1997) toda a percepção, das definições acima, pode também ser influenciada pela psique formada pelo seu grupo social.

Sartre (2009, p.39) comenta que “toda criação imaginativa exige um princípio de unidade” e que toda unidade passa por um processo de desmembramento de “dissociação externa e interna” sendo que:

1) a seleção tendo em vista a ação; 2) causas afetivas “que governam a atenção”; 3) razões intelectuais, “designando por esse nome a lei de inércia mental ou lei do menor esforço”. As causas externas são as “variações da experiência” que apresenta tal objeto, ora provido, ora privado de certa qualidade: “O que foi associado ora a uma coisa, ora a outra, tende a se dissociar das duas”.

Aparentemente uma informação apresentada a um indivíduo ocidental pode ser interpretada de uma forma diferente de um indivíduo oriental, que não tem acesso aos mesmos costumes, ou seja, um indivíduo que mora no Sul do país tem uma palavra para identificar um objeto, para o que no Norte a mesma palavra pode significar outra coisa.

Um bom exemplo é o símbolo da suástica, figura 7, que traz mensagens com mais de três mil anos, segundo dados do site Brasil Escola, seu nome era “cruz gamada” e era gravada em moedas da antiga Mesopotâmia. Seu primeiro significado nasceu dentro do hinduísmo como “aquilo que traz sorte” e, para os chineses, a suástica representava o número 10.000; na maçonaria representação de uma constelação próxima à estrela Ursa Maior; e os bascos representam por meio da suástica a imagem de uma dupla espiral. Porém o significado mais conhecido foi como símbolo do nazismo.

Figura 7 - Suástica.Fonte: Brasil Escola. Disponível em http://bit.ly/KBWjLl. Acesso em 21/06/2012

Nesse contexto, Ramos e Zago (2007, p.7) argumentam que:

todo ato perceptivo subordina um fenômeno em conceitos visuais [...] é o conhecimento sensorial das formas ou de totalidades organizadas e dotadas de sentido e não a soma de sensações elementares. Sensação e percepção são o mesmo.

7

É o conhecimento de um sujeito corporal, uma vivência corporal. O mundo exterior não é uma coleção ou soma de coisas isoladas. É organizado em formas e estruturas complexas, dotadas de sentido.

Aprofundando, percebe-se que os elementos sistematizados ficam a priori dos juízos empregados pela pessoa que recebe a informação, sendo assim, a percepção “não é uma propriedade do objeto, algo que se encontra no objeto, e sim uma construção do espírito do contemplador colocado diante do objeto” (SUASSUNA: 2011, p.30).

Ramos e Zago (2007) concluem que:

A percepção é uma relação do sujeito com o mundo exterior e não uma reação fisico fisiológico (empiristas) e nem uma idéia formulada pelo sujeito (intelectualistas). A relação dá sentido ao percebido e aquele que percebe - um não existe sem o outro. Uma experiência é dotada de significação. O percebido é dotado de sentido, faz parte do nosso mundo e de nossas vivências. (RAMOS E ZAGO: 2007, p.7)

Portanto, com a percepção definida pretende-se explorá-la com os conceitos de comunicação que, segundo Júnior (2005), não importa o suporte a comunicação se dá de corpo para corpo, cada um interpretando a informação conforme seu conhecimento intrínseco.

Visualização da informação com bases de dadosSunagawa (2010) apud Betin (1983) introduz os níveis de organização de um

gráfico que são “divididos em quatro propriedades perceptivas ou níveis de organização: associativo, seletivo, ordenado ou quantitativo”.

Percebe-se que a autora aprofunda os elementos apresentados pelas leis da Gestalt e de Wong, e converte para uma linguagem infográfica transformando em três níveis de interpretação como modos de implantação, variáveis visuais e organização visual de dados.

Sendo, segundo a Sunagawa (2010), os modos de implantação estão relacionados aos quesitos visuais, relacionais e práticos dos elementos das formas apresentado por Wong (1998), sendo que os elementos conceituais, de Wong, se relacionam com as variáveis, e finalmente os níveis organizacionais apresentados pela autora.

Portanto, Sunagawa (2010) apresenta, na figura 8, um exemplo prático que utiliza os elementos da forma e transforma em visualização de dados.

8

Figura 8 - Modos de Implantação X Váriáveis Visuais X Niveís de OrganizaçãoFonte: SUNAGAWA: 2010, p.59.

Cairo (2008) articula sobre a implantação dos dados variáveis do Google maps que se tornou uma ferramenta importante para o desenvolvimento de mapas interativos, por ter seu código de programação aberto e oferecer possibilidades de manipulação dos dados. Alguns sites jornalísticos já estão utilizando recursos oferecidos pelo Google que usa as variáveis visuais apresentadas por Sunagawa (2010).

Na figura 9, o NYT apresenta uma forma interativa os lugares onde realiza, a cada ano, uma inspeção sanitária. Em cada ponto do mapa é apresentado o nome do estabelecimento, o grau de violação e, se clicado, apresenta todo o relatório do local. Além disso, tem um sistema de busca na parte superior do infográfico.

Percebe-se que as variáveis visuais tornam-se gráficos mostrando o grau de reincidência do estabelecimento nas inspeções, transforma-se informação numérica em dados visuais.

Figura 9 - Ferramenta do Google aplicado em infográfico do New York Times.Fonte: Interactive Map. Disponível em http://nyti.ms/IrST9z

Cairo (2008) afirma que a ferramenta elaborada pela Google, em 2005, condicionará o futuro da infografia na web, pois definem “a hibridação de serviços de diversos provedores para criar um novo produto.” (CAIRO: 2008, p.7) Continua em sua afirmação de que os dados são recombinados de maneira que responda as necessidades de cada infografia e que oferecem o suporte para a arquitetura da informação e que possam ser compartilhadas, modificadas e distribuídas e por fim utilizando os conceitos de inteligência compartilhada.

Após discorrer sobre como os elementos visuais podem auxiliar a compor uma interface que analise dados numéricos transformando em gráficos, apresentados por Sunagawa (2010), prospectando a utilização das ferramentas oferecidas pelo Google Maps, que foi apresentada por Cairo (2008) como uma ferramenta de alta qualidade.

Percebe-se que a interface pode ser manipulada conforme os dados inseridos, segundo Cairo (2008) é necessário, uma ferramenta com alto desempenho para administrar esses dados graficamente.

9

Portanto, observa-se que, apenas conhecer a ferramenta e saber como navegar por ela pode não ser suficiente para enviar uma informação visual.

Interpretação da informaçãoPercebe-se que a visualização da informação depende também dos conhecimentos

de comunicação, portanto conhecer apenas a aplicabilidade dos elementos da forma pode ser insuficiente na comunicação de uma mensagem. Dondis (1997) acredita que a forma é pode ser modificada ou interpretada de forma diferente por pessoas diferentes.

“O resultado final de toda a experiência visual, na natureza e, basicamente, no design, está na interação de polaridades duplas: primeira as forças do conteúdo (mensagem e significado) e da forma (design, meio e ordenação); em segundo lugar, o efeito recíproco da articulação (designer, artista e artesão) e do receptor (público). Em ambos os casos, um não pode se separar do outro. A forma é afetada pelo conteúdo; o conteúdo é afetado pela forma. A mensagem é emitida pelo criador e modificada pelo observador.” (DONDIS: 1997, p.131)

Santaella acrescenta de uma forma mais filosófica que:

de todas as aparências sensíveis, o homem — na sua inquieta indagação para a compreensão dos fenômenos — desvela significações. E no homem e pelo homem que se opera o processo de alteração dos sinais (qualquer estímulo emitido pelos objetos do mundo) em signos ou linguagens (produtos da consciência). (SANTAELLA: 1985, p.7)

Percebe-se que os infográficos podem agregar informações textuais com representações visuais que sofrem influências objetivas e subjetivas. “Compreender a engendrarão do infográfico, suas relações com o interpretante e tornaram evidente seu poder simbólico e de produção de sentido.” (SILVA: 2010, p.10).

Dias e Carvalho apud Freitas (2011) afirmam que a visualização de dados é:

“uma área da Ciência que tem por objetivo o estudo das principais formas de representações gráficas para apresentação de informações, a fim de contribuir para o entendimento delas, bem como ajudar a percepção do consumidor a fim de deduzir novos conhecimentos baseados no que está sendo apresentado. É uma ciência que combina aspectos de computação gráfica, interação humano-computador, cartografia e mineração de dados.”

Toda a visualização de uma informação pode ser abstrata, o que se vê no papel ou na tela de um computador seria uma representação do real, uma interpretação de fatos e dados. Cairo (2008) confirma que “um diagrama é uma representação abstrata de uma realidade.” Ou seja, ele representa números em forma de gráfico podendo assim, ser comparado visualmente.

Quanto maior o poder de abstração de uma infografia maior o grau de compreensão de uma informação, veja na figura 11, em um lado um quadro com vários números e, no outro quadro é destacado apenas os números necessários.

Figura 11 - Fragmentação e minimalismo na informação.

10

Fonte: Cairo (2008, pg.21)

Dias e Carvalho, seguindo a mesma concepção de Cairo, propuseram a dois profissionais das áreas de matemática e desenvolvedor de games, o teste presente na figura 12, no teste foi proposto quatro formas de visualização de uma informação e depois foi questionado aos profissionais o que eles identificavam no resultado do desenho e, cada um deles, interpretou a informação conforme a sua compreensão.

Figura 12 - Teste visual.Fonte: CARVALHO e DIAS (2007)

11

A abstração é um componente importante para a composição de informações em um mapa. Para exemplificar essa ideia Cairo (2008) utiliza o mapa do metrô de Londres, na figura 13, muitos mapas costumavam mostrar o trajeto exato percorrido.

Figura 13 - Mapa antigo do metro de Londres.Fonte: The Guardian. Disponível em http://bit.ly/IrIuOs. Acesso em 20/09/2011.

Beck utilizou a linguagem e a sintaxe para desenvolver o mesmo mapa do metrô de Londres, figura14, que dispensava a geografia do solo, distância entre as estações, trajeto e muitos outros detalhes que o usuário de metrô não necessita saber. Na realidade o usuário precisa saber onde está e para onde quer ir e a partir disso observar um mapa simples.

Figura 14 - Plano do metro de Londres por Henry Beck, 1933.Fonte: The Guardian. Disponível em http://bit.ly/IrIuOs. Acesso em 20/09/2011.

Cairo (2008) cita outros exemplos como: montanhas e vales em um mapa estático não são relevantes para mostrar um roteiro ou uma ilustração é uma representação abstrata de objetos físicos.

12

Para compreender a abstração em sua plenitude os aspectos da fenomenologia podem ser significativos, segundo Santaella (1983, p.2), principia em conhecer como o “homem opera no processo de alteração dos sinais (qualquer estímulo emitido pelos objetos do mundo) em signos ou linguagens (produtos da consciência).” O termo linguagem se estende, também, a linguagem binária da qual as máquinas se utilizam para se comunicar com o homem. Sendo assim, o homem se vale de signos para interpretar algum objeto.

Percebe-se então, que para o homem entender ou interpretar alguma informação ele tem a lógica, os aspectos sensíveis e o social como aliados para formular uma ideia, concepção, compreensão, entre outros.

A fenomenologia tem por tarefa “dar a luz as categorias mais gerais, simples, elementares e universais de todo e qualquer fenômeno, isto é, levantar os elementos ou características que pertencem a todos os fenômenos e participam de todas as experiências”. (SANTAELLA: 1985, p.7).

A concepção de Santaella (1985) sobre os fenômenos são baseados nas teorias de Pierce que agiam em três campos:

1) a capacidade contemplativa, isto é, abrir as janelas do espírito e ver o que está diante dos olhos; 2) saber distinguir, discriminar resolutamente diferenças nessas observações; 3) ser capaz de generalizar as observações em classes ou categorias abrangentes (SANTAELLA: 1985, p.7).

Para fins científicos Pierce resolveu fixar na terminologia de primeiridade, secundidade e terceridade, por serem palavras livres de outros significados ou associações. Segundo Santaella, baseada na teoria perciania:

Primeiridade: é a categoria que dá à experiência sua qualidade distintiva, seu frescor, originalidade irrepetível e liberdadeSecundidade: é aquilo que dá à experiência seu caráter factual, de luta e confronto. Ação e reação ainda em nível de binariedade pura, sem o governo da camada mediadora da intencionalidade, razão ou lei.Terceridade: que aproxima um primeiro e um segundo numa síntese intelectual, corresponde à camada de inteligibilidade, ou pensamento em signos, através da qual representamos e interpretamos o mundo (SANTAELLA: 1985, p.11).

Para Messa (2005, p.15):

A primeiridade refere-se a todo aspecto de qualidade que você vivenciar nessa experiência, a secundidade é a reflexão envolvida nesse processo e a terceiridade é a representação que você fará.

Na figura 15 é apresentada, graficamente, a tríade pierceana

13

Figura 15 - Tríade de Pierce.Fonte: SANTAELLA, Lúcia. O que é semiótica. São Paulo: Brasiliense, 1985

Perante os fenômenos, ou seja, para conhecer, compreender e reagir a “consciência produz um signo” (SANTAELLA: 1985, p.11), isto é, um pensamento.

Observa-se que intenção do signo é representar as formas e simbolizar ideias da percepção do mundo e das coisas. Para isso existe a necessidade de abstração de imagem, mas não de conteúdo. Como verificado nos exemplos das páginas anteriores.

Cabe ressaltar que a semiologia, que posteriormente viria ser semiótica1, “de Ferdinand de Saussure, é a ciência com origens na linguística que estuda vida dos signos como parte da vida social. A relação entre as duas semiologias refere-se à estruturação do pensamento e as leituras das relações significante-significado.” (SUNAGAWA: 2010, p.70)

Santaella (1983, p12) assume a idea, originalmente de Pierce, que:

“o signo só pode representar seu objeto para um intérprete, e porque representa seu objeto, produz na mente desse intérprete alguma outra coisa (um signo ou quase-signo) que também está relacionada ao objeto não diretamente, mas pela mediação do signo.”

Niemeyer considera que a união dos signos constitui a linguagem:

O signo tem o papel de mediador entre algo ausente e um interprete presente.Pela articulação dos signos se dá a construção do sentido.Os signos se organizam em códigos, constituindo sistemas de linguagem. Esses sistemas constituem a base de toda e qualquer forma de comunicação.

Além da tríade apresentada existem outras explorações de Pierce que é a relação do signo consigo mesmo, do signo com seu objeto e, finalmente, do signo com seu interpretante, assim podemos observar outra tríade:

1 Semiótica. A semelhança e afinidade da Semiologia à Semiótica. Ambas tratam do estudo dos signos e surgiram em momentos muito próximos (início do século XX). A semiologia teve suas origens na Suíça e estendeu seus domínios aos países de língua francesa, enquanto a Semiótica, iniciou-se nos Estados Unidos através do filósofo Charles Sanders Peirce (1939-1914). Por força de novas posturas metodológicas, os semiologistas criaram outro movimento, chamados estruturalismo. Em 1969, o comitê fundador da Associação Internacional de Estudos Semióticos, resolveu que as duas ciências fossem fundidas, passando a designar-se somente Semiótica. (SUNAGAWA: 2010, p.70).

14

Figura 16 - Desmembramento do signo.Fonte: SANTAELLA, Lúcia. O que é semiótica. São Paulo: Brasiliense, 1985

Esses conceitos discursados podem ser aplicados a estrutura da comunicação humana pode-se dizer, segundo Watzlawick (2011, p.18 e 19):

O estudo da comunicação humana pode ser subdividido nas mesmas três áreas de sintaxe, semântica e pragmática para o estudo da semiótica (a teoria geral de sinais e linguagens). [...] a primeira dessas três áreas abrange os problemas de transmissão de informação [...]. O seu interesse reside no problema de código, canais, capacidade, ruído, redundância e outras propriedades estatísticas da linguagem.[...] para que seja perfeitamente possível transmitir séries de simbolos desprovidos de significado se o emissor e o receptor não tivessem antecipadamente concordado sobre sua significação. Nesse sentido, toda a informação compartilhada pressupõe uma convenção semântica.

Percebe-se que surge outra tríade considerada o núcleo da teoria da comunicação2:

a trilogia emissor-receptor-mensagem – repetindo, assim, muitos séculos depois, o modelo da Retórica de Aristóteles, de acordo com a qual as “provas de persuasão” residem seja “no carácter moral do orador [ethos]”, seja “no modo como se dispõe o ouvinte [pathos]”, seja, finalmente, “no próprio discurso, pelo que este demonstra ou parece demonstrar [logos].

O grande desafio de comunicar uma mensagem com mais precisão é “decodificar

elementos e a linguagem proporcionada pelo objeto, sobretudo no campo analógico (a linguagem não-verbal)” (SILVA: 2010, p.11).

Ferrara (2004, p. 53) afirma que para o desenvolvimento de projetos em design “o ver semiótico é uma arma imprescindível ao designer, que incorpora a dimensão cultural à competência técnica e isso lhe permite aliar o uso funcional do objeto à sugestão informativa de outros valores culturais.”

Busca-se a abstração de forma com uma grande quantidade de conceitos e informação e sem ruídos para que os dados sejam interpretados rapidamente, os elementos estéticos funcionam como uma massa de modelar a realização de uma interface.

2 História, resumidamente, por Serra (2007, p.78) principais elementos da comunicação, o comunicador (emissor), o conteúdo (da mensagem), o canal, a audiência (o receptor) e os efeitos (sobre os receptores). Outro desses modelos, formulado por Roman Jakobson nos anos 60, procura descrever a comunicação verbal a partir de seis elementos essenciais, a cada um dos quais corresponde uma determinada função: o destinador (função expressiva ou emotiva), o destinatário (função apelativa), a mensagem (função poética), o código (função metalinguística), o contexto (função referencial) e o contacto (função fática).

15

Todos esses conceitos são suportes para o desenvolvimento de projetos sugerem vínculos de interação com o usuário, entretanto é polido se esclarecer a diferença entre as palavras, interativa e interação, percebe-se seu uso contínuo sem conhecimento do seu significado. As duas palavras se diferem pelo sentido de que interativo é indireto e a interação é direta, ou seja:

Interação na sociologia: nenhuma ação humana ou social existe separada da interação. (...) designando a influência recíproca dos atos de pessoas ou grupos. (FERNANDES: 2006 p.25).Interação na ciência da computação: ciência da comunicação, interação é definido como a relação entre eventos comunicativos. Essa definição considera “comunicação interpessoal”, “relacionamento humano” e “interação humanos” como sinônimos. O conceito de interação vem de épocas remotas; entretanto, o de interatividade é recente. (FERNANDES: 2006, p.26).

O significado da interação vem muito antes da interatividade, pois esta surgiu depois da disseminação dos computadores pessoais, segundo Fragoso (2001, p.10):

Em 1954, propunha-se um programa que permitia desenhar num monitor. Porém, o verdadeiro impulso para uma interatividade nessa área foi dado por Ivan Sutherland, em 1963, com o programa Sketchpad, onde o usuário podia desenhar diretamente no monitor atrás de uma caneta (pen light). A partir disso, ainda nos anos 1960, o termo interatividade foi cunhado como uma derivação do neologismo inglês interactivity.

Entretanto, Lévy (1999) sugere que a interação são atividades humanas com articulação de pensamento e ação entre: pessoas, entidades materiais naturais e artificiais, ideias e representações.

É impossível separar o humano de seu ambiente material, assim como dos signos e das imagens por meio dos quais ela atribui sentido à vida e ao mundo. Da mesma forma, não podemos separar o mundo material - e menos ainda sua parte artificial - das ideias por meio das quais os objetos técnicos são concebidos e utilizados, nem dos humanos que os inventam, produzem e utilizam. (LÉVY: 1999, p.22).

Segundo as suas definições, Lévy (1999) também assegura que ao procurar aumentar à autonomia as experiências interativas multiplicam as faculdades cognitivas do usuário.

Kotler (2010, p. 37) faz um adendo sobre a interatividade no mundo do marketing, afirmando que “a experiência de um produto jamais é isolada. É o acúmulo das experiências individuais do consumidor que cria maior valor para o produto. Quando os consumidores individuais experimentam o produto, personalizam a experiência de acordo com necessidades e desejos singulares.”

Já Quéau afirma que: “A verdadeira revolução reside, no entanto, nas possibilidades especificas da infografia, notadamente na sua capacidade de interação com o espectador e na sua possibilidade de geração em tempo real, dando assim o sentimento de uma “imersão” na imagem.”

Em linhas gerais conclui-se que, para poder haver interação são necessárias duas pessoas conectadas por um dispositivo como, um canal de bate-papo, por exemplo, ou um jogo online ou em dupla. Para a interatividade a resposta de uma ação vem do mecanismo utilizado, um sistema, uma ferramenta, um dispositivo móvel, ou seja, um jogo que se joga com um computador sem a participação de outro ser humano

16

Avalia-se a importância desse processo, pois, conforme a analise sobre interatividade seu comportamento como instrumento que instiga a curiosidade e a liberdade dentro da navegação de um conteúdo informativo.

ConclusãoPercebe-se que o papel do design na construção da visualização de uma informação ou

na análise de dados é imprescindível para uma comunicação ágil. O aprofundamento dessas questões auxilia no entendimento da conexão semiológica durante a navegação entre internauta e sistema. Sendo que é imprescindível conhecer o internauta e a relevância das informações para ele, podendo assim, abstrair os dados que não são tão importantes para a visualização.

As utilidades e a forma de navegar na internet evoluíram e tudo que está disponível é compartilhado por todos. A compreensão de que o internauta não é mais um expectador passivo é o princípio para a construção da visualização de dados. O internauta deve estar inserido na percepção do conteúdo, deve ser um construtor dela também.

Em linhas gerais, a visualização de dados terá importância ao internauta se ele ajudar a construir e formar opinião própria e poder compartilhar com sua rede pessoal de informações.

Referências

CAIRO, Alberto. Infografia 2.0: Visualización interactiva de información em prensa. Madrid: Alamut, 2008.

CAIRO, Alberto. Information Graphics Workshop in Spain. Disponível em: http://www.thefunctionalart.com/2012/03/information-graphics-workshop-in-spain.html. Acesso em 26/04/2012.

CAMPOS, Jorge L. SILVA, Wallace V. O design e a representabilidade dos signos dentro da world wide web. Disponível em http://bit.ly/Ljm3gO. Acesso em 21/06/2012.

CARVALHO, José O. F., DIAS, Mateus Pereira. A Visualização da Informação e a sua contribuição para a Ciência da Informação. DataGramaZero: Revista de Ciência da Informação: v.8, n.5, out/07.

DONDIS, Donis A. Sintaxe da linguagem visual. Traduação Jeferson Luis Camargo. São Paulo: Martins Fontes, 1997.

FILHO, João G. Gestalt do Objeto: sistema de leitura visual da forma. São Paulo: 2000.

KOTLER, Philip. Marketing 3.0: as forças que estão definindo o novo marketing centrado no ser humano. Tradução H. de Barros. Rio de Janeiro: Elsevier, 2010.

LÉVY, Pierre. Cibercultura. Tradução Carlos Irineu da Costa. São Paulo: Ed 34, 1999.

MUNARI, Bruno. Das coisas nascem coisas. Apontamentos por uma metodologia projetual. Barcelona: Editorial Gustavo Gili, 1983.

17

MUNARI, Bruno. Design e Comunicação visual. tradução Daniel Santana, São Paulo: Martins Fontes, 1982 (©1968).

QUÉAU, Philippe. Imagem Máquina: A era das tecnologias do virtual. Trad. Henri Gervaiseau. In: PARENTE, André (org.). Rio de Janeiro: Ed. 34, 1993. 304 p. 91-99p.

SANTAELLA, Lúcia. O que é semiótica. São Paulo: Brasiliense, 1985.

WONG, Wucius. Princípios de forma e desenho. Tradução: Alvamar Helena Lamparelli. São Paulo: Martins Fontes, 1998.

18