L’art fonctionnel des affiches urbaines génératives : Lutte contre le harcèlement sexuel

Chaque jour dans le monde, des femmes sont victimes de violences psychologiques, verbales, économiques, administratives, institutionnelles, physiques ou sexuelles. Cette violence n’est pas une fatalité, nous pouvons agir contre elle en sachant la détecter à temps, en identifiant ses mécanismes et en utilisant tous les moyens pour exprimer notre refus. L’affiche comme support s’approprie l’espace urbain et reflète la lutte quotidienne contre ce mal.

Ce projet est né de l’idée de s’approprier différents espaces de la ville, en utilisant des contenus numériques contre le harcèlement sexuel des femmes, par la superposition d’affiches génératives construites dans l’outil Processing.

Des objectifs spécifiques:

Concevoir des pièces visuelles avec différents contenus faisant allusion à la lutte contre le harcèlement sexuel des femmes dans la ville.
Générer une prise de conscience et une réflexion sur le problème du harcèlement sexuel.
Intervenir dans les espaces urbains qui génèrent un impact sur les citoyens.
Collecter et utiliser le contenu publié sur les réseaux sociaux, segmenté et géolocalisé.

Contexte:

Adrián Santuario, professeur de philosophie des sciences à l’UNAM, au Mexique, a mis au point un algorithme en utilisant l’API de Twitter et l’outil Processing. Grâce à l’apprentissage automatique, il a analysé 183 000 tweets portant le hashtag #MiPrimerAcoso, lors d’une journée de protestation contre le harcèlement sexuel au Mexique et dans certains pays d’Amérique latine.

L’analyse a révélé, selon les informations publiées, qu’en Amérique latine, les femmes subissent leur premier harcèlement sexuel entre 6 et 10 ans. Et cela ne s’arrête pas tout au long de leur vie, restant la plupart du temps dans l’impunité, se sentant coupables et portant la peur de savoir quand sera la prochaine fois.

“j'ai analysé les tweets écrits sous #MiPrimerAcoso. j'ai entraîné l'algorithme à identifier l'âge auquel l'auteur faisait référence dans chaque tweet. ce qui est alarmant : la plupart d'entre eux font référence à un âge compris entre 6 et 10 ans. cela me fait penser à un autre problème au mexique : la pédérastie". - Extrait du profil Facebook public d'Adrián Santuario, professeur de philosophie des sciences à l'UNAM au Mexique.

"Le harcèlement sexuel est un crime", CDMX

Cette situation est présente dans tous les types de société. En France par exemple, selon le rapport interministériel de l’Observatoire des violences faites aux femmes en France, en 2019, 152 femmes ont été tuées par leur conjoint ou ex-conjoint. 93 000 femmes ont été victimes de viols ou de tentatives de viols, où 9 femmes sur 10 connaissent l’agresseur.

#NousToutes est un collectif féministe ouvert à tous, composé de militants dont l'objectif est de mettre fin aux violences sexistes et sexuelles dont les femmes et les enfants sont massivement victimes en France.

Les manifestations de rejet et les campagnes de lutte contre ces crimes progressent et se renforcent, mais le problème semble être directement proportionnel à sa solution.

L’éducation est la base de l’élimination de ce problème. Tout d’abord, en assumant l’égalité des sexes et en protégeant leurs droits, en connaissant les conséquences et les sanctions imposées par le système judiciaire de chaque pays.

C’est là que le design, en tant qu’élément catalyseur et en étant présent dans toutes les sphères de la société, devient un élément fonctionnel qui aide à transmettre ces messages en temps utile, directement ou indirectement aux victimes ou à leurs agresseurs.

Campagnes contre le harcèlement sexuel en France.

Cadre théorique :

« A la fin du XIXe siècle, dans les villes en expansion, les affiches sont l’expression de la vie économique, sociale et culturelle. Ils étaient en concurrence les uns avec les autres pour séduire le public. Ils attiraient l’attention des passants par leurs couleurs, grâce aux progrès de la lithographie. Les illustrations, auxquelles le texte donnait du sens, reflétaient le mode artistique de l’époque ; elles introduisent une nouvelle esthétique d’images simplifiées, générées par la technique de fabrication » : Hollis, (2002).

L’affiche moderne est apparue au début des années 1800, principalement à des fins d’information, pour tenir le grand public au courant des nouvelles et des événements culturels tels que les représentations théâtrales et les bals. Parmi les plus emblématiques, on trouve peut-être les affiches conçues par Toulouse-Lautrec pour promouvoir la danseuse française Jane Avril.

