web-dev-qa-db-fra.com

Orientation et orientation sur la structure d'un site non linéaire?

J'ai un dilemme intéressant.

Nous construisons une application Web qui est structurée de manière à ce qu'il existe de nombreuses façons d'accéder aux pages "de destination". Certaines pages peuvent également faire partie de plusieurs sections.

Comment structurons-nous notre navigation de manière à maintenir une orientation utilisateur?

Certaines de nos réflexions précédentes:

  1. En ouvrant la navigation à la section (par opposition à l'exploration vers la page car il pourrait s'agir d'une page tertiaire), nous avons également la navigation disparaître sur mobile, nous ne pouvons donc pas compter sur cela.

  2. Avoir un fil d'Ariane basé sur l'histoire, mais les développeurs ont opposé leur veto en fonction de la faisabilité.

Quelqu'un a-t-il déjà rencontré cela? Comment avez-vous résolu votre navigation?

6
Pdxd

Le terme correct de l'architecture de l'information est une hiérarchie multidimensionnelle.
Les sites Web courants qui ont ce type de structure sont des boutiques en ligne (ou Wikipedia).

Recherche
Les boutiques en ligne dépendent toutes fortement de la fonctionnalité de recherche. Je ne sais pas si une fonctionnalité de recherche est possible ou utile dans votre application Web, mais elle pourrait fournir aux utilisateurs un moyen rapide de naviguer vers leurs "pages de destination".

Sous-menus
Moins est plus. Si possible, essayez de minimiser la quantité de liens que les utilisateurs verront en même temps. Si un utilisateur recherche un type spécifique de jeans Levi, il est conseillé de commencer à un niveau élevé dans la hiérarchie, en commençant par choisir entre un pantalon et une chemise. Après cela, peut-être choisir entre un pantalon chino, un jean et un pantalon avec un sous-menu (même pas visible il y a un pas). Et après cela, peut-être même l'affiner en offrant un autre sous-menu sous la forme d'un menu de filtre avec des noms de marque et des tailles adaptées. Peut-être que cela pourrait, d'une manière ou d'une autre, être adapté à votre situation?

chapelure
Vos développeurs l'ont opposé leur veto, mais cela vaudra la peine d'investir pour essayer de le mettre en œuvre. Le fil d'Ariane est un excellent moyen de faire savoir à l'utilisateur où il se trouve sur le site Web (ou l'application Web).

Titres et repères visuels
Donnez un titre à la page de chaque page. Chacun d'entre eux. C'est très important.
Les repères visuels sont également utiles. Et la copie en boutons; pas seulement un bouton disant "retour" mais "retour à ...".
Et veuillez ne pas utiliser de jargon sauf si vous êtes absolument sûr que votre utilisateur le comprend. Utilisez une copie qui indique clairement ce qui va se passer ensuite.

Mais comment arrivez-vous à la bonne structure? C'est l'art de l'architecture de l'information.
Le tri des cartes est un moyen facile de le faire. Tout ce dont vous avez besoin est un stylo, du papier et du temps. Écrivez chaque page ou catégorie de page. Regroupez-les du mieux que vous le pouvez (cela est plus difficile dans une hiérarchie multidimensionnelle, mais il existe toujours des facteurs communs) et modifiez les noms ou ajoutez des titres de groupe.
En faisant cela, gardez votre utilisateur à l'esprit. Vous et vos développeurs pourriez penser qu'une certaine structure est logique et vous supposerez que l'utilisateur sera d'accord avec vous. Mais comme un méchant dans l'un des films de Steven Segalls a dit une fois:

L'hypothèse est la mère de tous les baisers

Vous serez étonné par le nombre de fois que votre hypothèse (ou votre hypothèse si vous voulez) est incorrecte si vous prenez juste l'effort de parler à de vrais utilisateurs. (parlant d'expérience)

Il n'y a donc pas vraiment de modèle que vous pouvez remplir afin d'avoir la meilleure structure pour votre navigation. Il y a quelques lignes directrices, mais ce ne sont que des essais et des erreurs. Commencez quelque part et partez de là.

Construire -> Analyser -> Itérer -> Répéter

1