Design de Informação para Portais Institucionais

Por Eliana Rezende e Lionel C. Bethancourt 

"No começo, a internet era simples. Quando a conheci, nos começos de 1993 (trabalhando para a O'Reilly Global Network Navigator) havia somente um navegador para ver as páginas web, e ele funcionava exclusivamente na plataforma Unix. Existiam somente uns doze comandos que faziam tudo ser interessante. Desenhar uma página web era uma tarefa relativamente simples.

Não ficou simples por muito tempo."

Niederst, Jennifer, "Web Design in a Nutshell", 2001.

Aceitemos como fato, que toda informação moderna, ou é criada ou será digitalizada mais cedo ou mais tarde, para o espaço mais caro e inexistente da face da terra. Toda a informação histórica contida em documentos analógicos irá mudar para digital brevemente.

Quando lidamos com informação, muitas perguntas nos ocorrem, e as dúvidas subsequentes são de várias ordens.  
Nosso mundo tecnológico, digitalizou-se de tal forma, que hoje a informação está em todo lugar, mas se não houver por parte de quem comunica uma intenção clara, tudo se perde, e ao final o resultado será apenas um grande ruído branco.

É preciso que se diga, que a informação é originada de dados, e que sem um objetivo, intenções bem definidas e disseminação eficiente, não resulta em praticamente nada.

Essas afirmações simples e prosaicas, nem sempre são entendidas, nem levadas a sério por aqueles que tratam a informação, ou a disponibilizam de alguma forma. 
Há algumas décadas saímos dos registros e impressos analógicos para chegarmos a um mundo de bits, links e hiperlinks. E aqui os problemas começaram.

Vejamos como as camadas de informação podem ser visualizadas no mundo WWW.

As Páginas da Internet, as webpages, são documentos, escritos basicamente, em código HTML (acrônimo para HyperText Markup Language). Tais documentos contêm, na sua forma mais simples: hipertextos, barras de navegação, imagens e links. Este código é exibido pelos navegadores de internet, browsers, em monitores de computador, telas de celulares e tablets. Apenas saiba que, dependendo de como ele seja mostrado, este código pode ser definido como estático ou dinâmico.

O que vemos quando abrimos um endereço web (URL), usando o famoso: www.etcetera-etcetera.com.br, é o resultado da somatória da arquitetura e do design de informação e a informação que o autor quer transmitir.
E a forma como ele deseja que você, o usuário/a, reaja àquelas informações.

Lembre que, a arquitetura define estrutura e o design define a forma da informação que vemos. Mesmo muito antes de saber que esse endereço específico existisse. Isto pode ser chamado de comunicação visual. No caso específico das páginas de internet, este é um processo que o autor, o desenvolvedor e o designer deveriam fazer juntos.
Um processo multidisciplinar!
Conteúdo, hierarquia e forma.

Um Portal de internet é, entre outras coisas, um conjunto de webpages criadas com o propósito específico de informar sobre um tema, produto ou serviço definido, separando-o dos seus parecidos ou semelhantes. Estas informações são, na maior parte das vezes, de propriedade/autoria do "dono do domínio". Pois nada impede que existam páginas de avaliações ou opiniões, em blogs ou portais, além daquelas dos produtores ou donos da marca, serviço ou produto.

Na ER Consultoria, cada vez mais nos deparamos com os mesmos problemas ao analisar a criação e usabilidade de portais de clientes. Muitos se esquecem que, depois de lançados, os Portais precisam de cuidados constantes. Atualizações focais e atendimento aos clientes/usuários são diários ou, pelo menos, semanais. Alguém precisa se responsabilizar pelas atualizações e a intermediação com os clientes e usuários.

Veja os elementos que consegue identificar nos portais; arte, comunicação, administração, lógica, e por ai vai. Imagine fazer portais com somente um desses elementos.
Agora imagine fazer seu portal com um desses elementos faltando! 
Independente de qual for a ferramenta utilizada para desenvolver e montar seu portal, ele deverá obedecer certos critérios para poder atingir seus objetivos.
São estes critérios que fazem a diferença.

Aqui entramos no universo o qual chamamos de design de informação. 
Em geral, as pessoas se esquecem que todo o conjunto de informações possui pelo menos duas partes.
Uma que é interna e que exige uma diagramação que favorecerá as conexões entre os dados, para que estes façam sentido e possam ser lidos e interpretados por um público alvo.
E outra externa, o público-alvo ao qual as informações se dirigem e que procuram de forma muito diferente dos padrões do programador.