Affiches conçues par Toulouse-Lautrec - Image par Art Institute Chicago

Pendant les Première et Seconde Guerres mondiales, l’affiche est devenue une méthode efficace d’influence politique et de propagande, elles ont été conçues pour inspirer un sentiment de patriotisme collectif et un appel à l’action.

Le langage utilisé avait un ton percutant et les affiches semblaient s’adresser directement à chaque individu au sein des masses.

Images de la Galerie internationale des affiches

D’une certaine manière, les affiches reflètent les états économiques, politiques et culturels de la société dans laquelle elles sont créées et utilisées. Aujourd’hui, la tendance est à la consommation et au plaisir, et leurs objectifs sont principalement publicitaires, commerciaux, informatifs et décoratifs.

Diseño de cartel por Namrata Katiyar

« L’affiche imprimée, principal moyen de communication visuelle dans l’espace public depuis des siècles, subit des transformations fondamentales. L' »affiche 2.0″ est bien plus qu’une surface avec de la typographie, des couleurs et des images : c’est une application interactive, animée, audible, pilotée par des données et médiatisée. Elle fait appel à tous les sens et à toutes les disciplines. Et il fusionne le design graphique avec les technologies de pointe ». Slanted Magazine, Allemagne.

Grâce au design génératif et à la programmation, les possibilités visuelles se multiplient avec l’exécution d’algorithmes qui contrôlent les éléments et construisent de nouvelles pièces qui communiquent le message en générant une interactivité avec le lecteur.

Affiches interactives // Nike - Agence DIA - 2019

« Mais un produit numérique n’est pas le même qu’un produit imprimé. Les produits numériques sont affichés sur des écrans de différentes tailles et avec un contenu dynamique. Les produits numériques permettent aux utilisateurs d’interagir avec leur contenu et tirent parti du mouvement et de l’animation. En outre, les produits numériques ont souvent une logique temporelle dans laquelle un récit linéaire est remplacé par un ensemble d’états et de transitions complexes. En général, les produits numériques ont un point commun : ils sont créés avec des langages de programmation ». Madsen (2019)

Sediment Mars es una serie de diseños de carteles generativos de Sarah Hallacher y Alessandra Villaamil. Las funciones sin()y cos()se utilizan para generar una forma elíptica, que luego se distorsiona agregándole valores aleatorios.

Le designer espagnol Lucas Suárez, lauréat du prix Gaudeamus Tecnia 2019, présente le projet « Programmation d’affiches », où il propose l’hybridation de l’adaptation et du développement de produits graphiques statiques aux technologies dynamiques.

À l’aide de microcontrôleurs et de capteurs de mouvement et de proximité, il génère des réponses aléatoires et programmées dans son installation en trois séries d’affiches numériques. La base de son design est développée dans le traitement typographique avec l’animation de phrases ou de concepts pré-conçus, générant chez l’utilisateur une sensation de contrôle de l’interface mais en même temps une réponse unique dans son expérience.

Projet d'affiches de programmation - Lucas Suárez - 2019

« Nous vivons désormais à l’ère où les médias numériques coexistent pleinement avec la réalité. Les industries créatives doivent repenser la manière dont les objets sont représentés aujourd’hui. Les affiches interactives constituent l’un des nouveaux moyens d’y parvenir. Avec un format qui respecte les dimensions internationales du papier, les affiches interactives ne sont pas si éloignées de l’affiche imprimée traditionnelle, mais offrent un moyen de communication plus approprié pour les écrans LED qui ont surgi partout, y compris à l’arrêt de bus local ». Jyni Ong – IT’S NICE THAT Design Magazine – 2018.

À la question de savoir si les affiches interactives vont dépasser l’affiche imprimée, les tendances du marché et le positionnement des produits seront toujours à la recherche d’un espace plus visible et plus fort, ce sera la transition continue des médias soutenus par le design graphique la meilleure façon et excuse pour évoluer, pour réduire la consommation de matériel imprimé et pour être de plus en plus efficace et fonctionnel.

PangPangPang- Estudio Diseño Coreano / Bienal Tipográfica Internacional: Typojanchi saisai 2018-19

« La sélection interactive fait référence au processus d’évolution de quelque chose (souvent une image générée par ordinateur) grâce à l’interaction de l’utilisateur. Disons que vous entrez dans la galerie d’un musée et que vous voyez dix tableaux. Avec la sélection interactive, vous choisiriez vos favoris et permettriez à un processus algorithmique de générer (ou de faire » évoluer « ) de nouvelles peintures en fonction de vos préférences. » Shiffman (2019) Genetic Algorithm: Interactive Selection – The Nature of Code – Youtube

