Qu'est-ce que l'architecture de l'information dans UX?


Sam Girma ne se soucie pas de l'expression «architecture de l'information». Pour elle, il s’agit d’une description inutilement déroutante de ce qu’elle véhicule généralement: un plan de site ou un flux d’utilisateurs.

«Si vous pensez à un musée, il y a le trottoir, puis l'entrée, puis le hall, puis le premier étage, et la route vers le deuxième étage, ou quelle que soit cette expérience. Donc, dans ce sens, bien sûr – l'architecture », a déclaré Girma, un concepteur de la société de recherche et de design UX Blink. "Mais quand vous regardez le document, c'est ce truc bizarre et mappé, pas l'architecture."

Pour être juste, l'objection de Girma à ce terme peut être enracinée dans son expérience personnelle. Elle a suivi une formation d'architecte à l'Université de Californie à Los Angeles. Pourtant, le flou de l'architecture de l'information – un modèle mental pour décrire l'organisation et la séquence des tâches que les utilisateurs exécutent dans un site Web ou une application – semble être plus qu'une simple préoccupation sémantique.

Naema Baskanderi, chef de produit senior sur la place de marché automobile en ligne Adesa, relie l'architecture de l'information à une bibliothèque.

«Comme un bibliothécaire, [le designer] sait où tout appartient», dit-elle.

Pour Clarence Huang, ingénieur logiciel chez Intuit, l'architecture de l'information est une «route à travers la nature. Vous définissez la route empruntée par l'utilisateur et vous les contraignez de certaines manières lorsque vous créez ces chemins. "

«[L'architecture de l'information est une] route à travers le désert. Vous définissez la route empruntée par l'utilisateur et vous les contraignez de certaines manières lorsque vous créez ces chemins. »

À Lauralee Sheehan, fondateur de l'agence de design torontoise Digital 55, l'architecture de l'information a la qualité d'une partition musicale, «une séquence de codes temporels».

Les métaphores utilisées par les concepteurs et les ingénieurs pour décrire l'architecture de l'information ne sont pas que des descriptions fantaisistes. Ils reflètent la diversité des formes qu'un site Web ou une application peuvent prendre et des différences importantes dans la façon dont les concepteurs envisagent l'organisation du flux d'informations dans et entre les pages.

Les opinions varient quant aux meilleurs modèles pour décrire l'architecture de l'information, mais il existe un large consensus au sein de la communauté des concepteurs sur le fait qu'une approche réfléchie peut faire une différence significative sur les performances et la convivialité d'un produit numérique.

"Vous ne pensez pas seulement à l'expérience point A à point B, vous pensez aux comportements, vous pensez aux objectifs et aux différentes modalités qui entrent dans chaque site numérique. Sans cela, vous seriez perdu », a déclaré Sheehan. "Les cadres ne sont pas sexy, mais ils sont très importants."

6 avantages d'une architecture d'information bien conçue

  1. Il détermine la hiérarchisation des versions. Le découpage des zones d'un plan de site aide les équipes produit à hiérarchiser et à budgétiser les aspects clés d'une construction.
  2. Cela améliore l'engagement et la satisfaction des utilisateurs. Les recherches menées par Nielsen Norman Group montrent que les visiteurs du site Web partent souvent après 10 à 20 secondes. Une proposition de valeur claire peut garder les utilisateurs sur la page – et votre site – plus longtemps.
  3. Cela augmente la conversion. Un plan de site peut servir d'outil de diagnostic pour identifier les zones d'un produit qui fonctionnent bien ou mal.
  4. Cela réduit le besoin de documentation de support. Lorsque les clients peuvent trouver rapidement ce qu'ils recherchent, cela réduit les tickets d'assistance client et le besoin d'une documentation d'aide complète.
  5. Il sert de feuille de route pour le développement de l'interface utilisateur et l'ingénierie logicielle. Les flux d'utilisateurs peuvent être rapidement adaptés aux aspects ultérieurs d'une construction.
  6. Il pérennise les constructions numériques Un plan de site valide la progression des informations dans un nouveau site ou une refonte.

Un plan de site décrit les principaux composants et interactions dans un flux d'utilisateurs.
Image: Shuttersock

Conception d'un plan de site

