Up Next

◝~~Je passe ◝~◟De liens en liens ◝~◟Ça passe ◞~◝◟Trop bien

Des algorithmes de recommandation, du css print et Luuse.

Ce workshop questionnera la recommandation, et le rôle du designer dans ce processus. À partir de votre collecte de lien vidéos que vous aurez fait le long de votre errance de recommandation Youtube, il vous sera demandé de trouver un parti pris singulier et d'en rendre compte par un travail d'édition.

La mise en page se fera à l'aide de technologies web-to-print (html, css, javascript) afin d'utiliser la programmation dans le design. Nous nous intéresserons ainsi aux notions de classement et d'algorithme, et étudierons de l'intérieur leur influence sur la perception d'une même base de données.

Expériences

Links

Links→ Refs Théoriques

Links→ YouTube

Links→ CSS print

⌒◝◞css print ⌒◝◞ css print frameworks ⌒◝◞ Html2print ⌒◝◞ paged.js ⌒◝◞ Letter ⌒◝◞ Even ⌒◝◞ Libris ⌒◝◞ Bindery.js ⌒◝◞ weasyprint ⌒◝◞ Basiljs ⌒◝◞ Yah2p ⌒◝◞ Yah2p ⌒◝◞ Scribus ⌒◝◞ pad2print ⌒◝◞ pad2print ⌒◝◞ Ethertoff ⌒◝◞ Print With CSS ⌒◝◞ Chercher, manipuler, partager, imprimer, Antoine Fauchié ⌒◝◞ Repenser les chaînes de publication par l’intégration des pratiques du développement logiciel, Antoine Fauchié et Thomas Parisot ⌒◝◞ Timeline of technologies for publishing (1963-2018), Julie Blanc ⌒◝◞ Paginer le flux, Julie Blanc ⌒◝◞ Paged Media ⌒◝◞ PrePostPrint⌒◝◞ Computed Layout ⌒◝◞ Post—digital publishing archive

Participants

ChloéMathildeLouiseEugénieJustineLissaAdamCapucineThomasChloéChloéHenri

Projets



Thomas

J'avais envie de travailler sur le côté «relations publiques» de la politique, sur les politiques comme personnages publics, qui essaient d'être aussi connus et appréciés que des stars. Ce que je veux mettre en avant c'est entre autre les prénoms, les individus plutôt que les noms, les fonctions. En partant des vidéos je reconstruit des sortes de portraits des personnes sur les thumbnails en les superposant.Les prénoms ressortent pour montrer cette proximité recherchée par ces vidéos «fun», qui jouent sur la popularité plus que sur le rôle et la fonction réels des people. La position horizontale dépend du nombre de vue de chaque vidéo (ou ensemble de vidéos)

⟼ pdf

Louise

Les div se positionne par rapport au like et aux vues.

⟼ pdf

Justine

Lors de ma recherche, je suis passée de vidéos de politique anglaise (surtout sur Boris Johnson), à des vidéos du Prince Harry puis à des vidéos de homecomings de militaires américains. Pour mon poster, j’ai voulu mettre en avant le côté assez absurde des liens faits par YouTube entre les vidéos, et l’écart existant entre les premières vidéos regardées et les dernières proposées par YouTube. Pour cela, je suis me suis inspirée de l’esthétique des memes présentes sur certaines de mes vidéos et j’en ai créés des nouveaux. J’ai décontextualisé les éléments en inversant les titres et les images (j’ai mis le titre d’une vidéo de militaires avec une image de Boris Johnson par exemple), et en ajoutant l’expression “Try not to cry”, ce qui crée une nouvelle narration et qui souligne l’écart entre les vidéos proposées.

⟼ pdf

Chloé

Carte du monde des vidéos et des voyages.

⟼ pdf

Mathilde

Reconnaissance dans les images d'éléments identifiables.

⟼ pdf

Chloé

Enquête et théorie du complot

⟼ pdf

Adam

Généalogie de Boris Johnson: Généalogie de Boris, Boris en image, Boris retrace son histoire.

⟼ pdf

Chloé

Concentration sur les commentaires des vidéos et des réactions en fonction du type de contenu. Focus sur l’utilisation des emojis, apportant un excès visuel de ces derniers en replaçant le plus de mots possible par des emojis, dans le style rébus. Mise en place des commentaires dans des bulles, comme des conversations flottantes qui défilent.

⟼ pdf

Lissa

Jouer sur les pseudos et les noms de personnes.

⟼ pdf

Henri

Sur toutes les informations issues des 30 vidéos chargées par l'algorithme de YouTube, j'ai décidé de ne garder que les tags et les miniatures qui y étaient liés. Par conséquent, dans ma démarche graphique, les tags sont reliés par leur taille et leur typo, en fonction de leur récurrence à travers les 30 vidéos "aléatoires". En-dessous, j'ai souhaité regrouper toutes les miniatures pour ainsi pouvoir se faire une idée de quoi dépendent ces tags et ainsi pouvoir créer des liens. À travers l'expérimentation, je suis arrivé à une version finale trouvant davantage de sens pour moi dans sa forme globale. En effet, la forme générale observée à l'horizontale ressemble à un code-barre, rappelant à quel point l’algorithme nous mercantilise et fait de nous, spectateurs, la marchandise. Comme le dit le dicton, «Quand c’est gratuit, c’est toi le produit.». Qui plus est, encore une fois lorsque l'on regarde à l'horizontal, on peut également distinguer plus subtilement une sorte de fréquence cardiaque formée par les différences de longueur du texte, pouvant de ce fait donner vie à la machine qu’est l’algorithme.

⟼ pdf

Eugénie

À travers le html généré à la suite des vidéos youtube, j’ai remarqué qu’il y avait de nombreux commentaires divergents. J’ai donc décidé de les mettre en lien, car sans le savoir, les internautes se répondaient entre eux et généraient un «clash . En les plaçant face à face, et en uElisant un système simple de mise en page, avec l’url dans la colonne centrale, j’ai placé de chaque coté, un commentaire afin de les mettre en réponse, en opposition.

⟼ pdf

Capucine

Mise en page Une du Monde. Titre des vidéos sous chaque titre revenir avec des commentaires. Uniquement textuel.

⟼ pdf