;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

'Ativismo instagramável' usa o design para tornar debates mais palatáveis

Corinthians publicou nas redes sociais a frase "estupro culposo não existe" - Reprodução/Twitter
Corinthians publicou nas redes sociais a frase "estupro culposo não existe" Imagem: Reprodução/Twitter

Carolina C. dos Santos

Colaboração para o TAB

07/11/2020 04h00

Quando um debate ganha relevância na internet, pode esperar: você provavelmente será impactado por alguma postagem relacionada ao assunto no Instagram. A rede social de fotos foi criada para priorizar o compartilhamento de imagens instantâneas com legendas curtas, porém, em um cenário social de tanta polarização, os mesmos feeds usados quase exclusivamente para o compartilhamento de cenas de ostentação e curtição são disputados agora por postagens com palavras de ordem e temas mais sisudos.

O que segue semelhante, nesse caso, é a identidade visual: com cores, tipografia e formas visualmente agradáveis — que acabam promovendo e facilitando a leitura curta —, o Instagram foi de rede social dos felizes a palco de debates como saúde mental, direitos da mulher, política e meio ambiente. Na rede social vizinha, o Twitter, já tem gente problematizando a politizada do Instagram. Vale compartilhar assuntos tão sérios de um jeito tão colorido?

Unindo o útil ao agradável

De acordo com a paulistana Gisele Prado, criadora do perfil Um Socorro À Meia-Noite, a ideia é tornar íveis assuntos que já circulam na internet, tornando as imagens mais atrativas e o texto mais descomplicado. Com quase 32 mil seguidores, o perfil começou como um blog em 2012, "como canal pessoal de desabafo", diz Prado ao TAB. Dois anos depois, a autora ingressou na faculdade de Design na Escola de Belas Artes. Ela decidiu unir a profissão de designer ao que considera seu propósito de vida: "ajudar mulheres que tenham sofrido as mesmas coisas que eu". O perfil fala sobre depressão, luta contra abusos e direitos da mulher.

O perfil dispensa fotos que causam desconforto — como imagens mais gráficas de violência — ou termos em juridiquês, que, segundo a designer, podem repelir o público que mais precisa de informações sobre o assunto. A concepção dos posts é orientada por profissionais voluntárias de direito e da psicologia. "É necessário falar com todas as mulheres, independentemente de política, ideologia ou religião. Queremos ser um ambiente seguro de conscientização e acolhimento", explica ao TAB.

O gaúcho Thiago Scherer, gestor de design da Mídia Ninja, que possui 3 milhões de seguidores, e integrante do movimento Design Ativista, conta que existe um olhar atento para o que as pessoas estão consumindo. "O ativismo se apropria da estética da publicidade. As pessoas conhecem e veem publicidade o tempo inteiro, somos bombardeados. Se a gente consegue se apropriar dessa estética e linguagem com um conteúdo em que acredita e que realmente importa, temos uma grande estratégia nas mãos", opina. Ele afirma que, se as criações têm um visual óbvio de ativismo, as pessoas evitam o conteúdo.

O Design Ativista fomenta a produção de peças relacionadas a atualidades, com ênfase em Brasil. A maioria dos que participam e publicam são artistas, que normalmente trabalham com publicidade em horário comercial. "O design é uma ferramenta muito potente para estar apenas nas mãos de grandes empresas e poderes", defende Scherer.

No grupo, a intenção não é que as pessoas disputem espaço para serem republicadas, mas que distribuam essas mensagens em seus perfis e alcancem mais pessoas. Apesar de o alcance importar, o designer ressalta que é fundamental ter sensibilidade e entender que assuntos mais delicados não cabem em certas abordagens visuais.

Militância instantânea

O imediatismo também é uma característica da rede. Quando um assunto se torna o centro do debate na internet, rapidamente surgem peças sobre ele. O perfil Contente.vc, com 127 mil seguidores, foi criado pela recifense Daniela Arrais e pela mineira Luiza Voll.