En règle générale, le développement de plan de site est un processus itératif dirigé par un concepteur UX de haut niveau ou un propriétaire de produit. La carte elle-même peut être créée dans des programmes tels que Figma, Invision Freehand, Adobe XD, Lucid Charts – même Microsoft Excel. Les gouvernements du Royaume-Uni et des États-Unis offrent modèleset des organismes de recherche UX comme l'offre Nielsen Norman Group orientation, mais généralement, la création de sites se produit de manière organique.

Pour les sites existants en cours de réaménagement, un audit initial permet de définir les priorités de contenu et de mise en page, a déclaré Baskanderi.

De nombreux sites Web ont les mêmes éléments de base, a-t-elle ajouté – une page de destination, une barre de recherche, un menu, un flux de création de compte – mais la disposition de ces éléments et où et quand les utilisateurs les rencontrent peuvent avoir un effet majeur sur l'expérience d'un utilisateur, et, en fin de compte, s'ils restent.

"Si vous songez au commerce électronique, j'espère que si vous leur permettez de trouver plus facilement ce qu'ils recherchent, ils achèteront ce qu'ils recherchent."

Les couleurs ou les positions sur un plan de site indiquent la hiérarchie des idées et les lignes de connexion tracent l'expérience des utilisateurs d'une page à l'autre. Les lignes pointillées indiquent les possibilités de navigation – par exemple, l'expérience d'intégration qu'un nouvel utilisateur passerait, mais pas un utilisateur existant.

L'expérience d'achat sur le site de commerce électronique de Sears, par exemple, est le produit d'un plan de site soigneusement rendu, Baskanderi m'a dit. Un utilisateur qui envisage d'acheter un réfrigérateur verra les catégories de premier niveau classées par type de produit: porte française, congélateur inférieur, etc.

«Ainsi, il est plus facile pour l'utilisateur de trouver plus rapidement ce qu'il cherche, ce qui augmente la satisfaction du client», a-t-elle déclaré. "Et si vous songez au commerce électronique, j'espère que si vous leur permettez de trouver plus facilement ce qu'ils recherchent, ils achèteront ce qu'ils recherchent."

En savoir plus sur UX Design 12 excellents exemples de conception Web réactive

Une organisation claire de la navigation peut améliorer la conversion sur les sites de commerce électronique.
Image: Shutterstock

Personnages, tri des cartes et parfum d'information

Avant de créer un plan de site, les concepteurs doivent tenir compte des objectifs du produit et de l'environnement et des motivations de ses utilisateurs. Un banlieusard lisant un écran mobile dans une rame de métro, par exemple, a une expérience bien différente de celle d'un lecteur Kindle allongé dans son lit la nuit. Ces considérations éclairent les voies de navigation.

«C'est une pratique assez courante», m'a dit Girma. «Vous déterminez les différents flux de vos personnages, quels sont leurs objectifs et les tâches qu'ils doivent accomplir pour atteindre leurs objectifs.»

Entretiens clients et exercices de tri de cartes en ligne – dans lequel les utilisateurs de test regroupent les produits en fonction de leurs relations – aide à valider les hypothèses sur les habitudes et les inclinations des utilisateurs. Les chaussures et les sacs sont-ils correctement regroupés en accessoires? Les catégories «hommes» et «femmes» devraient-elles avoir priorité sur le type de vêtement? Des exercices de tri de cartes aident à répondre à ces questions.

Une idée connue sous le nom de parfum d'information conçoit les utilisateurs comme des prédateurs à la recherche de nourriture: si vous leur donnez les bons indices au bon moment, ils renifleront ce qu'ils recherchent, même si cela nécessite un défilement considérable. Si le chemin ne mène pas à la «nourriture», cependant, ils abandonneront. Une bonne conception peut stimuler l'engagement en traçant la séquence des composants et des interactions de manière à récompenser les utilisateurs au bon moment.

«Vous ne vous contentez pas de créer un site Web à partir de rien; vous commencez à créer des diagrammes et à dessiner des espaces réservés. »

Ces modalités deviennent assez sophistiquées. L'équipe de conception d'Intuit, par exemple, utilise des systèmes de conception ou des bibliothèques de ressources pour définir des normes cohérentes pour les effets de mouvement et sonores, les interactions courantes et les modèles de navigation, et même des directives de style pour le ton et la voix des étiquettes et des messages.