É esta linha tênue que deixa de ser respeitada e que, apesar de transcorridas tantas décadas, encontramos sites e portais que nada nos dizem, vazios de forma e conteúdo, recheados apenas e tão somente de pequenas pirotecnias de programação e cores.

Pode ocorrer também outra situação ainda pior para o design de informação: 
Ainda que a informação exista, que haja competência técnica por parte de quem alimenta os bancos de dados, e que sejam ricos em possibilidades, o mau design simplesmente tornará tudo submerso e opaco.
A página torna-se estéril, desinteressante e muda.
São páginas que precisam de tutoriais, manuais, para poder ser utilizadas, num universo visual, econômico e restrito. Um universo onde as imagens valem mais que mil palavras, se não gostamos das imagens, não leremos nenhuma delas.

Conteúdo

Aqui é o ponto nevrálgico e a razão de ser de seu Site ou Portal. Se você não sabe exatamente o que quer, como quer, para quem e porque, deixe para outra ocasião!
Neste ponto, insistimos muito que é fundamental grandes conversas para alinhar objetivos. 
Aqui sempre fazemos o cliente entender o que de fato precisa fazer para que suas metas sejam alcançadas. 

Consideramos que é muito importante que, se seu Site ou Portal for de conteúdo, consultorias e afins, ele precisa ter solidez, consistência. Por outro lado, se você está oferecendo um produto ou serviço, não confunda seu cliente gerando voltas imensas e desnecessárias.
Tudo o que estiver no seu site ou portal tem que fazer sentido e dirigir-se ao seu público alvo de forma clara, sem rodeios.

A Informação precisa ser visualmente agradável, ao ponto de incentivar a navegação e consequentes descobertas quer a usuários comuns, quer a pesquisadores ou técnicos. 

O que significa dizer, que um único template usado para diferentes portais ou sites não oferecem os requisitos acima colocados. 

_____________________________________

Referências

Design de Informação: O que é e para quê serve?, acessado em 22/10/2017
Tipos de Portais, in WGabriel, "Tipos de Portais", http://wgabriel.net/arquitetura-da-informacao-e-webwriting/tipos-de-portais-web/, acessada em 10/10/2017. 
Enciclopedia de Clasificaciones (2017). "Tipos de páginas web". Recuperado de: http://www.tiposde.org/internet/172-tipos-de-paginas-web/, acessada em 10/10/2017.
Krug, S., Don't Make Me Think! A Common Sense Approach to Web Usability, New Riders/Circle.com Library, 2000.

Nielsen, J. e Tahir, M., Homepage usability, New Riders, 2001.
Nielsen, J., Designing Web Usability, New Riders, 1999.
Niederst, J., Web Design in a Nutshell, Second Edition, O'Reilly, 2001.
Rosenfeld, L. e Morville, P., Information Architecture for the World Wide Web, OReilly, 1998.e mais outros...

As diferenças entre Arquitetura da Informação (AI) e o Design da Informação (DI)

