Cours architecture de l'information et conception d'interface UI design

Objectifs des cours d'architecture de l'information

Le cours d'architecture de l'information est un module focalisant sur la phase de conception qui aura été appréhendé succinctement dans le module de conduite de projet. Architecture de l'information et Conception d'interface étant les deux parties d'un même ensemble. Les étudiants seront initiés aux techniques de l’architecture de l‘information.

L’objectif central est de conduire l’étudiant à être capable de transposer les problématiques communicationnelles en interface fonctionnelle à destination d’un utilisateur final (compétence UI design).

Le module de cours de conception et d'architecture de l’information est complexe à modéliser car il implique des notions nouvelles, techniques et parfois difficiles à maîtriser pour l’étudiant, malgré la mise en place de cas pratiques. Une immersion au sein d’une équipe de conception ou d’un studio de création permettra à l’étudiant de mettre en perspective et tirer meilleur parti des techniques enseignées.

Problématiques du cours d'architecture de l'information

Appréhender et avoir un regard critique sur les structures des différentes familles de supports interactifs (typologies de sites internet, intranet, bornes, cd-rom, etc.). Dans quel univers s’inscrit le projet interactif, quels sont les normes en vigueur, les conventions en usage et les règles à respecter pour chaque typologie de support ?
Maîtriser une partie des techniques d’architecture de l’information.
Comprendre la démarche de conception centrée utilisateur, visant à placer l’utilisateur final au centre du processus de conception, sans perdre de vue les objectifs de l’annonceur : quelle est la méthode pour transposer une idée abstraite, un concept, une stratégie interactive, en écriture hypertextuelle, en expérience utilisateur ?
Connaître les critères de qualité en matière d’ergonomie des interfaces. Quelles sont les règles à prendre en compte dans la conception d’une interface à destination d’un utilisateur final ?

Aptitudes et qualités de l'architecte de l'information

Être capable de traduire une stratégie en interface.
Cartographier un produit numérique.
Maîtriser les livrables du concepteur.
Approche par persona.
Modélisation de parcours utilisateur.
Inventaire et structuration des contenus.
Arborescence éditoriale des contenus.
Arborescence fonctionnelle des gabarits.
Inventaire des gabarits et des composantes fonctionnelles.
Réaliser des storyboards et wireframe.
Rédiger les spécifications fonctionnelles.
Concevoir un site de façon détaillée dans sa globalité.
Argumenter la conception, rédiger une recommandation.
Produire un chiffrage budgétaire précis.
C'est de la conception fonctionnelle et de la conception éditoriale.

Introduction à la conception d'interface UI design

Concevoir un produit numérique et acquérir les savoirs et savoir-faire permettant de cartographier et modéliser le fonctionnement d’un support interactif exige une bonne culture du média, des typologies de site, des possibilités, des technologies…

De nombreuses séances sont consacrées à l’acquisition des bases culturelles du média permettant de mieux appréhender les enjeux de la conception et le travail de l’architecte de l’information. Il s’agit notamment de faire le point sur les différentes typologies d’interface, leurs implications front-back et leurs impacts en matière d’expérience utilisateur.

L’étudiant est également sensibilisé au fait qu’une démarche de conception s’inscrit dans un cadre projet, avec des exigences, un commanditaire, une enveloppe budgétaire, des contraintes à respecter, et des utilisateurs auxquels il convient d’apporter des réponses efficaces en matière d’interface.

Consulter le support du cours d'introduction à la conception :
Cours architecture de l'information : conception, intro.

Le vocabulaire du concepteur (UI designer)

Nous consacrons plusieurs ateliers de travail visant à familiariser l’étudiant au découpage d’un support interactif : maîtrise des concepts, du vocabulaire du concepteur et de l’architecte de l’information ; au cours de ces séances de cours, nous approfondissons les notions suivantes :

Notion d’écran.
Notion de gabarit dynamique.
Inventaire des différentes typologies de conteneur.
Pondération de la complexité d’un conteneur (gabarit type vs variante de gabarit, déclinaison du gabarit).
Compréhension des notions d’occurrence des gabarits, des pages.
Calques.
Processus.
Modules.
Fonctionnalités.
Contenu.
Média.

Au final, il s’agit d’appréhender le support interactif de façon mécanique afin d’identifier les tenants et les aboutissants du fonctionnement.

Consulter le support du cours d'outils du concepteur :
Cours architecture de l'information : outils de conception.

L'analyse d'un dispositif digital

Être capable de concevoir un dispositif interactif performant implique un regard critique et une maîtrise des techniques visant à auditer / analyser un support interactif : c’est l’objet des séances de travail consacrées à l’ergonomie des interfaces et à la réalisation d’audit ergonomique.

Nous présentons les différentes modalités d’analyse d’un support interactif au travers de grille ergonomique. Les étudiants sont invités à réaliser des analyses et à évaluer les performances ergonomiques et fonctionnelles du support audité, d’un point de vue expert.
La démarche vise notamment à identifier les freins à l’utilisation d’un support pour y apporter des axes d’optimisation.

Consulter le support du cours d'analyse de dispositif digital :
Cours architecture de l'information : audit de site.

L'analyse comparée et les benchmark

En complément de l'audit de site, l'analyse concurrentielle au travers du benchmark fait partie des outils que le concepteur se doit de maîtriser.
Consulter le support du cours d'analyse de la concurrence :
Cours architecture de l'information : benchmark.

Les contenus et l'architecture de l'information

Autre compétence et démarche très importante impliquée dans la conception d’un support interactif : la familiarisation au marché de l’annonceur (offre, services, produits, contenus, prises de paroles, spécificités). Il s’agit de sensibiliser l’étudiant au fait que le travail de conception débute par une appropriation minutieuse de l’environnement de l’annonceur afin d’être capable de traduire les problématiques engagées par des interfaces adaptées et efficaces.

Nous faisons notamment le point sur les techniques d’inventaire des contenus et de classification.

Le point sur les techniques de conception

Dès lors que les spécificités des différentes typologies de supports interactifs ont pu être appréhendées, nous approfondissons les techniques permettant de traduire les enjeux de communication sous forme d’interface:

La modélisation de persona type sur la base d’indicateurs statistiques.
La transposition des parcours utilisateurs.
L’inventaire des fonctions à déployer.
La matérialisation projetée du fonctionnement du support interactif.
La mise en place de grille modulaire permettant de créer des zoning macro.
La scénarisation détaillée de l’interface par le biais des wireframe.
L’animation des wireframe visant à expliciter le fonctionnement.
La rédaction des spécifications.

La conception d'interface UI design

Enfin, afin de maximiser l’acquisition des savoir-faire, nous privilégions la mise en place de cas pratiques diversifiés, au cours desquels les étudiants sont amenés à concevoir des supports interactifs de façon concrète en réponse à une problématique commerciale.

Les cas pratiques proposés sont volontairement complexes afin d’obliger les étudiants à utiliser toutes la palette des techniques valorisées en cours dans la réponse à apporter à la problématique de conception. Par exemple :