Écoutez la version audio de cet article
En tant que partie standard du processus UX, les concepteurs créent une architecture de l’information lorsqu’ils construisent des produits. Définissant toutes les avenues et tous les chemins que les utilisateurs peuvent emprunter dans une application ou un site Web, l’architecture de l’information est bien plus qu’un plan de site pour montrer quelle page mène où.
Similaire aux architectes du bâtiment qui utilisent un plan pour construire chaque partie d’une maison, des structures physiques aux rouages internes plus complexes comme l’électricité et la plomberie, l’architecture de l’information décrit la hiérarchie, la navigation, les fonctionnalités et les interactions d’un site Web ou d’une application. Et tout comme les plans sont le document le plus précieux qu’un architecte puisse utiliser pour la construction d’un bâtiment, l’architecture de l’information peut être l’outil le plus puissant de l’arsenal d’un concepteur.
Cependant, en développer une n’est pas aussi simple que de rassembler une liste de fonctionnalités et de cartographier leur fonctionnement – étudions le processus.
Qu’est-ce que l’architecture de l’information, et pourquoi est-elle importante ?
L’architecture de l’information (IA) est, comme un plan, une représentation visuelle de l’infrastructure, des fonctionnalités et de la hiérarchie du produit. Le niveau de détail est à la discrétion du concepteur, de sorte que l’IA peut également inclure la navigation, les fonctions et les comportements de l’application, le contenu et les flux. Il n’y a pas de limite établie à la taille ou à la forme de l’IA ; néanmoins, elle doit englober la structure généralisée du produit de sorte que n’importe qui (théoriquement) devrait pouvoir la lire et comprendre comment le produit fonctionne.
Nous utiliserons souvent la référence au blueprint car l’objectif des deux documents est presque identique. Tout comme un plan, l’IA fournit aux concepteurs (ainsi qu’aux équipes de développement de produits et d’ingénierie) une vue à vol d’oiseau de l’ensemble du produit. Disposer d’un document unique qui fournit une représentation simple et compréhensible du fonctionnement de l’application ou du site Web est essentiel pour développer de nouvelles fonctionnalités, mettre à jour les fonctionnalités existantes et voir ce qui est possible compte tenu du produit existant.
Avec l’IA disponible, il devient beaucoup plus facile de prendre des décisions clés pour les nouvelles fonctionnalités et les implémentations, de comprendre les délais pour les changements de produit et de suivre le comportement des utilisateurs à travers plusieurs processus.
Plongeons-nous dans une vidéo de base pour voir comment une IA est construite.
Comment concevoir l’architecture de l’information
En tant que partie du processus UX, la conception de l’IA suit des modèles très similaires à l’organigramme : Ajouter des formes et les connecter avec des lignes de manière organisée à un seul document. Le défi lors de la construction de l’IA est de comprendre comment votre application ou votre site Web fonctionne réellement du point de vue de l’utilisateur, et comment organiser cette information dans un format lisible.
Il y a deux exigences majeures pour construire réellement l’IA : l’organiser à travers une hiérarchie visuelle (c’est-à-dire une hiérarchie de fonctionnalités, de fonctions et de comportements) et créer une légende pour afficher différents types de fonctionnalités, d’interactions et de flux. Avec un organigramme standard, les formes suivent des exigences spécifiques (les rectangles sont des processus, les diamants sont des points de décision, etc.) ; cependant, suivre cette nomenclature n’est pas une obligation.
En d’autres termes, les facteurs les plus importants pour construire votre IA sont l’endroit où les composants individuels de l’architecture sont placés (hiérarchiquement), et la façon dont ils sont étiquetés et affichés.
Comprendre et montrer la hiérarchie visuelle
L’aspect le plus difficile de la création d’une nouvelle architecture de l’information consiste presque toujours à la construire de manière hiérarchique. C’est une idée fausse courante que l’IA doit être construite « du haut vers le bas ». C’est presque toujours plus difficile à faire, sauf s’il s’agit d’un produit existant, comme dans la vidéo ci-dessus.
Lorsque vous construisez une IA à partir de zéro, à moins que votre site Web ou votre application ne suive un format standard, dessiner quoi que ce soit après le niveau supérieur est très difficile. C’est comme demander à un mécanicien de construire une voiture de haut en bas plutôt que par pièces. Chaque pièce doit être construite à l’avance avec ses propres recherches, son temps de conception et son développement. Il en va de même avec l’IA.
L’affichage de la hiérarchie visuelle est un atout précieux pour l’IA, non seulement parce qu’il fournit un meilleur contexte pour le lecteur, mais aussi parce qu’il généralise les régions clés du produit. Si la fonctionnalité la plus importante de votre application est de commander un trajet (à la Uber ou Lyft), ce qui peut être fait depuis la page d’accueil, alors cette page aura le plus de points de contact et la plus grande valeur pour le produit. Il en sera de même pour la hiérarchie visuelle.
Les plans de situation sont pratiques pour comprendre la hiérarchie puisqu’ils organisent les pages numériquement (comme 1.0 Accueil, 2.0 Paiement, 2.1 Ajouter une méthode de paiement, etc.) Ou considérez l’exemple de l’image ci-dessous pour le site Web de la bibliothèque de l’Université Duke, où la navigation supérieure n’est pas seulement en haut, mais aussi mise en évidence pour être visible sur toute l’application.
Hiérarchie des formes, des couleurs et d’autres éléments visuels
A part la hiérarchie, l’architecture ci-dessus fait une autre chose bien : Elle affiche chaque point d’engagement de manière unique, selon les besoins, par le biais d’une légende simple et de quelques phrases clés. La légende dénote la page et le type de contenu, et elle signifie les variations entre les couleurs des formes. C’est important car, bien que le site de Duke semble assez simple, l’IA ne couvre que trois niveaux. Chaque rectangle jaune dénote une application, donc les processus à l’intérieur de chacune de ces boîtes ne sont pas inclus dans ce document!
Même sans ces parties disponibles, la structure est telle que nous pouvons comprendre comment naviguer sur le site Web à travers l’IA seulement. Cela s’arrête lorsque nous atteignons une application dans le site web – ce n’est pas nécessaire.
L’IA ci-dessous est pour un jeu. En utilisant quatre formes, aucune couleur et des extraits de texte intelligemment placés, chaque interaction majeure est compréhensible sans prototypes et, plus important encore, elle peut être comprise par toute personne travaillant dessus.
Ce modèle n’est pas parfait, mais il organise clairement la hiérarchie des apps et délimite ce que l’utilisateur voit ou fait à un moment donné.
Les meilleurs outils d’architecture de l’information
Il existe de nombreuses applications logicielles qui permettent de construire une IA, mais peu sont suffisamment simples et rapides pour rendre l’expérience agréable. Ou, à tout le moins, faciles à gérer.
Draw.io, utilisé dans la vidéo ci-dessus, est entièrement gratuit pour un usage personnel et professionnel et se branche automatiquement sur Google Drive. Il dispose également d’intégrations avec Confluence et JIRA, qui sont payantes. Draw.io est excellent pour les organigrammes, la création de flux d’utilisateurs et l’architecture de l’information, et grâce à la fonctionnalité Drive, plusieurs personnes peuvent travailler sur le même document et voir les modifications en direct. Il existe également une version hors ligne gratuite.
Lucidchart est un autre excellent outil qui offre une expérience légèrement meilleure que Draw.io et présente des avantages supplémentaires comme des modèles préconstruits, beaucoup plus d’intégrations, une application mobile (notée à 2,5 étoiles sur l’App Store) et un support pour les entreprises.
Omnigraffle et Visio sont des piliers de longue date de l’industrie et fonctionnent excellemment pour construire et maintenir une conception IA, bien que Visio soit uniquement en ligne (l’ancienne version hors ligne est réservée à Windows) alors qu’Omnigraffle est réservé à Mac et nécessite des achats séparés pour les versions MacOS et iOS. OmniGraffle a un avantage par rapport aux principaux concurrents, car il fournit l’automatisation JavaScript et AppleScript, ce qui pour la plupart des concepteurs peut être inutile, mais généralement, les architectes de l’information à temps plein l’apprécient.
Tous les outils énumérés ci-dessus sont faits pour la vitesse et la facilité d’utilisation, spécifiquement autour de l’organigramme, qui suit des principes presque identiques à l’architecture de l’information. D’autres applications comme Balsamiq, MindMeister, MindManager ou XMind offrent toutes un comportement de style similaire, mais sont construites pour d’autres objectifs majeurs, tels que le prototypage ou le mind mapping.
Bonnes pratiques de l’architecture de l’information
Bien qu’il existe peu de règles définies pour ce qui constitue l’architecture de l’information, lorsque vous passez par le processus, considérez ce qui suit :
Ne vous concentrez pas sur la hiérarchie, concentrez-vous sur la structure
La hiérarchie est ajustable. La page d’accueil sera toujours la page d’accueil, mais où elle mène, comment les utilisateurs se rendent à ces endroits, et tout ce qui se trouve entre les deux et au-delà est déterminé plus tard.
Tous les processus devraient être logiques
Même si l’IA dans le processus UX est pour les interactions avec les utilisateurs, chaque étape du chemin doit être logique. Les écrans d’enregistrement ne devraient pas mener à des paramètres, une fonction de caméra ne devrait pas sauter à une vue de carte… la liste est longue.
N’oubliez pas le processus UX
Une erreur commune est de simplement faire de l’IA, sans ressources, sans recherche, ou d’autres actifs ou travaux. C’est comme dire à un auteur d’écrire un livre sans plan, ou à un programmeur de coder une application sans prototypes.
Vous êtes le cartographe
Les cartographes prennent tout en considération sur une carte, des chaînes de montagnes aux frontières des États. Tout comme les cartographes, les concepteurs déterminent ce qui entre dans la conception de l’IA. Les pages individuelles, les comportements spécifiques des utilisateurs, le contexte des points de décision… et ainsi de suite.
En définitive, le cartographe décide de ce qui va sur la carte en fonction des besoins des utilisateurs. Il en va de même pour les concepteurs, alors construisez l’IA pour l’utilisateur final, à savoir les équipes de développement et de conception du produit.
L’architecture de l’information est en perpétuel changement et évolue
Pour enfoncer le clou une fois de plus, toutes les IA sont construites pour le changement. Les produits évoluent, les conceptions changent, les utilisateurs s’adaptent, et le cycle continue, encore et encore. Ne le prenez pas trop au sérieux et sachez qu’il sera toujours possible de l’améliorer. Ne visez pas la perfection ; construisez une IA simple et adaptable.
Mon architecture d’information est faite… et maintenant ?
C’est une conception courante que tout travail de conception n’est jamais vraiment terminé, et c’est certainement le cas de l’architecture d’information. Elles grandissent, rétrécissent et changent comme le font nos produits. Contrairement au plan d’un bâtiment, l’architecture de l’information évoluera toujours en fonction des besoins des utilisateurs, de nouvelles fonctionnalités ou d’une refonte du produit. Une grande partie de la structure peut rester la même et fournir une cohérence entre les versions afin que les utilisateurs ne soient pas confus.
Et c’est une bonne chose. Savoir que l’IA est un document fluide – un document qui change probablement chaque semaine, et parfois même chaque jour – est un moyen puissant de maintenir la structure globale de votre site Web ou de votre site sans jamais toucher au code ou créer de nouveaux prototypes. Plus l’ensemble de l’équipe de développement du produit connaît l’IA, plus vite chacun saura ce qui est possible et ce qui ne l’est pas, et le sérieux de tout supposé » travail facile « .
Ce qui nous amène à la véritable beauté de l’architecture de l’information : Il n’y a pas de point de départ prédéfini. Alors que le processus traditionnel de conception UX dicte que l’IA est construite après avoir complété suffisamment de flux d’utilisateurs ; armé de beaucoup de recherches sur les utilisateurs et la concurrence, elle peut aussi être la première chose faite… ou la dernière. Le processus de prototypage fait souvent ressortir des informations sur la façon dont certains comportements ou actions devraient se produire qui seraient difficiles à imaginer à partir d’une IA logique ou sans imagination.
En tant que pratique en constante évolution, la conception de l’IA est un art autant qu’une compétence, ce qui explique en partie pourquoi les grandes entreprises ont des postes d’architectes de l’information. Ces concepteurs sont les gardiens de systèmes massifs, et grâce à leur compréhension de la croissance du produit au fil du temps, ils aident à conduire les équipes de produits, de conception et d’ingénierie à prendre les bonnes décisions au fil des années. Cette échelle d’organisation n’est pas pour tous les concepteurs, mais chaque concepteur peut construire une architecture d’information simple et compréhensible.
– – –
Lectures recommandées à propos de l’architecture d’information
IA pour le Web et au-delà
Comment donner du sens à n’importe quel fouillis : L’architecture de l’information pour tout le monde
Les bases de l’architecture de l’information
La différence entre l’architecture de l’information et le design UX
.