Arrais argumenta que essa rapidez é necessária porque existe um cansaço em meio a tantas injustiças, e também porque todos estamos aprendendo diariamente sobre diversos assuntos. Claro, existe também um caminho perigoso. "As redes sociais são especialistas em nos oferecer recompensas, né? A gente posta, se posiciona, 'fica bem na fita', contribui para a discussão no momento. No livro 'Falso Espelho: Reflexões sobre a autoilusão' (Todavia, 2020), a autora Jia Tolentino fala como as redes nos dão essa ilusão de que postar equivale a se posicionar. Precisamos ficar atentos a isso para não embarcar num fluxo de manada, e entender o que nos importa, em que causas queremos nos engajar de verdade."

A internet é responsável por uma das maiores revoluções do mundo no que diz respeito à informação e à comunicação. Por aqui trocamos informações em tempo real, nos expressamos das mais diferentes formas, emitimos opiniões em poucos caracteres e estamos a um like de distância do outro. Mas com grandes poderes também ganhamos grandes responsabilidades, principalmente quando falamos de liberdade de expressão. ???? Sem dúvidas a internet é a nossa principal ferramenta de exercício da liberdade de expressão, seja ela no âmbito pessoal, seja na garantia dos direitos de uma imprensa livre. Em nenhuma outra época tivemos tantos canais disponíveis para exercer tal direito, e em nenhum outro tempo da nossa história recente tivemos tantos ataques e distorções sobre o tema. ???? Ao o que experimentamos uma maior liberdade online, também assistimos a uma ascensão dos discursos de ódio e da desinformação, sob a justificativa do direito de se expressar. É importante ressaltarmos que na internet e fora dela a liberdade de expressão tem um limite: o direito à honra e à dignidade do outro. No álbum separamos algumas dicas sobre como identificar discursos de ódio na internet e sobre como podemos denunciar essas ações. ???? Como você exerce e reivindica a sua liberdade de expressão na internet? Como percebe essa liberdade em redes como Instagram, Twitter ou Facebook? Nós acreditamos que trazer a discussão para o nível pessoal e refletir sobre até onde vai a nossa livre expressão nos ajuda a compreender a sua abrangência e a identificar possíveis violações. ???? #ainternetqueagentequer

Uma publicação compartilhada por Contente.vc (@contente.vc) em

Para Prado, do Um Socorro À Meia-Noite, antes da rapidez existe uma necessidade de posicionamento, tanto do perfil quanto do público, nas redes sociais. "Eu não diria que a gente precisa se pronunciar tão rápido. Precisamos tomar cuidado. Existe muita mentira na internet. Acho extremamente necessário, depois da busca da informação, um posicionamento." E é assim que posicionamentos com bonitos layouts ficam disponíveis nas redes. Ao ser impactada, a audiência compartilha palavras de ordem em seus Stories ou no feed do Instagram. Dessa forma, ninguém precisa ter habilidade de escrita ou ilustração para se posicionar nas redes sociais.

Para inglês ver?

Questionada se o comprometimento com as causas pode transcender as telas, Arrais acredita que sim. "Recebemos um retorno que gostamos de chamar de 'métricas afetivas' que vão além dos números que constituem as métricas de engajamento. As pessoas costumam dizer que foram transformadas pelo conteúdo. Aprenderam algo, viraram uma chavinha, estão repensando a relação com as redes. O design pode ser também o convite inicial para reflexões muito mais profundas", opina.

relações: quanto mais digitais, menos humanas? e aí, alguém se arrisca num palpite?

Uma publicação compartilhada por Obvious (@obviousagency) em

Sobre a preocupação em não se manter no campo superficial das discussões, sem ter o à educação efetiva sobre certos assuntos, Scherer vê a militância de Instagram como um primeiro o. "Para uma pessoa ir atrás de um assunto de maneira mais aprofundada, não vai ser apenas vendo uma publicação, são várias. Temos que dar corpo ao debate. Por isso, é importante insistir e manter conteúdos rápidos, como pequenas provocações em imagens e mensagens. Leva tempo. A timeline é uma disputa, então nos fazemos presentes para criar oportunidades de compor o imaginário das pessoas."