Girma compare la progression par étapes des idées impliquées dans l'architecture de l'information – qui peut inclure des Flowmaps, flux de tâches, flux d'utilisateurs et plans de site – au processus itératif de rédaction d'un essai.

"Vous ne faites pas que créer un site Web à partir de rien; vous commencez à créer des diagrammes et à dessiner des espaces réservés et des éléments généraux: «Voilà ce que cela pourrait être; c'est ce que je pense qui se passe. "Et puis vous pouvez commencer à noter les rouleaux ou l'interface utilisateur réelle, le comportement des choses", a-t-elle déclaré.

Les organigrammes aident à cartographier le parcours d'un utilisateur à travers le produit.
Image: Naema Baskanderi

Chargement frontal du processus de conception

Faire la recherche frontale pour créer un plan de site peut sembler être un travail supplémentaire, en particulier dans un environnement axé sur les délais, mais il est important de ne pas le précipiter.

"En tant que concepteur, vous vous dites:" Oh mon Dieu, je veux choisir des couleurs et des polices. "Vous voulez entrer dans la fabrication de la chose", a déclaré Girma. «Mais c'est l'un des moyens les plus simples de prendre des décisions éclairées qui éclairent vos efforts de conception, en fin de compte. Vous devriez faire cela pour répondre au «pour qui» et au «pourquoi» avant de vous lancer dans la création de la chose. "

Dans un scénario typique, alors que des sections d'un modèle de conception prennent forme et évoluent, plusieurs parties prenantes – y compris des ingénieurs, des rédacteurs de contenu, des équipes de support client et des cadres – sont invitées à participer au processus. Cela a tendance à se produire dans les phases déterminées par le responsable de la conception.

En plus de mettre tout le monde sur la même longueur d'onde, une approche collaborative de l'architecture des informations peut aider à déterminer la hiérarchisation des versions, les problèmes de diagnostic qui interfèrent avec les performances du site et la satisfaction des utilisateurs et à réduire le besoin de documentation de support.

En savoir plus sur UX Design 11 principes de conception Web que tout le monde devrait connaître

Architecture de l'information en pratique

Alors que les meilleures pratiques formalisées en architecture de l'information émergent encore, les concepteurs et les ingénieurs amassent des preuves anecdotiques de stratégies d'architecture de l'information efficaces. Voici deux exemples illustrant la valeur des approches non conventionnelles de la navigation.

La navigation basée sur la profondeur mène au bon type de défilement

Digital 55 a récemment mis au point un ensemble d'expériences d'apprentissage sur le Web pour l'Université Athabaskan au Canada, y compris un cours pour les leaders naviguant dans la pandémie et un cours sur l'alliance et l'inclusion.

Les recherches de Persona intégrées au processus de conception ont aidé l'équipe à discerner que son public est assez averti en technologie.

«Ils ont été autour; ils sont sur les réseaux sociaux », a déclaré Sheehan. «Ils savent comment naviguer sur Google. Ils ne vont pas se perdre. »

Sur la base de cette constatation, l'équipe de conception s'est éloignée d'une structure de navigation traditionnelle basée sur des menus au profit de ce que Sheehan appelle la «navigation basée sur la profondeur». Alors qu'une règle de base traditionnelle dans la conception UX est de conduire les utilisateurs vers leurs destinations en trois clics au maximum, le mantra perd de sa pertinence à mesure que les utilisateurs s'habituent à cliquer sur des menus multicouches sur des sites comme Spotify et Netflix.

Le défilement basé sur la profondeur permet à de nouvelles informations d'entrer horizontalement dans le champ de vision de l'utilisateur.

«Comme la façon dont votre liste de lecture apparaît sur Spotify», a expliqué Sheehan. «Vous n’avez pas vraiment changé là où vous êtes, mais l’environnement a changé. C'est une chose vraiment intéressante avec laquelle nous jouons vraiment. »

«Vous ne voulez pas mettre un projet en péril. Mais vous voulez garder une longueur d'avance sur la façon dont les gens interagissent en ligne. »

Pour aider à visualiser différents éléments sur un plan de site, Digital 55 divise les modalités en quatre seaux principaux: contenu statique, actions interactives des utilisateurs, films et micro-animations et chemins de branchement. Les flux sont conçus pour structurer ces éléments selon une progression logique. Un module de page de destination typique peut avoir une image de héros en haut, suivie d'une histoire, d'une démonstration vidéo interactive et de plusieurs études de cas.

