Catégories
Plugin et site web

La grande image – Smashing Magazine

A propos de l'auteur

Avec plus de 20 ans d'expérience dans le domaine de la conception centrée sur l'utilisateur et une formation en conception et développement Web, Carrie a travaillé dans des startups jusqu'à…
Plus à propos
Carrie

L'architecture de l'information est le processus de catégorisation et d'organisation de l'information pour créer une structure et un sens. Pour donner ce contexte, cet article explore non seulement les bases de l'architecture de l'information, mais aussi la vision plus large de l'ère de l'information, comment nous utilisons l'information et comment elle affecte notre monde et nos vies. Comprendre la situation dans son ensemble nous permet d'avoir une perception beaucoup plus claire de la valeur qu'une bonne architecture de l'information offre pour aider nos vies surchargées d'informations.

Nous vivons dans un monde qui regorge d'informations, mais comment trouver ce qui nous concerne au moment où nous en avons besoin? Je crois qu'une bonne architecture de l'information est essentielle pour nous aider à naviguer à travers les montagnes de données et d'informations que nous avons créées pour nous-mêmes.

Dans cet article, nous décrirons d'abord ce qu'est l'architecture de l'information, pourquoi elle est importante et les approches d'une mise en œuvre efficace. Ensuite, nous explorons des idées autour d'une vision plus large de l'ère de l'information, de la façon dont nous utilisons l'information et de son impact sur notre monde et nos vies. Ces informations sont conçues pour vous aider à comprendre la situation dans son ensemble, ce qui nous permet de saisir la valeur qu'une bonne architecture de l'information offre pour aider nos vies surchargées d'informations.

Qu'est-ce que l'architecture de l'information et pourquoi est-elle importante?

"L'architecture de l'information est la pratique consistant à décider comment organiser les parties de quelque chose pour être compréhensible."

– L'Institut d'architecture de l'information

Du point de vue de l'expérience utilisateur, cela signifie vraiment comprendre comment vos utilisateurs pensent, quels problèmes ils tentent de résoudre, puis présenter les informations de manière logique et logique dans ce contexte.

Qu'il s'agisse d'un site Web, d'une application logicielle ou d'une application pour smartphone, il s'agit d'abord de concevoir la structure de l'organisation de vos informations, puis de les traduire en une hiérarchie de navigation logique qui a du sens pour les utilisateurs qui y accéderont. Dans ce monde où nous pouvons parfois avoir l'impression de nous noyer dans les données, l'architecture de l'information nous offre un moyen logique d'organiser ces données pour en faciliter la localisation.

Voici d'autres raisons pour lesquelles une bonne architecture de l'information est importante:

Pour l'utilisateur

  • Il réduit la charge cognitive.
    Trop d'informations sur un écran sans chemin clair peuvent rendre difficile la concentration d'un utilisateur. Trop d'options peuvent entraîner un report de choix lorsqu'un utilisateur choisit de ne pas prendre de décision du tout.
  • Il accélère le processus de recherche des bonnes informations.
    C'est le contraire du report de choix, où l'utilisateur est capable de localiser facilement ce qu'il recherche avec des choix de navigation clairs.
  • Il peut garder l'utilisateur concentré sur la tâche qu'il essaie d'accomplir.
    Si la tâche à laquelle un utilisateur s’engage est facile à suivre sans éléments de navigation non contextuels supplémentaires, il est moins probable qu’il soit distrait.
  • Il facilite l'analyse et la compréhension des informations par l'ajout de contexte.
    Fournir un chemin de navigation visuel de l'endroit exact où l'utilisateur se trouve dans un site Web peut fournir plus de contexte pour le contenu qu'il consulte. Par exemple, lors d'une demande de compte bancaire en ligne, afficher le nombre total d'étapes du processus et indiquer visuellement exactement à quelle étape vous vous trouvez et ce que les étapes suivantes peuvent impliquer donne un contexte au flux.
  • Réduit la frustration et le contact avec le support.
    S'il est clair pour l'utilisateur où trouver ce dont il a besoin, il n'est pas nécessaire de demander de l'aide. Par exemple, si un client a reçu un article acheté défectueux, sans instructions évidentes sur la façon de rectifier la situation, il peut appeler le centre de support client.

