conseil en ergonomie numérique

Design de l'informationicone design de l'information

icone ux design d'expérience utilisateur

L'expertise en design de l'information s'articule autour de 2 éléments fondamentaux : d'abord, créer l'information , ensuite, concevoir pour lui donner une forme. Cela présuppose un travail d'analyse de data et de design stratégique. Ces compétences de designer UX sont rattachés à l'expertise métier UX design.

Définition du design de l'information

Qu'est-ce que le design d'information ?

Le design de l'information a un champ d'application vaste. Pour aller à l'essentiel, on peut dire que le design d'information remplit 2 fonctions : d'abord la création de l'information (to design = concevoir) sur le plan de la signification, ensuite la mise en forme de l'information sur le plan visuel. Le data journalisme et la data visualisation sont de bons exemples de la fusion des métiers de la création d'information et de leur mise en forme...

On considère souvent le design d'information uniquement sous la seconde acception, celle qui concerne la partie essentiellement graphique et la portée de mise en forme : ici c'est l'action qui consiste à mettre en forme de l'information en utilisant différentes techniques telles que la mise en page, la typographie, le design graphique, en quête d'une forme d'esthétisme... La hiérarchisation de l'information, l'illustration, les contrastes sont autant de facettes du design de l'information.

Mais le design de l'information ne concerne pas que l'aspect visuel et celui de la forme, il concerne aussi, et surtout, la création du fond c'est à dire la mise en forme du sens.... Le journaliste d'investigation est aussi un designer d'information, dans son traitement et sa synthèse de l'information qu'il restitue au travers de reportages, d'enquêtes et d'articles...

L'industrie du design de l'information

Le design de l'information est omniprésent et irrigue toutes les sphères du paysage socioéconomique, à l'ère de l'information et dans une société de l'image. Dans les faits, le design de l'information, c'est un journal de presse nationale qui prend forme, le flyer de la prochaine soirée techno, l'affiche 4 par 3 sur lequel vous portez votre regard au lieu de vous concentrer sur la route... Le design de l'information, c'est aussi la mise en forme, la mise en scène et la projection des informations, des contenus et des fonctionnalités à l'écran dans le cadre de la conception d'un dispositif digital - conception d'interface UI design.

L'industrie du design graphique, le design industriel, l'architecture, et toutes les disciplines qui structurent et mettent en forme de l'information font appel aux techniques du design d'information. Le design d'information concerne donc à la fois les problématiques de fond (traiter l'information, lui donner forme, faire des choix intellectuels pour créer du sens) et les questions de leur mise en forme (valoriser telle information au détriment de telle autre, attirer l'attention du lecteur ou de l'utilisateur sur tel ou tel élément par le jeu des contrastes, des formes et des couleurs).

Le designer de l'information est tout autant un littéraire qu'un concepteur, quand il n'est pas les deux. Trop souvent le concept de design réduit la notion de design de l'information à son acception purement graphique alors qu'il s'agit d'une expertise qui relève véritablement d'un travail cérébral sur le fond, la signification, la synthèse... Avant de mettre en forme l'information, il faut d'abord la créer, la structurer, la hiérarchiser. Les enjeux du design de l'information couvrent les 2 faces d'un objet informationnel autour de la forme et du fond.

Design de l'information et design de l'interaction

Dans la conception et la mise au point d'un dispositif numérique, l'attention des porteurs de projet a tendance à se concentrer sur la dimension visuelle du produit. Or, le design graphique n'est que la partie visible du processus de design de l'information à l'oeuvre dans l'élaboration d'un dispositif digital. Dans l'industrie digitale, le design de l'information ne peut jamais être dissocié du design de l'interaction et de l'architecture de l'information. Voyons ce que cela signifie.

Dans la conception d'interface utilisateur, le design de l'information couvre les problématiques de mise en formation graphique et fonctionnelle. La maquette fonctionnelle détermine la ventilation des composants d'interface à l'écran (concept du squelette), quand la maquette graphique met à l'honneur la dimension sensorielle et identitaire... On ne considère ici que l'écran. Or, les dispositifs digitaux impliquent des déplacements au sein de l'ensemble des écrans...

Le design de l'interaction et la discipline qui considère le parcours de l'utilisateur à travers tous les écrans du dispositif digital. Au-delà de la sphère numérique, le design de l'interaction considère tous les points de contact entre un usager et une entreprise.
Le design de l'interaction traite de parcours utilisateur et de séquence interactionnelle : séquence linéaire (processus), séquence matricielle (navigation à facette), séquence guidée (aide au choix), séquence associative (suggestion personnalisée).