Ainsi, les panneaux d’affichage interactifs urbains migreront continuellement en fonction de leurs besoins et de leurs objectifs, en étant de plus en plus efficaces au fur et à mesure qu’ils seront liés aux données que nous fournissons quotidiennement, en utilisant notre géolocalisation comme facteur d’interaction ou d’achat possible, et en évoluant ou en redessinant leurs contenus en fonction de leurs systèmes d’apprentissage automatique qui détectent notre état d’esprit grâce au suivi des visages.

Technologie de suivi du visage // Coca-Cola Smile

Mise en œuvre :

Proposition #1

Conception et développement d’une affiche interactive qui utilise le traitement d’images, les cycles et les conditionnels du langage JavaScript pour émuler la situation de diverses illustrations d’yeux « vigilants » qui, depuis leur position fixe, poursuivent le personnage de la princesse.

Simule la poursuite et le siège continus auxquels les femmes sont soumises lorsqu’elles sont seules dans différents environnements.

Voir le schéma et le code: https://openprocessing.org/sketch/1575640

Avec la position de la souris, nous définissons l’emplacement de la princesse (caractère #1) et la direction du regard des yeux (caractère #2) au sein de l’interface. Après le temps imparti, le scénario se termine par le message « Le harcèlement n’est pas un jeu, c’est un crime ».

Proposition #2

Voir le schéma et le code: https://openprocessing.org/sketch/1575782

Conception et développement d’une affiche interactive qui utilise le traitement d’images et le graphisme en langage JavaScript pour émuler la situation du personnage n°1 (fantôme) qui poursuit continuellement le personnage n°2 (princesse).

Avec la position de la souris, nous définissons l’emplacement du caractère #1 suivi de la position du caractère #2 qui exécute la fonction lerp() pour créer le mouvement dans le chemin qu’il parcourt dans l’interface.

Proposition #3

Voir le schéma et le code: https://openprocessing.org/sketch/1575886

Conception et développement d’un poster interactif qui utilise le traitement d’images, de graphiques et de textes dans le langage JavaScript pour émuler l’écriture de messages de témoignages de femmes victimes de harcèlement sexuel provenant de l’Observatoire contre le harcèlement au Chili (www.ocac.cl), ces messages sont dessinés en fonction de la trajectoire et de la position du personnage de la princesse.

Il simule le témoignage et la narration des situations de harcèlement dont sont victimes les femmes lorsqu’elles sont seules dans différents environnements.

Texte : "À l'époque, je ne me rendais même pas compte que j'avais été victime de harcèlement. Il m'utilisait comme modèle pour tous ses exercices, où il avait l'habitude de toucher ma taille ou mes jambes. Après ça, je n'ai pas voulu me taire, ma famille l'a confronté. Il a arrêté la voiture, est descendu et a insisté : "Je vous dis de monter". Après ça, je ne suis plus jamais allé voir le psychologue scolaire. Je suis allé directement aux toilettes pour pleurer de rage et d'humiliation. Je l'ai dénoncé, j'ai quitté mon travail parce qu'il savait où je vivais. A ce jour, je ne sais pas ce qu'il est advenu de l'affaire".

Voir le schéma et le code: https://openprocessing.org/sketch/1575898

En prenant comme référence l’exercice P_2_3_3_01 du livre Generative-Gestaltung qui simule le suivi d’une chaîne de texte en fonction de la position de la souris, nous utilisons des messages de témoignages qui laissent leur trace après le déplacement du personnage de la Princesse Peach dans l’interface.

Conclusions

Le design graphique prévaut dans la transition du succès que nous vivons quotidiennement vers les nouveaux médias où, grâce à l’utilisation de nouvelles technologies, parfois avec des résultats aléatoires, nous pouvons faire participer l’utilisateur au résultat final.
L’expérience de l’utilisateur dans les différents médias était auparavant générée de manière passive, se conformant à la mémorisation et à l’appropriation du message, mais aujourd’hui, les outils technologiques et l’explosion de la manipulation des données font que les récits et les contextes transmédias s’activent et reçoivent un retour immédiat du public cible.
Après la mise en œuvre des affiches urbaines génératives, on analysera les mesures et les réactions qui visent à susciter une prise de conscience et une réflexion sur la question du harcèlement sexuel. Une phase ultérieure consistera à examiner le comportement et les réactions du public.
La mise en œuvre et le développement du code dans Processing continueront à progresser afin de trouver le meilleur niveau d’interaction avec les utilisateurs, en tenant compte des commentaires reçus dans une phase ultérieure.