Cours #3 : Inventaire de contenu, tri de carte, et arborescence
29 Sep 2011 by celine
Voici le résumé du cours #3 en Design d’intéraction donné le 27 septembre au Collège Salette à Montréal.
Première partie: Collaboration & inventaire de contenu
Pendant ce cours nous avons dans un premier temps, collaboré sur Google Docs en faisant tous ensemble l’inventaire de contenu de la Maison Corbeil. Cet exercice nous a permit de prendre conscience des différentes sections du site, de leur contenu, ainsi que des répétitions ou manques dans l’arborescence.
Deuxième partie: Tri de carte
En deuxième temps, nous avons effectué un atelier en classe de tri de carte.
Sur le tableau nous avons débuté une ré-organisation des grands contenus du site. Cela nous a permit de commencer à conceptualiser l’arborescence.
Troisième partie: Arborescence (navigation principale)
En utilisant Omnigraffle (pour la premier fois pour la classe) nous avons commencé à construire l’arborescence principale. Celle-ci s’adresse à 80% des utilisateurs, elle doit donc être bien organisée permettant d’accéder facilement aux différentes sections du site. Tel que démontré lors du cours #2 la semaine passée, l’arborescence principale sert de porte d’entrée sur les différentes sections et offre la possibilité d’approfondir la découverte avec l’organisation des sous-menus (ou navigation secondaire).
Quatrième partie: Pied de page
Nous avons rapidement survolé les normes et standards à respecter lors de la création du pied de page.
Un pied de page, ou footer en anglais (utilisé plus fréquemment dans l’industrie), est une navigation se trouvant très souvent au pied de la page Web. Cette navigation s’adresse à 20% des utilisateurs et leur sert de portes d’entrées vers d’autres partie du site lorsqu’ils sont entrain de naviguer aisément le contenu.
Les utilisateurs naviguent. C’est un fait. En anglais on aurait dit: Users scroll.
Donc une fois qu’ils sont rendu en bas de page, et qu’ils ne trouvent aucun autre moyen de continuer à parcourir l’information de votre site, ils quittent. C’est un fait. Les cul-de-sac sont à éviter sur le Web. Ils sont chiants.
Les pieds de page doivent être conceptualisé de façon à ce que la navigation continue de se faire de façon transparente. Cela ne veut pas dire qu’il faut systématiquement répéter les éléments de navigation principaux, ou qu’il faut mettre un glossaire complet du site, ou encore de s’assurer d’avoir un lien vers le dit “sitemap” comme dans l’ancien temps. Non. Il suffit de conceptualiser selon les objectifs suivants:
1. Objectif de l’utilisateur (Quels sont les outils essentiels à l’utilisateur? Quels pourraient être le comportement de l’utilisateur en bas de page, selon le contenu du site?)
2. Objectif de la marque (Quels sont les moyens de communication de la marque ou du produit? Comment continuer la conversation avec leurs utilisateurs?)
3. Objectif d’affaire (Quels sont les objectifs d’affaire de ce produit ou de cette marque? Quelle est leur stratégie d’optimisation de la participation de leurs audiences?)
Selon les objectifs, le pied de page se construit. Il faut donc poser ou se poser beaucoup de questions. Nous allons corriger ensemble au prochain cours les arborescences principales, secondaire et du pied de page. Selon le brief du client, nous allons peut-être devoir développer un “network hat” si le client désire avoir une boutique en ligne.
Le “network hat” est la navigation personnalisée de l’utilisateur. En général elle se trouve en haut de la navigation principale et englobe les actions portées au compte personnel de l’utilisateur, soit son compte, ses favoris, ou son panier d’achat. Nous allons voir plus en profondeur au prochain cours.
Bonne semaine!