Raízes —
Este artigo tem como objetivo apresentar o processo de desenvolvimento do projeto Raízes, que foi elaborado na disciplina de planejamento visual 4, do curso de Design gráfico do Instituto Federal da Paraíba (IFPB), sob orientação do Professor Dr. Rodrigo Medeiros. Nesse cenário, nos foi atribuído o desafio de desenvolver um artefato digital, considerando todas as etapas da concepção do design com foco na experiência do usuário.
Ao observar o contexto atual e os inúmeros relatos de discurso de ódio nas redes sociais tanto de pessoas próximas, quanto de pessoas midiáticas, encontramos uma oportunidade para desenvolver uma visualização de dados com as informações que serão coletadas.
Contexto
Sabemos que a intolerância faz parte da humanidade há muito tempo, mas, durante a pandemia ocasionada pelo novo corona vírus, houve uma propagação crescente dos discursos de ódio em diversas plataformas . Estas que deveriam ser utilizadas para facilitar a interação social em um contexto de distanciamento social, acabaram desencadeando o agravamento da disseminação da violência cibernética em todo o mundo.
Os crimes são comumente relacionados a conteúdos como o racismo, LGBTfobia, pornografia infantil, xenofobia, violência contra a mulher, entre outros. A Safernet aponta um crescimento alarmante de crimes vinculados a esses temas, chegando a 5.000% de aumento durante a pandemia nas plataformas mais utilizadas como o instagram, facebook e twitter.
As redes sociais deram espaço para a propagação de discursos de discriminação de forma anônima. Os criminosos se escondem por trás de perfis e páginas sem identidade, o que dificulta a ação dos órgãos responsáveis pelas ações de combate à essa violação.
Muitas pessoas desconhecem os crimes cibernéticos e os crescentes números dos últimos anos relacionados ao tema. A falta de informação faz com que as vítimas não realizem denúncias, o que reflete em números abaixo da realidade.
Assim, chegamos a seguinte questão: como eu poderia combater a falta de informação, gerar interação entre o espectador e os dados e conscientizar acerca da importância do ato de denunciar?
- Expondo informações e orientações confiáveis para fazer as denúncias;
- Informando, de forma clara e ilustrada, acerca dos dados numéricos;
- Mantendo-os atualizados;
- Aproximando os dados das pessoas ao utilizar uma linguagem direcionada.
Persona
Foram selecionados stakeholders envolvidos nos pontos de contato do produto, pois, se tratando de uma visualização de dados, é fundamental priorizar a experiência do observador. Dessa forma, foi definida uma protopersona para guiar o projeto, delimitando formas de linguagem e estrutura do storytelling.
Matriz de alinhamento
Após o levantamento de dados e a definição do possível receptor da mensagem, foram levantadas algumas hipóteses para serem validadas futuramente com pesquisas quantitativas e qualitativas. Apesar de a proposta inicial do projeto ser a formulação da visualização de dados, o tema abre espaço para o desenvolvimento de um produto que conecta os dados às possíveis necessidades de viabilizar a denúncia de forma mais ágil. O projeto visa, nesse sentido, gerar impacto e fazer com que o observador reflita sobre as informações, incentivando-o a realizar uma ação diante desse cenário.
Análise de Similares
Duas plataformas foram analisadas levando em consideração a estrutura de organização das informações, as cores e fontes utilizadas, a forma de expor os dados, os tipos de interação com o observador e a maneira que a constância visual da identidade foi aplicada.
Alguns pontos que foram levados em consideração para a construção dessa Visualização:
- Explanação sobre o objetivo e explicação sobre o assunto;
- Utilização de contrastes para reter a atenção do usuário;
- Hierarquização de dados;
- Filtros;
- Metáforas visuais;
- Identidade e consistência visual;
- Informações e links relevantes para o usuário se aprofundar.
Referências Visuais
Novas formas de expor dados estão sendo cada vez mais utilizadas para aproximar os leitores dos números. Algumas dessas visualizações propõem conceitos metafóricos e abstratos com o objetivo de atrair a atenção do observador para peças que, além de transmitir informações relevantes, apresentam uma construção visual inclinada para conceitos artísticos.
Para esse projeto foram filtrados seis tipos de visualizações que nortearam a linguagem visual utilizada. Com formas orgânicas e cores contrastantes, eles têm o objetivo de transmitir a sensação de movimento e dinamismo.
Após pesquisas utilizando as palavras-chaves intolerância, Brasil e história, optou-se pelo uso da raiz como símbolo visual e semântico. A figura se conecta tanto com a ideia da construção ideológica do Brasil, que é cultivada desde a sua descoberta, tornando-se algo literalmente enraizado em seu povo, quanto com a sua forma orgânica, possibilitando diversas aplicações em uma visualização.
Os dados
Os dados apresentados foram coletados da central de denúncias da Safernet, ONG que monitora violações de direitos humanos na internet. Desse modo, foram estruturadas as informações do monitoramento de 10 crimes recebidos e processados pela plataforma durante 15 anos.
Construção
A partir disso, foram realizados estudos sobre como expor os dados aplicando o conceito metafórico proposto, de modo que atendesse o objetivo de desenvolver uma visualização de dados que gerasse interesse, engajamento e exibisse, de forma ilustrativa, as informações necessárias.
Etapa 1
Após a escolha das referências visuais e a seleção dos dados que seriam trabalhados, foram feitos alguns esboços para compreender a organização dos elementos tanto no layout do desktop, quanto no comportamento da visualização dentro desse espaço.
Etapa 2
Ao observar a relação Dados x Anos, foi necessário extrair o maior número registrado de denúncias para que fosse utilizado como base para a divisão numérica do gráfico. Em 2008 foram realizadas 289.707 no crime de pornografia infantil, dessa forma, a visualização foi estruturada, inicialmente, utilizando o denominador 5 como fator em comum. Com isso, a tabela inicia em 5 mil e termina em 285 mil. A organização foi realizada tendo as linhas como o indicador de quantidade de denúncias e as colunas como a progressão dos anos.
Etapa 3
Com base na definição anterior, foi iniciado o processo de determinar a elaboração das raízes, que é parte fundamental tanto do conceito visual, quanto da comunicação. As primeiras ramificações foram feitas utilizando linhas curvas, porém não foi obtido um resultado satisfatório ao levar em consideração o objetivo do projeto, pois as linhas acabaram se misturando de uma forma até certo ponto confusa.
Em um segundo momento, as linhas foram construídas com formas pontiagudas e geométricas, resultando em um direcionamento mais alinhado com a proposta do projeto, sendo possível observar as ramificações de modo individualizado.
A partir da escolha do estilo das raízes foi projetado o topo da árvore respeitando a definição formal e estética. A aplicação das cores foi direcionada ao público alvo e, apesar de se tratar de um assunto delicado, foram empregadas cores saturadas para atrair a atenção do observador. Cada cor define um crime, possibilitando a identificação dentre os apresentados.
Guia de Estilo
Por se tratar de uma plataforma desktop, ao ter as primeiras definições visuais da visualização foi criado o guia de estilo para direcionar as outras escolhas de acordo com a estrutura da página, estabelecendo fonte, cores primárias, ícones e botões.
DataViz
A visualização foi desenvolvida para criar interação entre espectador e dados e, ao clicar em um galho ou no nome do crime, automaticamente as raízes dos números se ramificam, sendo possível acessar cada dado específico do ano selecionado.
Além do objetivo de interação entre o usuário e os dados, a plataforma tem a finalidade de incentivar as denúncias, dessa forma, foram aplicados botões CTA para estimular uma possível ação.
Considerações Finais
A visualização de dados foi desenvolvida a princípio como um experimento para disciplina PV4. Dessa forma, é um projeto introdutório com possibilidades futuras de agregar outras interações e novas funções baseando-se em pesquisas mais aprofundadas e testes de usabilidade direcionados. No entanto, o objetivo principal de entregar informações utilizando linguagem direcionada, de modo estruturado e com intuito de gerar interações entre espectador e dados, foi atingido. A visualização dispõe as informações de forma dinâmica e objetiva, incentivando o observador a interagir com a árvore de dados, o que resulta em uma comunicação estimulante.
Autora: Tatyana Mendes | Orientador: Professor Dr. Rodrigo Medeiros