Si le design de l'information s'attache à la visualisation et que le design de l'interaction considère le mouvement et le déplacement, l'architecture de l'information est la discipline qui pose le canevas de l'expérience et la structure de l'ensemble : l'architecture de l'information définit l'organisation des contenus et des fonctionnalités, le design de l'information modélise le fonctionnement de l'interface écran par écran, et le design de l'interaction considère les moyens d'explorer les contenus à travers l'enchaînement des écrans dans une logique de parcours au sein de l'interface. Le design de l'information n'est donc qu'une partie du travail de conception fonctionnelle et interactive. Son champ disciplinaire peut être étendu à la conception éditoriale autour de la notion de stratégie éditoriale. Selon les points de vue, on peut alors considérer que l'architecture de l'information est une ramification d'un design de l'information attaché à créer l'information ex-nihilo. Les frontières sont difficiles à dessiner, tout reste une question de définition.

Visualiser des exemples de design de l'information

design de l'information
design de l'information
projet conception UI design Ladurée
design de l'information avec IAFACTORY
information design
information design
projet conception UI Citroen DS
information design avec IAFACTORY
wireframe site web
wireframe site web
projet conception UI Valrhona
IAFACTORY
conception et design de l'information
conception et design de l'information
projet conception UI Arkema
design de l'information - IAFACTORY
design de l'information
design de l'information
projet design de l'information portail Valeo
IAFACTORY
wireframing information design
wireframing information design
projet conception Samse
IAFACTORY
design d'information
design d'information
projet conception Crédit agricole foot
IAFACTORY
conception logiciel
conception logiciel
projet conception UI logiciel Tryba
IAFACTORY
Design de navigation
design de navigation
projet conception UI design Chanel
IAFACTORY
maquette site web
maquette site web
projet conception UI Cooking Chef
IAFACTORY
Wireframing configurateur auto
wireframing configurateur auto
projet conception UI Citroen DS
IAFACTORY
blueprint
blueprint
projet conception UI Air Liquide
IAFACTORY
conception portail éditorial
conception portail éditorial
projet conception UI The arpenters
IAFACTORY
conception d'interface utilisateur
conception d'interface utilisateur
projet conception UI Parrot
IAFACTORY
wireframe ui design
wireframe ui design
projet conception Ibis
IAFACTORY
Maquette fonctionnelle
maquette fonctionnelle
projet conception UI design Ladurée
IAFACTORY
mockup site web ecommerce
mockup site web ecommerce
projet conception UI Paco Rabanne
IAFACTORY
mockup projet web
mockup projet web
projet conception UI Parrot
IAFACTORY
conception d'interface
conception d'interface
projet digital institutionnel Urbact
IAFACTORY
design de l'information wireframe
design de l'information - wireframe
projet design de l'information dispositif Pierre & Vacances
IAFACTORY
design de l'information wireframing
design de l'information - wireframing
projet design de l'information portail ERDF
IAFACTORY
+ de design de l'information

Design d'informationDesign de l'information

CONCEPTION D'INTERFACE

conception du zoning

Clarification de la structure du site, des modèles de gabarits et des fonctions attribuées aux zones.
zoning
CONCEPTION D'INTERFACE

design de navigation

Conception du menu de navigation et valorisation des principaux parcours d'utilisation.
design du menu de navigation
CONCEPTION D'INTERFACE

wireframing ux design

Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing
ADAPTATION MULTI-ECRANS

conception web ux design

Conception fonctionnelle de sites web : e-commerce, corporate, transactionnel, portail...
conception web
ADAPTATION MULTI-ECRANS

conception mobile ux

Conception fonctionnelle d'interfaces mobiles : web mobile, app mobile, logiciel mobile...
conception mobile
ADAPTATION MULTI-ECRANS

conception responsive

Conception responsive de dispositif pour une expérience de consultation "multi-écran" unifiée...
conception responsive

Ressources autour du design de l'information

APPROFONDIR
l'information design

Livre : Information graphics
méthode de design ux

Pour aller plus loin sur le design de l'information

Formation vidéo à visionner :

Livrables à télécharger :

Articles du journal à méditer :

Etudes de cas à lire :

Travaux à visualiser :

Compétences et expertise métier pour le design de l'information :

Fiche métier :

Livres à bouquiner :

Autres ressources sur le web :

Plus de métier UX design
EXPERTISE MÉTIER UX DESIGN

architecture de l'information

Architecture de l'information, organisations des contenus, conception d'écosystème digital.
architecture de l'information
EXPERTISE MÉTIER UX DESIGN

design d'interaction

Design des interactions, modélisation des parcours utilisateurs, conception numérique.
design d'interaction
EXPERTISE MÉTIER UX DESIGN

conception d'interface ui

Conception d'interface utilisateur, ventilation des éléments à l'écran - user interface design.
conception d'interface ui design