Autor: Clark MacLeod, ITRI (http://www.kelake.org/articles/id/differences.html)

Acredito que copiei o original disto de Jesse James Garrett, algum tempo atrás.

Entre os dois nomes temos diferentes preocupações. A arquitetura de informação (AI) por exemplo, lida principalmente com cognição, sobre como as pessoas processam as informações e constroem relações entre as diferentes peças de informação. O design da informação (DI), principalmente sobre a percepção, ou sobre como as pessoas traduzem o que veem e ouvem, em conhecimento.

Ambas exigem habilidades diferentes.
Os arquitetos de informação vêm de uma variedade de origens, mas acho que a maioria deles apresenta uma orientação para a linguagem. Os designers de informação, por seu lado, tendem a ser orientados em relação às artes visuais. Como resultado disso, a maioria dos designers de informação vêm exatamente de uma disciplina: Design Gráfico ou Comunicação Visual.

A arquitetura de informação pertence ao reino do abstrato, preocupando-se mais com as estruturas da mente do que com as estruturas na página ou na tela. O design de informação, no entanto, não poderia ser mais concreto, com considerações tais como cor e forma, fundamentais para o processo do design de informação.

Esteja consciente de que organização e apresentação são conceitos diferentes. Os dados só podem ser organizados segundo alguns princípios: magnitude, tempo, números,alfabeto, categoria, localização e aleatoriedade.

 

Magnitude, Tempo, Números e Alfabeto são todas sequências de algum tipo, que podemos usar para organizar as coisas baseados em uma característica semelhante compartilhada por todos os dados.

Categoria e localização são organizações que também usam algum aspecto inerentemente significativo dos dados em torno do qual (os dados) podem ser orientados.
Aleatoriedade é a falta de organização. É importante quando estamos tentando construir uma experiência que não seja necessariamente fácil, uma exploração ou jogo.

Importância.

Isso é bom.... mas, e daí?

A informação impressa e gráfica é agora a força motriz por trás de todas as nossas vidas. Ela não está mais confinada aos trabalhadores especializados em campos selecionados, mas impacta quase todas as pessoas através do uso generalizado da informática e da Internet. Transferências rápidas e precisas de informações podem ser uma questão de vida ou morte para muitas pessoas (um exemplo é o desastre da Challenger). 

Tenho ouvido...
"A medida em que os símbolos e gráficos afetam nossas vidas pode ser visto pelo dramático aumento nos escores de QI em todas as culturas que tenham adquirido a tecnologia da informação: nos Estados Unidos, tem havido um aumento médio de 3 pontos de QI por década nos últimos 60 anos, para um aumento total de 18 pontos de QI. Não há uma explicação biológica conhecida para este aumento e a causa mais provável é a exposição generalizada a textos, símbolos e gráficos que acompanham a vida moderna."

Preocupações básicas de negócios

"Aplicando princípios de design de informação aos documentos internos, tais como formulários, planilhas, bancos de dados e relatórios ajuda a assegurar a eficiente e eficaz coleta, tratamento e difusão de informações. Os tomadores de decisão irão se beneficiar especialmente a partir de relatórios e apresentações internas claras.

O design de informação também irá ajudar a empresa a se comunicar efetivamente com seus clientes através de seus documentos, folhetos, especificações técnicas, manuais de utilização, publicações, sites, contratos, faturas, contas, etc. Agora existe a possibilidade de personalizar muitos destes documentos, mas isso introduz uma nova gama de desafios de design. Documentos mal concebidos custam dinheiro porque eles não conseguem atingir a resposta desejada, e podem frustrar e até mesmo afastar os clientes que têm a opção de fazer compras em outro lugar." Sue Walker
Ex. Challenger e o desastre da Columbia

Criar significado

"Vivemos em uma época de escolhas, adaptando-nos a alternativas. Porque temos maior acesso à informação, muitos de nós tornaram-se mais envolvidos na pesquisa, e fazer nossas próprias decisões, em vez de confiar nos especialistas. A oportunidade é que não é tão muita informação, a catástrofe é que 99% dos que não é significativo ou compreensível. Precisamos repensar como podemos apresentar a informação porque os apetites de informação das pessoas são muito mais refinados. O sucesso em nosso mundo conectado requer que isolar a informação específica que precisa e obtê-lo para aqueles com quem trabalhamos." de Richard Saul Wurman, "Informações Ansiedade 2"

"Estamos sendo atacados por um dilúvio de dados e, a menos que criemos tempo e espaços em que refletir, vamos ficar apenas com nossas reações. Acredito fortemente no poder dos weblogs para transformar tanto os escritores e leitores de "audiência" para "público" e de "consumidor" para "Criador". Os weblogs não são uma panaceia para os efeitos incapacitantes de uma cultura saturada de mídia, mas acredito que eles sejam um antídoto."
Rebecca Blood, setembro 2000.

Dados crus são muitas vezes superabundantes. Apesar do que muitos possam dizer, eles não são a força motriz da nossa época. Trata-se, na sua maior parte, apenas dos blocos de construção nos quais a relevância será construída. Conteúdo/dados em massa tem valor limitado em seu estado bruto.

De fato, os dados são inúteis até que sejam transformados --- em seu estado bruto não têm significado e são de pouco valor, o que só contribui para a ansiedade que sentimos em nossas vidas.

A informação é o início do significado.

A informação é colocar os dados em contexto com o pensamento dada a sua organização e apresentação. Indo de dados até informação representa passar do sensorial para o conceitual.
Não significa nada até que você faça alguma coisa com ela.

Conhecimento

O que diferencia o conhecimento da informação é a complexidade das experiências necessárias para alcançá-lo. Para que um(a) aluno(a) possa ter um bom conhecimento de um tópico que ele/ela tem de ser exposto ao mesmo conjunto de dados de muitas maneiras diferentes, a partir de diferentes pontos de vista e ele/ela terá de elaborar seu/sua própria experiência da mesma. O conhecimento não pode ser transferido de uma pessoa para outra, tem que ser construído pela própria pessoa.

O design da informação é a disciplina, através da qual, criamos a transformação de dados em informações que atuam como veículo para a construção do conhecimento.

Quase qualquer organização pode ser apresentada de uma variedade de formas. Os dados textuais podem ser apresentados por escrito, visualmente ("uma imagem vale mais que mil palavras"), ou sonoros (falando ao vivo ou em gravações), ou em qualquer combinação. Muitas vezes, a apresentação em si afeta nossa compreensão tanto que podemos não compreender ou interpretar mal os dados. Ela varia desde o mundano até o fantástico, desde a facilidade de entendimento até influenciar a opinião.

Olhe para as páginas financeiras e páginas de notícias do seu jornal, seus infográficos, e seus sites favoritos. Analise como eles estão moldando sua opinião e experiência.

Meus Concidadãos
Como isto muda sua percepção? Especialmente quando confrontado com este material escrito ou visual.

Infográficos
Poynter - Visual Journalism.com

Ética da Informação - International Centre for Information Ethics

História
History in a nutshell of the field of Information Design


O design de informação baseia-se no trabalho que temos feito anteriormente no processo. Precisamos saber para quem estamos projetando e por que (qual problema estamos tentando resolver, quais ações estamos tentando facilitar, a mensagem a ser comunicada, e/ou processo que estamos tentando ativar).

Seja como parte de um processo maior em um projeto ou não - o quem, o quê, o porquê e onde, são essenciais para criar uma solução eficaz.
Muitas lições podem ser coletadas a partir de estudos de orientação e design de informação em um contexto de mundo real:

Um estudo do metrô de Taipei (MRT). ()

Sobre Ordem (http://www.kelake.org/articles/id/order.html)
"A ordem tende a reduzir a complexidade e exige a eliminação de detalhes que não se encaixem nos princípios que determinam a ordem" Arnheim (1966).

Orientação (wayfinding) não é Sinalização (signage).



____________________________________________  

Post relacionados:

Apresentações inapresentáveis
Inforgafia: ferramenta de comunicação
Mãos: ferramentas de comunicação e inovação
Ideal

Ideal

Sempre tive a nitida sensação de que os autores de livros, principalmente livros técnicos, acham que seu "negócio" é só escrever o livro e alguma editora o publicar que já tinham acabado com isso. O mercado editorial e os consumidores assumiriam o processo depois da impressão e distribuição. Certo?

Mas, acho que desde Gutenberg fizemos a coisa errada. Os livros são -num sentido figurado- como rodovias bem pavimentadas e muito mal sinalizadas. Bem pavimentadas porque permitem um movimento (aprendizado) mais rápido. A quantidade de informação e possibilidade de combinações é enorme! E, mal sinalizadas porque se cada um de nós pensa diferente do outro, as mesmas informações podem levar-nos a lugares muito diferentes. Como num Quarteto de Anscombe.
Até as formigas compartilham informação melhor que nós!
Proporcionalmente, claro.

Depois da época de Guttemberg somente tinhamos um dos braços da equação: o acesso à informação. Hoje em dia temos o outro braço: a facilidade de comunicação! Unindo os dois braços poderiamos melhorar a pavimentação e começar a sinalização.

E, é aqui onde as coisas começam a ficar complicadas. Em um mundo ideal todo autor seria responsável não somente pela sua obra, mas também pela influência desta nos seus leitores.
Será que dá para entender?
Como autor, a minha obra não acaba quando escrevo o último capítulo, ou "The End".
Parafraseando o Quino: "un sanseacabó y pronto!"
Mas, essa é minha impressão muito pessoal.
Qual a proposta?

Imagine Cervantes explicando Quijote de la Mancha para grupos de leitores aos sábados. Marx escrevendo "Anotações ao Capital" em fascículos. Lloyd-Wright explicando arquitetura para quem quizesse ouvir. O Palácio de São Pedro mantendo um FAQs da Bíblia.
E assim por diante...
Hein?
Lembre que eu disse: "em um mundo ideal."

PS - 23.07.2011
Se você achou que, mais uma vez, eu estava viajando na maionese, saiba que em 2000 foi lançado um livro chamado "The Cluetrain Manifesto" onde se fala de uma tal "Economia de Intenção" (Intention Economy) que nada mais é do que escreví em poucas palavras lá encima.

Levei 10 anos de altos e baixos para chegar -atrasado, como sempre- ao mesmo ponto destes autores: responsabilidade a baixo custo. Imagine, tente imaginar por um segundo, como nossos "paradigmas" mudariam se esta economia fosse aplicada aos modelos de negócio que temos hoje em dia. E, nesse pequeno segundo dê uma olhada no que acontece ao seu redor, FORA, dos modelos de negócio. Deixe a sua imaginação dar-lhe a resposta.
LCB




_____________________________________________
Posts Relacionados