Cours intensif UX : Architecture de l’information

L’architecture de l’information regroupe toutes les décisions de conception organisationnelle qui rendent une interface utilisateur facile à utiliser et à comprendre. C’est pourquoi un bon design va bien au-delà de l’esthétique.

Souvent, les gens font l’erreur de qualifier le design de simplement « habillage de fenêtre » ou « application d’une couche de peinture ». Plus d’une fois, j’ai entendu suggérer que la structure ou la fonction d’une page Web devrait d’abord être construite par les développeurs, puis que les concepteurs pourraient intervenir plus tard pour la « rendre jolie ». Bien qu’un bon design fait rendre les sites Web et les applications plus attrayants et leur donner une finition professionnelle, ce n’est pas la seule chose qu’il fait, même pas loin ! Lorsque nous parlons de ce qui se passe « en coulisses » dans une conception efficace, nous parlons souvent du architecture de l’information (IA).

L’architecture de l’information fait référence à toutes les décisions de conception en matière d’organisation et d’étiquetage qui rendent une interface utilisateur facile à utiliser et à comprendre. Pensez aux mises en page, aux flux de travail des tâches, à la navigation, aux instructions, aux étiquettes et bien plus encore. Ces aspects n’ont rien à voir avec la couleur ou la typographie, mais ils restent un aspect crucial de la conception d’une interface utilisateur. On dit qu’une bonne conception est invisible : cela est particulièrement vrai lorsqu’il s’agit de conception IA.

Conception d’interfaces : modèles pour une conception d’interaction efficace compare l’IA d’un site Web ou d’une application au travail d’un talentueux représentant du service client. On pourrait avoir l’impression que l’exécution d’une tâche via un portail en ligne supprime « l’aspect humain » de l’interaction, mais dans une interface bien conçue, la touche humaine est toujours là, ancrée dans la conception.

Une bonne architecture de l’information :

• anticiper les besoins de l’utilisateur
• proposer des informations tout en tenant compte du niveau de compréhension et du point de vue de l’utilisateur
• communiquer clairement les prochaines étapes
• tenez toujours l’utilisateur au courant de ce qui se passe

Considérez votre site Web comme un concierge d’hôtel serviable : accompagnant vos utilisateurs tout au long de leur séjour, s’assurant qu’ils se sentent à l’aise et leur fournissant tout ce dont ils ont besoin pour bien faire leur travail. Et bien sûr, les meilleurs concierges sont prêts à répondre à une demande ou à résoudre un problème avant même que l’utilisateur n’ait à le demander.

Tout cela semble un peu abstrait et métaphorique, alors parlons d’une mise en œuvre réelle.

• Anticiper les besoins de l’utilisateur Cela peut ressembler à l’utilisation de vos recherches sur les utilisateurs pour éclairer la mise en page, en faisant apparaître les fonctionnalités les plus utilisées en haut de la page ou dans les menus de haut niveau pour un accès facile.
• Offrir des informations au niveau de l’utilisateur et au POV cela pourrait signifier adapter votre copie pour qu’elle soit exempte de jargon et d’acronymes spécifiques à l’industrie, ou utiliser des infographies pour communiquer des données complexes.
• Peut-être que votre mise en page communique clairement les prochaines étapes parce que vous avez utilisé un formulaire de style assistant ou un module de progression sur plusieurs pages, garantissant que l’utilisateur sait quel pourcentage de la tâche en cours il a accompli et combien il lui reste à faire.
• Tenir l’utilisateur informé de ce qui se passe peuvent ressembler à des notifications, des mises à jour de statut, des journaux de modifications, des indicateurs de chargement ou des barres de progression.

Le design ne se limite pas à l’apparence d’un élément– c’est aussi la décision d’utiliser cet élément au lieu d’un autre, l’endroit où il est placé sur la page et ce qui vient avant et après.

Par exemple, comment choisir entre une barre de progression ou une animation de chargement ? Qu’est-ce qui est le plus logique pour la tâche actuelle ? Avons-nous suffisamment d’informations pour offrir à l’utilisateur une barre de progression précise ? Si nous affichons une fausse barre de progression, nous pourrions nuire à notre réputation et à la confiance de l’utilisateur. En revanche, si l’on affiche une animation de chargement ambiguë et qui prend trop de temps, l’utilisateur pourrait craindre que l’application plante et ferme prématurément la page. Si nous choisissons une barre de progression, voulons-nous également inclure du texte sur le processus en cours d’exécution ? Si l’on choisit une animation de chargement, doit-elle être légère et amusante ou plus simple et sérieuse ? Que communiquons-nous à l’utilisateur avec chaque choix, et sommes-nous sûrs que c’est le message que nous voulons qu’il retienne de la conception ?

Chaque élément que nous mettons sur la page, quel que soit son style, devrait communiquer quelque chose d’important à l’utilisateur et l’aider à accomplir ses tâches plus efficacement. Lorsque nous concevons une interface utilisateur, il est de notre devoir de prendre en compte tous ces aspects et de faire de notre mieux pour créer un espace numérique réfléchi, organisé et intuitif.

Cela signifie commencer par une base solide d’IA, fondée sur les données, le contenu et les recherches des utilisateurs, avant de se soucier des aspects plus présentationnels de la mise en page. En comparaison, il est beaucoup plus facile de modifier un style de titre ou d’échanger certaines couleurs que de retravailler la structure des pages d’un site Web, alors évitez-vous des maux de tête en vous assurant avant tout que IA est en bon état.

Il est tentant d’aller de l’avant et de commencer à y ajouter du style (cela donne à un design un aspect beaucoup plus fini lorsque toute la marque est appliquée), mais cela rend également plus difficile la concentration sur ces éléments principaux. Construisez une structure solide avec une architecture de l’information, puis développez-la à partir de là : vos utilisateurs vous remercieront !