Framework para o design
6.2 Desenvolvimento do Framework
6.2.1. Domínios
6.2.1.4. Representação Visual
O domínio representação visual reúne componentes que buscam delinear aspectos da visualidade do infográfico como questões de apresentação do texto e das imagens, bem como de sua organização. Este domínio também apresenta as classes Estrutura e Modo, as quais são apresentadas a seguir.
Decupar
Tipos de informações: Apesar de difícil de inferir sem ter contato com o conteúdo, no entanto um tipo de informação que é visível é a de Localização (neste infográfico há um astronauta que vai passeando pelo corpo mostrando as curiosidades de cada ponto)
Informações de saúde: Diversos Fenômenos do organismo, uma vez que apresenta curiosidades
Transformação
Estratégias de representação: Também é complicado especular sem o conteúdo, mas observa-se deforma clara: comparações, localizações no espaço, identifica partes do corpo, exemplifica com o uso de metáforas como a da piscina para se referir a quantidade de saliva produzida na vida.
A classe Estrutura reúne itens que ajudam a estruturar a apresentação da infor-mação no infográfico, como a noção das camadas informacionais. Sendo assim, temos os seguintes tópicos para a classe
% Camadas Informacionais
O principal objetivo deste tópico é auxiliar a definição de priori-dades, hierarquias e ênfases das informações no infográfico. Os itens desta classe são inspirados nas observações indicadas no Capítulo 1 desta tese, as quais tratam sobre uma forma de visualizar as camadas de informação dos infográficos indicada na literatura (FASSINA, 2011; MIRANDA, 2013; LIMA et al. 2014). Sendo assim, tem-se os itens:
o Camada principal
neste item devem ser organizadas as informações priori-tárias e que de alguma forma precisam se destacar em relação as outras para atingir os objetivos pretendidos do infográfico, este conjunto de informações é imprescindível para a explicação que o infográfico.
o Camada complementar
este tópico apresenta informações que contribuem para auxiliar explicações das informações da camada principal, o que permite ampliar determinados pontos, este conjunto de informações em determinados temas e contextos podem ser opcionais
o Camada contextual
este tópico trata das informações que oferecem uma visão ampla de onde está inserida as informações principais, e tem a ideia de ajudar os leitores a se familiarizarem com o contexto da camada principal, mas como a camada com-plementar pode ser opcional.
Já a classe Modo é inspirada nas proposições da linguagem gráfica de Twyman (1979, 1985) permitindo ter noção sob aspectos dos modos pictórico, esquemático e verbal. Sendo assim temos os seguintes tópicos:
% Pictórico
Neste tópico busca incentivar o desenvolvedor a refletir sobre aspectos do modo pictórico e são sugeridos itens como o estilo de ilustração e tipo de ilustração.
o Estilo de ilustração
Neste item o desenvolvedor pode delinear o estilo que julga adequado em relação as condições de produção e necessi-dades para a explicação.
o Tipo de ilustração
Este item sugere os itens da discussão do Capítulo 2, sobre os dois tipos de representação comuns na infografia, as ilustrações científicas de anatomia aqui utilizadas com função de descrever elementos, nomeada como inventarial.
Já as ilustrações que indicam funcionamentos são cha-madas aqui de conceituais
Conceitual
Inventarial
% Esquemático
Este tópico trata de aspectos de elementos esquemáticos que podem ser ligados a estilo de traço entre outros.
% Verbal
Este tópico trata de aspectos relativos aos textos como estilo da tipografia
o Estilo da tipografia
Em alguns contextos o estilo da tipografia é uma restrição como por exemplo em casos que é necessário utilizar a tipografia do projeto gráfico do material o qual o infográfico será inserido, ou então é um infográfico para ser lido em determinada situação que requer uma tipografia específica.
Quadro 6.5 Exercício de possível utilização do domínio representação visual
Fonte quadro: Elaborado pelo autor Fonte infográfico: Revista Mundo Estranho
Estrutura
Camadas informacionais: É possível inferir que a camada principal é a região mais a esquerda do infográfico com o destaque da ilustração de uma cobra picando uma perna. Temos a camada complementar nos ele-mentos mostrando os tipos de necrose de diferentes cobras e por fim acamada contextual nos componentes
“as mais perigosas” mostrando outros tipos de cobra e no “faça a coisa certa” sobre como cuidar de alguém que sofreu uma picada.
Modo
Pictórico: O estilo utilizado neste infográfico é realista e alguns momentos se confunde com uma represen-tação fotográfica, também temos combinadas representações em traço, na sequência de procedimento contido no componente “faça a coisa certa”. Em relação ao tipo de ilustração infográfico em específico existe uma ilustração cientifica descrevendo como é o mecanismo que inocula veneno. Também se tem ilustrações concei-tuais que mostram a ação do veneno.
Esquemático: Em relação a aspectos esquemáticos neste infográfico eles são os containers em degradê que ajudam a perceber uma separação entre as camadas, bem como os conectores e boxes.
Verbal: Observa-se que o infográfico utiliza estilos tipográficos que fazem parte do projeto gráfico da revista
6.2.1.5. Recursos
O domínio recursos tem como objetivo reunir questões sobre os recursos téc-nicos possíveis de serem utilizados na infografia como os recursos multimídia, os quais nomeiam a única classe deste domínio.
Os recursos multimídia são recursos comuns no ambiente digital, como inte-ração animação, neste ponto também pode ser discutida a ausência destes recursos em infográficos estáticos. Para tal, temos os seguintes tópicos para a classe:
% Interativo
Em relação a interação é sugerido o item estrutura de navegação com base nas proposições de Weber (2017), porém também neste ponto podem ser sugeridos também outros aspectos relativos à interação, sendo possível atualizá-lo conforme as tecnologias evoluem.
o Estrutura de navegação
Neste item é tratada a forma que se planeja a navegação do inográfico, o que em infográficos digitais afeta inclusive a disposição de seus componentes visuais. Sendo assim tem-se os modos de navegação linear (sequencial), não linear (livre) ou híbrida (parte sequencial, parte livre).
Linear
Não Linear
Híbrida
% Animado
Em relação a animação podem ser tratados diversos aspectos como quais momentos terá uma animação bem como quais ações. Sendo assim, não foi sugerido nenhum item em específico.
% Estático
Este tópico tem como papel pontuar a possibilidade de se optar pelo infográfico ser estático. Sendo que isto pode ser definido por algum requisito. Por exemplo, que o infográfico seja de fácil disseminação por aplicativos de comunicação instantânea em smartphones.
Quadro 6.6 Exercício de possível utilização do domínio recursos
Fonte quadro: Elaborado pelo autor
Fonte infográfico: Children’s Services Council Palm Beach County por KarBel media https://www.karbelmultimedia.com/portfolio/brain-architecture--interactive/ acessado em 20 de dez de 2019.
Interativo: este infográfico é interativo e as decisões de navegação indicaram uma navegação não-linear, uma vez que é possível clicar em qualquer um dos ícones para revelar a área do cérebro envolvida a atividade que o ícone mostra.
Animado: Não se aplica por que o infográfico não possui animações
Estático: Não se aplica por que o infográfico é interativo
6.3 Sumarização
Neste capítulo foram apresentadas as definições do que se compreende como Framework nesta tese, bem como os requisitos levantados para a
composição da proposta inicial do Framework. Também foram apresentadas a estrutura e a organização do Framework, além do detalhamento dos elementos componentes. No próximo capítulo é apresentado os resultados da avaliação desta primeira versão do Framework por um painel composto por dez especialistas em infografia, para possíveis melhorias e adequações.
CAPÍTULO 7