Une pratique

Designer graphique
& développeuse web

Coder pour faire des livres imprimés

Recherche par et pour la pratique

Culture du libre

Idéologie culturelle, politique et philosophique

Open-source

Ouverture du code source

Expérimentations graphiques

Louise Drulhe, Atlas critique d'internet, EnsAD, 2015

Publications performatives

Stéphanie Vérin (éd.), Festival Poisson-Évêque. Conversation, documentation, restitution, 2017
Design graphique: Luuse

Single source publishing

Les designers graphiques
& leurs outils

Interface graphique vs. code

Comment comprendre ce que l'utilisation réelle du code change dans la pratique des designers graphiques ?
En quoi ce changement technique participe-t-il à la construction et au développement d'une communauté de pratique ?

Ergonomie

Approche anthropocentrée de la technique

La technique c'est la façon dont quelqu'un fait quelque chose a écrit l'historien Lynn White dans une formule dont l'intérêt, souligne Sigaut (1991) est de nous rappeler que le « quelqu'un est essentiel », parce que c'est lui qui nous indique la bonne échelle. Une technique n'existe que lorsqu'elle est pratiquée, c'est-à-dire lorsqu'elle passe par quelqu'un qui, l'ayant apprise ou inventée, la met en œuvre de façon efficace. Il n'y a pas de technique sans cette efficacité et les habiletés humaines qu'elle implique. C'est donc là où ces habiletés sont produites qu'il faut observer les techniques.

Pierre Rabardel, Les hommes et les technologies. Approche cognitive des instruments contemporains, Armand Colin, 1995, pp. 22-23.

Activité humaine en situation

Développement de l'activité

Problématique

Transformation et développement
de l'activité de composition paginée
au niveau individuel et collectif

Partie 1

L'approche instrumentale

L'activité du point de vue d'un sujet individuel

Problématique des suivis au long cours

Quelles les genèses instrumentales peut-on observer
dans l'activité de composition paginée de ces designers graphiques suite à l'introduction des technologies du web ?

Instrument médiateur dans une situation d'activité

D'après Pascal Béguin et Pierre Rabardel, « Designing for instrumented-mediated activity »,
Scandinavian Journal of Information Systems, vol. 12, n^o1, 2000.

• Appropriation d'un technologie par génèses instrumentales
• Activité constructive = développement de l'expérience et des savoir-faire

Hybridation du monde du web (espace fluide)
et du monde de l'imprimé (espace fixe)

CSS flexbox

Positionner et fistribuer des éléments flexibles dans un espace flexible

Constitution de prises instrumentales collectives
grâce à la mise en visibilité des schèmes habituellement invisibles de l'activité dans le code

Le caractère textuel du code permet de rendre visible
les façons de penser des designers graphiques

Partage de code source
↓
Activité collective

Partie 2

La théorie de l'activité

Système d'activité selon Yrgö Engeström (1984)

Cycle d'apprentissage expansif selon Yrgö Engeström (1984)

Problématique spécifique

Développement de l'activité collective de composition paginée = nouveau système d'activité ?

Interface web présentant toutes les données du hackathon (photos, vidéos, audio, notes, captures d'écran, etc.)
selon un déroulement temporel par demi-journées

• Travail de conception ancré dans l'activité collective
• Des productions issues du partage d’expériences passées et de l’émergence de problématiques collectives
• Besoins rencontrés spécifiquements et localement transformés en scripts génériques (nouvelles fonctionnalités)

Script pour placer les notes en marge ou sur les côtés du textes

Ajout de fonctionnalirés pour améliorer l'outil selon ses besoins et en faire profiter la communauté

Développement de l'activité tend vers le collectif
↓
Processus d'apprentissage expansif
↓
Nouvelle communauté de pratique

Conclusion

Communauté de pratique

Recherche par et pour la pratique
=
Instrumentation et développement de communautés de pratique

Merci

• Julie Blanc
• EUR ArTeC / Université Paris 8 - EA349 / EnsadLab
• Design graphique, code & recherche

• julie-blanc.fr
• julieblancfr
• contact@julie-blanc.fr

Made width HTML & CSS
slides.julie.blanc.fr