• Contenu principal
  • Menu
OpenEdition Books
  • Accueil
  • Catalogue de 16098 livres
  • Éditeurs
  • Auteurs
  • Facebook
  • X
  • Partager
    • Facebook

    • X

    • Accueil
    • Catalogue de 16098 livres
    • Éditeurs
    • Auteurs
  • Ressources numériques en sciences humaines et sociales

    • OpenEdition
  • Nos plateformes

    • OpenEdition Books
    • OpenEdition Journals
    • Hypothèses
    • Calenda
  • Bibliothèques

    • OpenEdition Freemium
  • Suivez-nous

  • Lettre d’information
OpenEdition Search

Redirection vers OpenEdition Search.

À quel endroit ?
  • Éditions de la Maison des sciences de l’...
  • ›
  • La Non-Collection
  • ›
  • THATCamp Paris 2012
  • ›
  • Instrumenter la recherche
  • ›
  • Rôle et enjeux du design graphique
  • Éditions de la Maison des sciences de l’...
  • Éditions de la Maison des sciences de l’homme
    Éditions de la Maison des sciences de l’homme
    Informations sur la couverture
    Table des matières
    Liens vers le livre
    Informations sur la couverture
    Table des matières
    Formats de lecture

    Plan

    Plan détaillé Texte intégral Les enjeux du design graphique Démonstration à partir d’un outil de visualisation Le public visé par le design : le cas des chercheurs Auteur

    THATCamp Paris 2012

    Ce livre est recensé par

    Précédent Suivant
    Table des matières

    Rôle et enjeux du design graphique

    Proposé par : Nicolas Thély, David-Olivier Lartigaud et Gilles Rouffineau

    Collectif

    Résumé

    À partir de cas de figures et de situations concrètes, cet atelier propose de discuter la manière dont le design graphique est convoqué dans l’agencement et la production de savoir.

    Entrées d’index

    Mots-clés : graphisme, programmation, design

    Texte intégral Les enjeux du design graphique Quelques références et éléments de réflexion Autres références intéressantes : Démonstration à partir d’un outil de visualisation Le public visé par le design : le cas des chercheurs Auteur

    Texte intégral

    Les enjeux du design graphique

    1L’idée de cet atelier est d’ouvrir un nouveau chantier. Un atelier précédent intitulé l’historien programmeur, a posé le couple chercheur-programmeur. On se propose d’ajouter un troisième personnage troisième, le designer.

    2Si l’on veut définir le design, on peut dire que c’est de la conception d’interfaces. C’est d’ailleurs la définition donnée ici depuis deux jours. Or, le design n’est-il pas plutôt la conception d’une structure et la définition d’une fonction ? La définition admise est la conception d’outils, de corpus, et la restitution des résultats, (design par wikipedia).

    3Nous devons réfléchir à de nouveaux outils et méthodes de travail, être inventifs et innovants. Nous utilisons des programmes conçus ou des petites machines de calculs dont nous devons discuter le statut. Ces programmes sont standards ou non, et d’ailleurs on peut se poser la question de tous les standardiser. Quelles visualisations données aux nouveaux objets produits par ces programmes ?

    4Quelques questions :

    5Les artefacts qui sont produits : quelle visualisation, quel schéma ?

    6Les nouvelles « formes de sensibilité » : identifier, authentifier, commenter ?

    7Quels médiums de véracité ?

    Quelques références et éléments de réflexion

    8What is visualization de Lev Manovich (2009) : Lev Manovich distingue le « design » d’information c’est-à-dire le questionnement sur la représentation de la donnée et la visualisation de l’information (extraction des données et processing) comme deux éléments différents.

    9DIRT (DIgital Research Tool) est une boîte à outils très riche inventoriant des outils des humanités numériques pour des utilisations universitaires.

    Image 1.png

    10DIRT propose ainsi des programmes libres ou payants. Parmi eux, on peut trouver le logiciel GEPHI (libre) qui est une plate-forme interactive de visualisation et d’explorationde toutes sortes de réseaux et de systèmes complexes et/ou dynamiques. Un autre exemple d’outil proposé par la plateforme DIRT mais développé cette fois par IBM est ManyEyes. Manyeyes est un outil de visualisation de données, sans caractère privatif, dont l’accès est public.

    Image 2.png

    11Manyeyes permet notamment d’expérimenter les représentations graphiques de données (voir la copie d’écran ci-dessous).

    Image 3.png

    Autres références intéressantes :

    12JohnMaeda au MIT : DesignByNumbers (1999)

    13processing.org et David-Olivier Lartigaud

    14AaronKoblin qui a travaillé au CreativeLab Google

    15visualcomplexity.com et Manuel Lima

    16Fernanda B. Viégas et Martin Wattenberg, qui depuis la fin des années 1990, ont essaimé des exemplesdevisualisation : cas de 2003 et Historyflow

    17Trois livres circulent dans la salle :

    18Form+Codes édité par Casey Reas et Chandler McWilliams

    19SoftwareStudies. ALexicon édité par Matthew Fuller

    20DataFlow 2. VisualizingInformationinGraphicDesign édité par R. Klanten, S. Ehmann, T. Tissot, N. Bourquin

    Démonstration à partir d’un outil de visualisation

    21Des données vont être visualisées de différentes façons sur un logiciel plutôt orienté graphistes 2D/3D et liéauprototypage d’interface (Arduino).

    22Cette démonstration est réalisée à partir d’une masse de données issues de la captation du déplacement du doigt de l’utilisateur sur l’écran d’une tablette. Il est possible de visualiser ce déplacement de plusieurs manières différentes : avec des points, des lignes, des couleurs différentes, des nuages de zone de contact qui s’amplifient en fonction du nombre de fois où le doigt passe sur une partie de la tablette. La représentation est aussi possible par points en fonction de la chronologie des événements. Une information temporelle peut être transmise en plus d’une information spatiale. En comparant avec l’action d’un autre utilisateur de cette même tablette, on voit que le toucher n’est pas le même grâce à une visualisation appropriée. Cette démonstration pose déjà une question de design : quelle est l’option de visualisation la plus appropriée pour ce que l’on souhaite montrer ?

    23Il existe donc différents types de visualisation pour les mêmes données. Ce n’est pas seulement un effet décoratif car ce que dit le graphisme est signifiant pour celui qui reçoit l’information.

    24La question du design peut se faire aussi en amont dans la conception de la base de donnée, de l’interface des logiciels utilisés, etc.

    25Exemple : Carte de métro du trafic internet ou des éléments de la vie quotidienne

    26http://store.informationarchitects.net/product/web-trend-map-4

    Image 4.png

    27Icepick.com : visualisation liées à la vie quotidienne, fréquence d’ouverture de la porte du frigo, chasse d’eau, éléments culinaires, etc.

    Image 5.png

    28La mise en forme des données pose la question des outils à utiliser (Python, Processing ?). Afin de choisir l’outil adéquat, une étude sur les logiciels « Software Studies » rédigé par M. Fuller est disponible à l’url http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&tid=11476. Ce software studies permet la critique de logiciels en 40 courtes critiques.

    29Un autre exemple intéressant de mise en forme de données est l’application Pirate Pad, utilisé pour prendre des notes collaboratives lors de ce THATCamp Paris 2012. Pirate Pad modifie la pratique d’écriture de par les fonctionnalités qu’il propose et son ergonomie.

    30La question de la critique logicielle, au sens de M. Fuller, est donc un domaine qui doit entrer dans le cadre des « bonnes pratiques » des humanités numériques.

    31Pour Norman Potter (What is a designer), « Chaque être humain est un designer » (p. 1). Les trois notions clefs du design sont la spéculation, le rapport à la technique et la responsabilité.

    32Le bon design oppose une solution élégante à une solution productive (p. 50) c’est à-dire une économie de moyen (l’élégance) contre une ambition plus grande (lié à la production) où l’on propose une nouvelle intégration du sens (par déplacement).

    33Un autre exemple d’interface est le site UbuWeb. UbuWeb est une ressource indépendante dédiée à tous les courants avant-gardistes d’art… La composition du site est très structurée et laisse à penser qu’on est dans une base de données. L’approche graphique ressemble à un programme, les pages sont combinées comme un tableau à double entrée.

    34Au-delà de la séduction qu’offre le design, chaque position des auteurs et titres-thèmes dans les pages respecte une grille-code graphique homogène. Il s’agit d’une rigueur programmatique, une pensée visuelle et plastique.

    Le public visé par le design : le cas des chercheurs

    35À la suite de la présentation des différentes interfaces, la question que l’on pose est celle de la réception des informations proposées, c’est-à-dire le public visé. Quel est le meilleur design et pour quel public et quels objectifs ? Faut-il former ce public à lire des designs particuliers ?

    36En effet, l’efficacité diffère d’un mode de visualisation à un autre suivant l’objectif visé. La frontière entre l’art et le design, entre la visée expressive et un moyen plus « pragmatique » de transmettre, de communiquer un certain sens précis, est ténue. Il est, de ce fait, important de faire une distinction entre l’artiste et le designer : le designer n’est pas l’artiste.

    37La question de la réception se pose en plusieurs temps. Elle se pose d’abord au moment de la production, en fonction des potentiels destinataires et des formes produites. Dans le cadre de cet atelier, la cible c’est d’abord le chercheur. L’habitus du chercheur peut jouer contre une nouvelle ergonomie proposée. La transmission d’information implicite se réalise également dans un design achevé. Une des limites cependant est le design qui va très loin et qui empêche parfois l’interprétation correcte des données.

    38Dans la question du design, la conception même de l’outil est importante. Quelles sont les frontières réelles entre les compétences du programmeur, du chercheur et du designer ? C’est une triade de savoir faire, triade mouvante où les compétences circulent. Certaines personnes sont les trois à la fois mais ce sont des personnes rares ! La conception débute dans la base de donnée, on est déjà dans le design, c’est-à-dire une pensée structurante.

    39La question de la formation en design se pose. Les chercheurs ont une appréhension du rôle du graphiste. Le travail sur la visualisation de la donnée est souvent sous-évalué par les chercheurs et les doctorants. On peut se demander ce qui fait obstacle à cette prise de conscience de l’importance du design. Les temps d’apprentissage du design sont compliqués. La difficulté réside également dans l’accoutumance à certains codes préexistants. Cependant, au moment de la production des données, une des dimensions importantes pour le chercheur est de prendre en compte la visualisation des données et d’anticiper la conception.

    40Existe-t-il des outils préférables à d’autres pour les SHS ? Et pourquoi ?

    41Il est difficile de généraliser, de dire quel outil est préférable pour quoi. Il est tout à fait possible de construire son propre outil mais on ne devient pas programmeur « comme ça ». L’étape de programmation d’un outil ne peut pas se cumuler avec la fonction de chercheur. Un des risques est la perte des données : il y a un enjeu de qualité et d’exigence quand on programme. Le programmeur du dimanche le fait à ses risques et périls. Faire appel à un développeur pour programmer un logiciel est une garantie.

    42Cependant, un des avantages à ce que le chercheur se frotte à la programmation est que cela lui permet de prendre un certain recul et d’avoir un esprit critique sur « la boîte noire de l’algorithme qu’il utilise pour ses données ». S’interroger systématiquement sur les outils utilisés, c’est aussi une partie du travail du chercheur. Il faut un dialogue chercheur-designer mais il est important également qu’un contact se crée entre le chercheur, la plasticité de l’information et l’algorithme. Un exemple concret du lien design/chercheur est le carnet de recherche d’Hypothèses : comment cet outil détermine-t-il un type d’expression lié à son format ?

    43Est-ce que c’est le déficit de formation qui fait que l’historien doit faire appel au développeur ?

    44Il est important d’organiser du dialogue entre les compétences. Dans le cas du design, cela se passe en dehors du temps identifié de la recherche. Concernant la question de la pensée de l’objet final tel qu’il se présente dans sa forme visuelle, il faut que dans les formations, les chercheurs soient sensibilisés à ces traces de conception aussi.

    45Aux Éditions de la Maison des sciences de l’homme, l’équipe a travaillé avec des graphistes qui sont aussi développeurs et à qui il a été imposé d’entendre la parole de l’auteur-chercheur. L’objectif était de pouvoir fabriquer quelque chose qui rendait compte (permettait de visualiser sa démonstration argumentée et longue) mais qui faisait un peu perdre le fil aux autres. Cette initiative a été bien reçue par tous et le chercheur a en plus aperçu (à la visualisation) de nouveaux éléments en regardant le schéma travaillé (animé) par le graphiste. Le médium : l’éditeur qui veut un propos, le graphiste qui rend visible et le chercheur qui rajoute finalement un chapitre car il a « vu » de nouvelles choses ! On peut ainsi imaginer ouvrir le triangle chercheur/designer/programmeur avec l’éditeur. D’autres acteurs sont, bien entendu, à ajouter.

    46Dans les software studies, on est obligé d’avoir un rapport critique au logiciel utilisé.

    47Marie-Haude Caraës et Nicole Marchand-Zanartu, Images de pensée, RMN, 2011.

    48http://strabic.fr/La-pensee-a-l-oeuvre.html

    Auteur

    • Collectif
    Précédent Suivant
    Table des matières

    Creative Commons - Attribution - Partage dans les Mêmes Conditions 4.0 International - CC BY-SA 4.0

    Le texte seul est utilisable sous licence Creative Commons - Attribution - Partage dans les Mêmes Conditions 4.0 International - CC BY-SA 4.0. Les autres éléments (illustrations, fichiers annexes importés) sont « Tous droits réservés », sauf mention contraire.

    Voir plus de livres
    THATCamp Paris 2012

    THATCamp Paris 2012

    Non-actes de la non-conférence des humanités numériques

    2012

    THATCamp Saint-Malo 2013

    THATCamp Saint-Malo 2013

    Non actes de la non conférence

    2014

    Voir plus de livres
    1 / 2
    THATCamp Paris 2012

    THATCamp Paris 2012

    Non-actes de la non-conférence des humanités numériques

    2012

    THATCamp Saint-Malo 2013

    THATCamp Saint-Malo 2013

    Non actes de la non conférence

    2014

    Voir plus de chapitres

    Sciences participatives

    Proposé par Jean-Pierre Girard

    Collectif

    La diffusion des sciences humaines et sociales vers un large public : panorama des outils de médiation numérique

    Proposé par Isabelle Jouve et Lars Wieneke

    Collectif

    Quels espaces physiques pour des humanités numériques ?

    Atelier proposé par Nicolas Catzaras & Johann Holland

    Collectif

    Utilisons RDFa pour nos corpus

    Proposé par Stéphane Pouyllau

    Collectif

    Plate-formes participatives

    Proposé par Marie-Madeleine Mervant-Roux, ARIAS

    Collectif

    L’historien proto-programmeur. Outils et méthodes pour (re)travailler ses données

    Proposé par Sylvain Machefert

    Collectif

    Open data en SHS

    Proposé par Cynthia Pedroja, Elifsu Sabuncu, Anne-Laure Stérin

    Collectif

    Formations et humanités numériques en France

    Aurélien Berra et Florence Clavaud

    Collectif

    Quelles coopérations d’acteurs dans une politique d’édition numérique pour un laboratoire en SHS ?

    Dorian Ryser et Jean-Pierre Masse

    Collectif

    Quelles compétences et littératies pour les humanités numériques ?

    Proposé par Olivier Le Deuff et Aurélien Berra

    Collectif

    Comment commencer, poursuivre et pérenniser une revue en ligne ?

    Proposé par Paul-Henri GIRAUD

    Collectif

    Comment écrire pour un carnet de recherche ?

    Proposé par Mélodie Faury et Pierre Mounier

    Collectif

    Voir plus de chapitres
    1 / 12

    Sciences participatives

    Proposé par Jean-Pierre Girard

    Collectif

    La diffusion des sciences humaines et sociales vers un large public : panorama des outils de médiation numérique

    Proposé par Isabelle Jouve et Lars Wieneke

    Collectif

    Quels espaces physiques pour des humanités numériques ?

    Atelier proposé par Nicolas Catzaras & Johann Holland

    Collectif

    Utilisons RDFa pour nos corpus

    Proposé par Stéphane Pouyllau

    Collectif

    Plate-formes participatives

    Proposé par Marie-Madeleine Mervant-Roux, ARIAS

    Collectif

    L’historien proto-programmeur. Outils et méthodes pour (re)travailler ses données

    Proposé par Sylvain Machefert

    Collectif

    Open data en SHS

    Proposé par Cynthia Pedroja, Elifsu Sabuncu, Anne-Laure Stérin

    Collectif

    Formations et humanités numériques en France

    Aurélien Berra et Florence Clavaud

    Collectif

    Quelles coopérations d’acteurs dans une politique d’édition numérique pour un laboratoire en SHS ?

    Dorian Ryser et Jean-Pierre Masse

    Collectif

    Quelles compétences et littératies pour les humanités numériques ?

    Proposé par Olivier Le Deuff et Aurélien Berra

    Collectif

    Comment commencer, poursuivre et pérenniser une revue en ligne ?

    Proposé par Paul-Henri GIRAUD

    Collectif

    Comment écrire pour un carnet de recherche ?

    Proposé par Mélodie Faury et Pierre Mounier

    Collectif

    Accès ouvert

    Accès ouvert

    ePub

    PDF

    PDF du chapitre

    THATCamp Paris 2012

    X Facebook Email

    THATCamp Paris 2012

    Vous pouvez vous connecter à votre bibliothèque à l’adresse suivante : https://freemium.openedition.org/oebooks

    Suggérer l’acquisition à votre bibliothèque

    Si vous avez des questions, vous pouvez nous écrire à access[at]openedition.org

    THATCamp Paris 2012

    Vérifiez si votre bibliothèque a déjà acquis ce livre : authentifiez-vous à OpenEdition Freemium for Books.

    Vous pouvez suggérer à votre bibliothèque d’acquérir un ou plusieurs livres publiés sur OpenEdition Books. N’hésitez pas à lui indiquer nos coordonnées : access[at]openedition.org

    Vous pouvez également nous indiquer, à l’aide du formulaire suivant, les coordonnées de votre bibliothèque afin que nous la contactions pour lui suggérer l’achat de ce livre. Les champs suivis de (*) sont obligatoires.

    Veuillez, s’il vous plaît, remplir tous les champs.

    La syntaxe de l’email est incorrecte.

    Référence numérique du chapitre

    Format

    Collectif. (2012). Rôle et enjeux du design graphique. In THATCamp Paris 2012. Paris: Éditions de la Maison des sciences de l’homme. https://doi.org/10.4000/books.editionsmsh.386
    Collectif. « Rôle et enjeux du design graphique ». In THATCamp Paris 2012. Paris: Éditions de la Maison des sciences de l’homme, 2012. doi:10.4000/books.editionsmsh.386.
    Collectif. « Rôle et enjeux du design graphique ». THATCamp Paris 2012, Éditions de la Maison des sciences de l’homme, 2012, https://doi.org/10.4000/books.editionsmsh.386.

    Référence numérique du livre

    Format

    Collectif, & Bertrand, P. (2012). THATCamp Paris 2012. Paris: Éditions de la Maison des sciences de l’homme. https://doi.org/10.4000/books.editionsmsh.278
    Collectif, et Paul Bertrand. THATCamp Paris 2012. Paris: Éditions de la Maison des sciences de l’homme, 2012. doi:10.4000/books.editionsmsh.278.
    Collectif, et Paul Bertrand. THATCamp Paris 2012. Éditions de la Maison des sciences de l’homme, 2012, https://doi.org/10.4000/books.editionsmsh.278.
    Compatible avec Zotero Zotero

    1 / 3

    Éditions de la Maison des sciences de l’homme

    Éditions de la Maison des sciences de l’homme

    • Mentions légales
    • Plan du site
    • Se connecter

    Suivez-nous

    • Flux RSS

    URL : http://www.editions-msh.fr/

    Email : prouleau@msh-paris.fr

    Adresse :

    54 boulevard Raspail

    75006

    Paris

    France

    OpenEdition
    • Candidater à OpenEdition Books
    • Connaître le programme OpenEdition Freemium
    • Commander des livres
    • S’abonner à la lettre d’OpenEdition
    • CGU d’OpenEdition Books
    • Accessibilité : partiellement conforme
    • Données personnelles
    • Gestion des cookies
    • Système de signalement