Limiter le temps de défilement est une préoccupation, admit Sheehan, mais, dans certains cas, une narration intéressante peut être un objectif plus important que la vitesse de navigation. Sheehan appelle ces blocs interactifs la «viande» de l'expérience de navigation.

Certains aspects de la conception d'un plan de site sont plus ou moins acquis – par exemple, une copie frontale, un menu de navigation et des coordonnées. Mais ce sont les zones grises où les concepteurs peuvent prendre des libertés en fonction des personnalités des utilisateurs – comme inviter des utilisateurs avertis à faire défiler horizontalement ou découvrir des menus cachés – qui aident à différencier les sites très performants des sites également.

«Parfois, avec l'architecture de l'information, cela peut être un peu étouffant. Cela semble vraiment fonctionnel et presque clinique », a déclaré Sheehan. «Vous ne voulez pas mettre un projet en péril. Mais vous voulez garder une longueur d'avance sur la façon dont les gens interagissent en ligne. »

Les images peuvent servir de forme intuitive de navigation de recherche.
Image: Naema Baskanderi

La recherche et la navigation sur site fournissent des chemins alternatifs vers la même destination

Baskanderi a été occupé ces derniers mois. En plus de son travail permanent chez Adessa, où elle était impliquée dans l'audit du plan du site, elle a lancé son propre site de commerce électronique Noor & Deen, où elle vend des bijoux gravés à la main. Créé à l'aide de Shopify, le site est une bonne illustration de la façon dont les références croisées dans la navigation visuelle peuvent être un outil utile, m'a-t-elle dit.

Sous l’image du héros et l’appel de la Saint-Valentin, la collection de bijoux est représentée par six mosaïques d’images disposées en grille. Un client à la recherche de colliers les trouvera non seulement dans la tuile «Colliers», mais aussi dans la tuile «Inspiré par la foi».

«Je l'ai mis à deux endroits, car je veux que le client puisse le trouver», Baskanderi me l'a dit. «L'endroit où ils regardent dépend de leur modèle mental et de ce qu'ils recherchent.»

Carrie Webster, une consultante UX basée à Sydney qui écrit pour Magazine écrasant, prévient que trop d'options peuvent conduire à "report de choix,»Lorsqu'un utilisateur choisit de ne pas prendre de décision du tout.

«J'ai mis [un lien de bijoux] à deux endroits, car je veux que le client puisse le trouver. L'endroit où ils regardent dépend de leur modèle mental et de ce qu'ils recherchent. »

Mais, sur Nle site oor & Deen, les choix sont limités, et si certaines personnes recherchent un collier, d’autres peuvent rechercher un bijou qui représente leur système de croyance ou celui de la personne pour qui ils achètent. Fournir les deux options offre aux clients la meilleure expérience, a déclaré Baskanderi.

Le point le plus important peut être que les utilisateurs sont idiosyncratiques dans leurs préférences et que la conception du site doit être sensible à ces différences. Bien que la duplication des informations soit généralement considérée comme la marque d'une mauvaise conception, la double navigation est souvent un atout.

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

Dans l'article, elle note plusieurs exemples de navigation utiles: un formulaire de demande de type «assistant»; une fonction de recherche qui utilise des méta-balises pour renvoyer des résultats synonymes trop lourds à énumérer; une fonction de recherche de style visuel semblable à celle de Pinterest; et la catégorisation «mégamenu» du menu principal de Politico.

En fin de compte, vous voulez garder les utilisateurs concentrés sur la tâche à accomplir et les conduire là où ils veulent aller. Vous avez peut-être 10 à 20 secondes.

En savoir plus sur UX Design Parchemin infini: à quoi ça sert?



Source link

On voit clairement qu’il est possible de se lancer rapidement sans argent et sans connaissance technique particulière. Je vous conseille de vous lancer en dropshipping et de strictement ne pas mettre trop d’argent sur votre site. Il vous faut impérieusement avoir un budget marketing pour faire venir internautes sur votre boutique : c’est le nerf de la guerre. Car comme je l’ai dit, vous avez la possibilité avoir la plus belle boutique. Sans trafic, vous ne ferez à la saint-glinglin de chiffre d’affaires. Une fois que vous allez avoir testé, votre marché vous pourrez alors se payer un stock.