Vous trouverez ci-dessous quelques exemples permettant d'illustrer les points concernant l'utilisateur.

Exemple d'assistant
(Source de l'image: Shaun Utter) (Grand aperçu)

L'exemple ci-dessus montre:

  • L'utilisation d'un formulaire de demande de type «assistant» et illustre bon nombre des points ci-dessus.
  • Des étapes de navigation claires en haut de la page fournissant un contexte sur la position de l'utilisateur dans le processus.
  • Des choix simples pour guider l'utilisateur.
  • Liens d'information contextuelle sous forme de FAQ concernant l'étape à laquelle l'utilisateur se trouve.
  • Bouton de navigation en bas de la page donnant des instructions spécifiques pour l'étape suivante.
(Grand aperçu)

L'exemple de site Web ci-dessus, Punk Avenue montre un autre exemple de navigation principale claire, avec un bref résumé de ce que vous trouverez sur chaque page. Ci-dessous, une série d'onglets qui vous maintiennent sur la même page et indiquent visuellement les informations que vous consultez.

Pour une entreprise

  • Maintient les clients sur leur site Web plus longtemps.
    La recherche montre que les visiteurs d'un site Web partiront souvent dans les 10 à 20 secondes, mais avec un objectif clair, vous pouvez engager vos visiteurs pendant une période plus longue. Bien qu'une bonne conception et une bonne messagerie aident à présenter la proposition de valeur du site, un affichage de navigation bien conçu peut également contribuer à démontrer le type d'informations soutenant cette proposition de valeur.

  • Augmente les chances de conversion client.
    Si le visiteur de votre site peut trouver ce qu'il veut via la navigation, et qu'il existe des étapes simples et minimales sur la façon de l'acquérir, les chances de conversion sont bien plus élevées qu'une conception de site qui n'est pas en mesure de diriger l'utilisateur vers les bonnes informations.

  • Réduit le risque que les clients se tournent vers un concurrent.
    Si un visiteur de votre site peut facilement trouver ce qu'il recherche grâce à une navigation efficace et à une bonne conception, il est probable qu'il y restera plutôt que de passer au prochain résultat de recherche Google.

  • Réduit la duplication des informations (par conception).
    Une bonne architecture de l'information peut garantir que le même contenu ou un contenu similaire n'est pas répliqué. La compréhension et la documentation de la structure du contenu, en particulier sur les sites riches en informations, peuvent éviter ces problèmes potentiels.

  • Meilleur retour sur investissement grâce à une utilisation efficace de la plateforme.
    L'investissement consacré à garantir que l'architecture de l'information sur votre site est efficace et logique pour vos utilisateurs est un moyen convaincant d'augmenter les conversions de vos clients et les revenus provenant de ces ventes.

  • Réduit le coût de l'assistance lorsqu'un utilisateur ne trouve pas quelque chose.
    Comme décrit précédemment, la création d'une charge inutile sur l'équipe de support client est un coût supplémentaire qui peut être évité par un site qui fonctionne bien et fournit une assistance aux clients lorsqu'ils en ont besoin.

L'exemple ci-dessous permet d'illustrer certains des points ci-dessus concernant les entreprises.

(Source de l'image: Blog Optimizely) (Grand aperçu)

L'exemple ci-dessus montre comment les mauvais affichages de navigation peuvent affecter la conversion des clients. Cette étude de cas montre une augmentation des revenus clients de 53,8%. Les informations supplémentaires entre la barre de recherche et les produits ont été supprimées, ce qui a également permis de rapprocher l'affichage du produit du haut de la page. Les informations verticales qui ont été supprimées ont créé l'effet de ce qui pouvait être perçu comme une barre de navigation superflue, ou peut-être simplement des informations qui n'étaient pas considérées comme pertinentes pour un utilisateur dans sa recherche de produit.

Lorsque vous pensez à concevoir l'architecture d'informations pour votre site Web ou votre application, une navigation efficace sur le site est cruciale.

En tant que concepteur, posez-vous la question: «Le langage résonne-t-il avec l'utilisateur, la hiérarchie a-t-elle un sens pour le flux d'utilisateurs, peut-il facilement retrouver son chemin?»

Si votre site Web est lourd de contenu, vous pouvez également envisager l'utilisation de la recherche sur le site. Examinons quelques recherches sur la recherche sur le site et la navigation.

Recherche vs navigation

En 1997, Jakob Neilson a mené une étude qui a montré que plus de 50% des utilisateurs du site Web utiliseraient la fonction de recherche sur la navigation sur le site. En 2012, econsultancy.com a indiqué que 30% des visiteurs du site Web des sites de commerce électronique utiliseront la recherche sur le site, tandis qu'une étude des paramètres de Kiss a révélé que 40% des utilisateurs préféraient utiliser la recherche. En 2010, l'étude de Gerry Mcgovern a montré que 30% des utilisateurs préféraient la recherche.

(Source de l'image: Neil Patel) (Grand aperçu)

Bien que la relation entre ces résultats puisse sembler insaisissable, une chose est claire; et c'est que les utilisateurs utiliseront à la fois la recherche sur le site et la navigation sur le site pour trouver des informations, dans des proportions variables.

Afin de fournir la meilleure expérience utilisateur à vos clients, vous devrez peut-être envisager d'intégrer une recherche de site, en conjonction avec une navigation sur le site efficace et bien conçue si votre site Web a une structure complexe et de grandes quantités d'informations.

Voici un exemple pratique où une recherche sur le site serait utile pour les visiteurs du site. Supposons que vous visitiez un site Web qui vend des produits de nettoyage et de santé et que vous cherchiez à en acheter lavage des mains antibactérien. Vous pouvez voir deux catégories: "Produits de lavage corporel" et "Nettoyants pour la peau». Lequel choisis-tu?

Produits de lavage corporel
Produits de lavage corporel (Source de l'image: Bon entretien) (Grand aperçu)
Nettoyants pour la peau
Nettoyants pour la peau (Source de l'image: Skincare Hero) (Grand aperçu)

Et si vous deviez parcourir ces catégories qui peuvent avoir des produits classés par ordre alphabétique, il peut y avoir une grande liste à parcourir. Vous trouverez ci-dessous quelques expressions similaires qui pourraient être utilisées, en fonction de ce que l'on pourrait également appeler l'idée de lavage des mains antibactérien:

  • gel hydroalcoolique
  • savon désinfectant
  • désinfectant pour les mains
  • désinfectant lavage des mains
  • stérilisateur à main
  • savon hygiénique
  • lavage des mains antiseptique

Si vous cherchez "savon hygiénique ”, il vous faudra peut-être un certain temps pour parcourir la liste pour trouver le "lavage des mains antibactérien». Comme il est difficile de répondre à toutes les variations de synonymes possibles dans la structure de navigation d'un site, une recherche de site bien conçue peut permettre aux utilisateurs de rechercher ces variations, en ajoutant ce que nous appelons balises méta à chaque élément de contenu. Par exemple, le "lavage des mains antibactérien"Le produit peut contenir des informations ou des balises cachées supplémentaires qui incluent tous les termes énumérés ci-dessus, permettant aux utilisateurs de rechercher n'importe lequel d'entre eux et de renvoyer des résultats de recherche qui correspondent.

Le site Web Politico ci-dessous utilise à la fois la navigation et une fonction de recherche. Il illustre un exemple de site riche en contenu qui regroupe les informations en catégories, ce qui facilite la recherche de sujets. Le site utilise un «mégamenu» accessible à partir du coin supérieur gauche de la page. Il s'agit d'un moyen courant de fournir un menu d'options avec des catégories et des sous-catégories qui peuvent être utilisées pour les visiteurs qui souhaitent parcourir le contenu, et la fonction de recherche peut être utilisée pour localiser une information spécifique.

(Grand aperçu)

Selon les recherches de measureu.com, environ 14% des utilisateurs commenceront par une recherche et le reste commencera par parcourir les options de navigation.

Exemples d'architecture d'information bonne et mauvaise

Examinons quelques exemples de sites Web démontrant les bonnes et les mauvaises utilisations de l'architecture de l'information. Une excellente navigation est le reflet d'une architecture de l'information bien conçue qui tient compte des besoins du public cible.

Navigation utile

Ce site Web de Sears fait bon usage des méga-menus déroulants. Ceux-ci aident à fournir des options de navigation aux sous-catégories clairement regroupées. Il utilise également des images pour fournir une cognition beaucoup plus rapide à l'utilisateur.

(Grand aperçu)

Pinterest montre un moyen utile de présenter du contenu visuel généré par l'utilisateur en fonction des termes de recherche. La recherche est la navigation. Cela fonctionne bien en fonction de la quantité de contenu disponible sur le site, ce qui rendrait difficile la fourniture d'un système de navigation simple basé sur des catégories.

Site Pinterest
Pinterest (Grand aperçu)

Navigation écrasante

Cet exemple de site Web est une surcharge d'informations complète avec une mauvaise utilisation des espaces blancs et beaucoup trop de choix. Cela n'aide pas que la conception du site Web soit à l'étroit, ce qui rend difficile l'identification de toutes les options disponibles.

Frys.com
(Grand aperçu)

Comment faire les choses correctement?

Voici une brève liste de considérations et de processus à utiliser lorsque vous concevez l'architecture d'informations d'un produit ou d'un service.

  • Commencez par comprendre les besoins de votre utilisateur et les tâches qu'il essaie d'accomplir.
    Vous pouvez effectuer des entretiens avec les utilisateurs pour vraiment comprendre les problèmes que votre produit ou service résout. À partir d'ici, réfléchissez à la façon dont ils pourraient interagir avec votre site Web et aux voies qu'ils pourraient emprunter pour atteindre leurs objectifs.
  • Essayez de créer une hiérarchie avec des sous-niveaux minimaux.
    Si vous pouvez y parvenir, l'utilisateur peut accéder à toutes les informations de votre site en deux clics au maximum.
Exemple de plan du site
Cartographiez la navigation de votre site pour voir si vous pouvez vous organiser en un nombre minimal de sous-niveaux ou de catégories. (Grand aperçu)
  • N'utilisez pas de jargon dans la langue de navigation.
    Comprenez la langue de votre public. Testez avec vos utilisateurs pour vous assurer qu'ils comprennent la signification correcte de la langue utilisée.
  • Ne vous fiez pas uniquement aux images ou aux icônes comme outil de navigation.
    Il existe très peu d'icônes universellement comprises, telles que Aidez-moi, Erreur, et Impression, et ceux-ci peuvent différer culturellement.
(Grand aperçu)
icônes iphone avec étiquettes
Notez que sur les smartphones, les icônes sont toujours accompagnées d'une étiquette de texte pour vous aider à naviguer. (Grand aperçu)
  • Toujours indiquer à l'utilisateur exactement où il se trouve sur le site afin qu'ils puissent facilement revenir à une page précédente. La navigation avec fil d'Ariane est un exemple de la manière de procéder efficacement, comme illustré dans l'exemple ci-dessous. Il peut se trouver sous la navigation principale, vous montrant chaque page sur laquelle vous avez cliqué, l'emplacement actuel s'affichant comme le dernier à droite.
Exemples de fil d'Ariane
Exemple de navigation avec fil d'Ariane (Grand aperçu)
  • Utilisez la conception pour créer des différences visuelles distinctes entre les niveaux de hiérarchie.
    Par exemple, un en-tête de hiérarchie de niveau supérieur peut être affiché avec une taille de police plus grande. Ces différences visuelles peuvent d'abord guider l'œil de l'utilisateur vers des informations plus importantes. Il peut également incomber au concepteur visuel d'aider à différencier ces domaines.

Méthodes pour tester votre navigation

Tri des cartes

Écrivez le nom de chaque section d'information sur papier et demandez aux participants de trier les cartes contenant toutes vos sections de navigation en groupes qui leur conviennent. Essayez de faire le même tri avec au moins cinq participants afin de pouvoir commencer à identifier les modèles et les préférences des catégories et sous-catégories créées. C'est ce qu'on appelle un carte ouverte. UNE carte fermée peut être utilisé si vous décidez d'avoir des catégories de niveau supérieur prédéterminées sous lesquelles les participants placent les cartes en fonction de ce qui est logique pour eux.

Tri des cartes
Tri des cartes (Source de l'image: UX Indonésie sur Unsplash) (Grand aperçu)

Lecture recommandée: Guide du débutant pour le tri des cartes: améliorer votre architecture de l'information

Test de scénario

En utilisant un filaire ou un prototype, demandez aux participants de réaliser une tâche spécifique en naviguant sur le site. Vous pouvez utiliser un filaire cliquable pour tester cela en observant à quel point il est clair pour un utilisateur de réaliser l'activité. Un exemple de tâche (reportez-vous au filaire ci-dessous) pourrait être de vous inscrire sur le site Web, puis de faire une réservation pour un seul événement et de le publier.

Exemple de filaire
Test de scénario (grand aperçu)

Outils

Treejack est un outil qui vous permet de valider votre structure de navigation. Il demande aux participants d'indiquer où ils chercheraient pour trouver des informations spécifiques et vous propose des actions perspicaces.

Outil Treejack
Outil de test de navigation (Grand aperçu)

Outils de mots clés gratuits

Vous pouvez utiliser des outils gratuits pour identifier les termes de recherche couramment utilisés qui peuvent vous aider à choisir la langue dans votre navigation. Par exemple, answererthepublic.com est un site gratuit qui vous permet d'entrer un terme de recherche pour voir quels autres termes de recherche connexes sont utilisés.

Répondre à l'outil de recherche de mots clés publics
Outil de recherche de mots clés (grand aperçu)

Nous avons couvert les bases de l'architecture de l'information, et il est maintenant temps de passer à une vue d'ensemble, l'ère de l'information. Comprendre le contexte entourant les énormes quantités de données et d'informations dont nous sommes entourés peut aider à façonner vos perspectives en tant que concepteur UX, car il a aidé à orienter et à orienter ma propre pratique de conception.

L'ère de l'information

Nous vivons à une époque où notre accès à l'information est sans précédent. C'est instantané, c'est global, c'est partout, c'est Internet. Les actualités sont diffusées au fur et à mesure qu'elles se déroulent, la communication avec les amis et la famille dans d'autres parties du monde n'a jamais été aussi facile, et Google est devenu notre bibliothèque personnelle de sujets pratiquement illimités. L'information est reine et reine.

Faits clés sur l'information

  • 90% des données mondiales ont été créées au cours des 2 dernières années.
  • La quantité de données dans le monde double tous les deux ans.
  • Si toutes les données de notre monde étaient stockées sur des tablettes iPad 128G, elles créeraient une pile allant de la Terre à la Lune 6,6 fois!
  • Seulement 37% de toutes les données sont considérées comme «utiles». Et sur ces 37%, un pourcentage beaucoup plus faible est en fait analysé.
  • 33% des gestionnaires estiment que la surcharge d'informations affecte leur santé.
  • 66 pour cent des gestionnaires ont signalé une augmentation des conflits avec leurs coéquipiers ainsi qu'une diminution de la satisfaction au travail.

Et enfin, examinons comment les informations peuvent être utilisées et abusées à cette époque de l’information.

«Nous vivons à une époque où notre accès à l'information est sans précédent. C'est instantané, c'est global, c'est partout, c'est Internet. »

Le pouvoir de l'information

«Le pouvoir s'accompagne d'une grande responsabilité.»

Cette célèbre citation est souvent attribuée à l'oncle Ben de Spiderman. Nous pouvons penser à cela en référence à la puissance de l'information, mais quand entre de mauvaises mains, il y a une possibilité d'abuser de ce pouvoir. Voici mon point de vue sur la façon dont le pouvoir de l'information peut se manifester dans notre monde et pourquoi il est à la fois un bien précieux et dangereux.

«L'information, c'est le pouvoir»

Le militant d'Internet, Aaron Swartz, s'est suicidé en 2013 à l'âge de 26 ans. Aaron était le créateur original de Reddit, et parmi de nombreuses réalisations, sa mort prématurée s'est produite alors qu'il combattait des accusations criminelles pour avoir accédé et téléchargé illégalement des informations académiques. Il a écrit un manifeste appelant les militants à «libérer» les informations sécurisées par les entreprises et a fait campagne contre la censure sur Internet.

Nous reconnaissons que l'information seule est inutile si personne ne peut la trouver. Et puis une fois qu'il est rendu disponible, il doit être mis à exécution. À grande échelle, les informations peuvent être partagées pour protéger la santé et la sécurité publiques, pour aider les gouvernements à créer de meilleures politiques et à donner aux individus les moyens de vivre une vie meilleure. Il peut également être utilisé à des fins de propagande à des fins politiques, pour créer de la peur à des fins de contrôle et pour inculquer des croyances dans le seul but de réaliser un profit financier.

L'information peut changer les événements mondiaux en un instant

À quelle vitesse les gouvernements ont-ils pivoté et changé leur approche de la pandémie de COVID-19 sur la base de nouvelles informations? Sans parler de la divulgation d'informations contradictoires provenant de sources alternatives qui a également créé une grande confusion.

Un exemple de ce pivot a été observé en Australie, lorsque notre Premier ministre a annoncé que la chirurgie non élective serait suspendue à partir du 26 mars, mais quelques heures plus tard, elle a été reportée au 1er avril après que le ministre de la Santé ait rencontré le secteur hospitalier privé cet après-midi-là. Cela était dû aux informations actualisées reçues qui verraient le retrait du personnel médical, même alors que les hôpitaux se préparaient à une augmentation du nombre de cas de COVID-19.

Dangers de désinformation

À l'heure actuelle, des exemples: des allégations de «fausses nouvelles», des tweets présidentiels et des allégations de désinformation venant de Chine autour de la pandémie de COVID19. Donald Trump, qui est attribué à la référence aux «fausses nouvelles», attribue désormais plus généralement des reportages incorrects aux journalistes et aux médias tels que CNN.

Les «théories du complot» infondées sont un autre exemple de façons de relier des points d'information apparemment liés qui n'ont aucune preuve solide de relation. Par exemple:

Sécurité de l'information

En 2018, il a été révélé que Facebook était exposé à une faille de sécurité massive après que des pirates aient exploité une vulnérabilité pour accéder aux données personnelles de l'utilisateur. L'impact de l'accès à ce type de renseignements personnels pourrait avoir des ramifications pour les personnes touchées pour les années à venir.

En juillet 2017, peu de temps après mon départ d'Equifax (pas de connexion du tout!), Une violation de données touchant plus de 147 millions de personnes s'est produite aux États-Unis. Les données exposées comprenaient les numéros de sécurité sociale, les dates de naissance et certains détails de carte de crédit. Après avoir dépensé 1,4 milliard de dollars pour des mises à niveau de sécurité, il résout toujours les recours collectifs en cours des consommateurs qui ont été touchés.

L'importance de la protection de la vie privée et des données personnelles est devenue de plus en plus importante dans le monde. 132 des 194 pays ont actuellement une législation en place pour protéger le partage des informations personnelles sans consentement, ainsi que les données et la vie privée des individus. En 2017-2018, le nombre de pays ayant adopté des lois sur la confidentialité des données a augmenté de 10%.

Sur la base des exemples ci-dessus, il est clair que les informations en elles-mêmes ne font pas de discrimination pour le bien ou pour le mal. C’est pourquoi il est si important de valider les sources de données et d’analyser les informations avant de les intégrer.

Conclusion

Nous avons examiné la façon dont nous utilisons les informations, la puissance qu'elles génèrent, le volume considérable de données que nous avons créées, les impacts de la surcharge d'informations et la façon dont l'architecture de l'information peut être utilisée pour organiser et structurer ces informations pour ceux qui les recherchent. Il est indéniable qu'à l'ère de l'information, il est si important de se concentrer sur l'architecture de l'information comme base solide pour fournir les bonnes informations à vos clients afin de leur faciliter la vie.

Lectures complémentaires sur SmashingMag:

Smashing Editorial(ah, ra, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *