[MUSIQUE]
Parlons maintenant de la navigation.
Qu' est-ce que la navigation, pourquoi la navigation est-elle importante pour votre site Web ?
Et comment fournissez-vous des informations de navigation sur votre site Web ?
Donc, voilà la question à laquelle nous allons essayer de répondre dans cette conférence particulière.
La première question évidente qui vous vient à l'esprit est,
pourquoi avons-nous besoin d'avoir une navigation sur le site Web ?
Comme vous le savez, la plupart des sites Web ne sont plus des pages simples.
Bien sûr, il existe des sites web d'une seule page
comme la page de votre professeur dans votre département d'informatique.
Mais la plupart des sites Web contiennent généralement plus d'une page.
Comme nous l'avons vu avec notre site Web de confusion que nous construisons,
nous avons déjà ajouté une deuxième page appelée page aboutus.html.
Maintenant, la façon dont nous avons navigué vers la page aboutus.html était de
taper explicitement cela dans la barre d'adresse de notre navigateur.
Mais c'est une façon très gênante de naviguer vers votre site Web.
Il serait beaucoup plus logique de fournir aux
utilisateurs un moyen intuitif de naviguer vers votre site Web.
Ce moyen intuitif pourrait être fourni par de nombreuses approches différentes, la
barre de navigation étant l'une des méthodes les plus courantes pour indiquer cette information.
Par conséquent, nous allons examiner plusieurs façons courantes de fournir des
modèles de navigation sur des sites Web typiques.
Dans ce contexte, on entend souvent parler de l'architecture de l'information.
L' architecture de l'information commence par la structure du système,
par rapport à la façon dont l'information est organisée, étiquetée.
Et la navigation est assurée à travers le contenu ou à travers ces informations.
Maintenant, l'architecture de l'information, à elle seule, est un grand domaine.
Il est au-delà du cadre de ce cours de couvrir les architectes de l'information.
Mais, dans le cas où vous êtes intéressé à organiser et
fournir des informations aux utilisateurs via, par exemple, des
sites Web, alors je vous ai fourni quelques liens dans les ressources supplémentaires
que vous pouvez aller et lire pour plus de connaissances.
Mais dans tous les cas, lorsque vous concevez un site Web,
il est important de comprendre la nécessité de
concevoir les structures de navigation de l'information au sein de votre site Web.
Et cette organisation de l'information dans votre site Web dicte également les
types d'aides à la navigation que vous fournissez sur votre site Web, et en
fonction de la façon dont ces informations sont organisées.
En règle générale, un site Web est organisé d'une sorte d'arbre structuré ou
hiérarchique.
Et cela vous dicte automatiquement
comment vous conceviez le support de navigation au sein de votre site Web.
L' utilisation d'une barre de navigation, de chapelure et
d'autres moyens de navigation sont très, très essentiels pour
permettre aux utilisateurs de voir différentes parties de votre site Web.
Lorsque vous visitez la plupart des sites Web, vous recherchez souvent la barre de navigation.
Il s'agit d'une sorte de barre qui est généralement attachée en haut
du site Web, ou parfois en bas du site, ou parfois sur le côté,
qui vous fournit suffisamment de pointeurs vers le type
d'information auquel vous pouvez accéder sur ce site.
Ainsi, votre barre de navigation contiendra généralement des liens vers diverses pages qui
font partie de votre site Web.
Donc, une barre de navigation typique, comment allez-vous concevoir cela ?
Lorsque vous concevez une barre de navigation typique, vous devez évidemment
garder à l'esprit quelques choses à faire et à ne pas savoir comment vous concevez des barres de navigation.
Tout d'abord, vous utilisez des
termes conviviaux et simples dans votre barre de navigation pour indiquer les différents liens
que les utilisateurs peuvent suivre dans votre site Web pour atteindre des informations.
Vous devez fournir une navigation normalisée, de sorte
que, partout où l'utilisateur se trouve dans la hiérarchie de votre site Web,
il sache toujours comment revenir à la page d'accueil, comment passer à la suivante
, précédente ou de haut en bas de la hiérarchie d'une sorte ou d'une autre.
Donc, indiquer l'emplacement de l'utilisateur
dans la hiérarchie de votre site Web est très, très utile
pour fournir une façon conviviale de naviguer sur vos sites Web.
En outre, il existe certaines conventions standard que les gens suivent
lorsque ces barres de navigation sont conçues.
En règle générale, lorsque vous avez le logo de votre site Web ou de
votre entreprise inclus dans votre barre de navigation, un clic sur ces logos ou
un bouton d'accueil devrait vous ramener au niveau supérieur de la hiérarchie ou de
la page d'accueil de votre site Web, généralement la page index.html.
Certaines des choses à ne pas garder à l'esprit est que vous ne devriez pas avoir trop de
choix dans votre barre de navigation.
Combien est trop ?
Si vous trouvez que la navigation à l'aide de vos barres de navigation est trop lourde,
cela signifie qu'il y a trop d'options dans votre barre de navigation.
Fournissez un ensemble raisonnable de choix dans votre barre de navigation afin que vous puissiez
indiquer les instructions que l'utilisateur peut suivre pour naviguer sur votre site Web.
Et lorsque vous utilisez ces éléments de navigation dans votre barre de navigation,
n'utilisez pas d'étiquettes génériques, utilisez des étiquettes significatives.
Par exemple, si vous placez une étiquette nommée « produit » dans votre
barre de navigation, les gens seront confus quant à ce que vous entendez par produit.
Ou disons, si vous mettez un service dans votre barre de navigation, ils peuvent être confus.
Quel type de service offrez-vous ?
Il sera plus significatif de donner un terme plus descriptif
dans vos en-têtes de votre barre de navigation.
Un autre moyen de fournir la navigation aux
utilisateurs est de fournir ce qu'on appelle la chapelure.
Ils sont généralement fournis quelque part dans cette page,
typique vers le bord supérieur de la page Web,
plus près de l'en-tête de cette page Web.
La chapelure indique une sorte de
hiérarchie de navigation dans laquelle vous êtes actuellement sur votre site Web.
Cela fournit donc une option de navigation secondaire pour votre site Web.
Donc, cela pourrait être placé quelque part en dessous de la navigation principale.
Il peut indiquer la hiérarchie des pages à travers lesquelles vous avez passé.
Et l'emplacement actuel peut être mis en évidence spécifiquement dans
la chapelure là-bas.
Ainsi, diverses façons dont les gens peuvent utiliser la chapelure
comprennent la fourniture d'une navigation basée sur le chemin.
Par exemple, si un utilisateur passe par une série d'étapes pour
effectuer une tâche sur votre site Web, par exemple, réserver un billet d'avion.
Ensuite, vous pouvez utiliser une approche Breadcrumb pour leur indiquer
quelle étape l'utilisateur est actuellement dans la séquence d'étapes.
De même, si vous fournissez votre navigation basée sur la localisation pour
une approche hiérarchique au sein de votre site Web.
Alors, quel niveau de hiérarchie vous êtes et quelle est la partie supérieure vers
la racine de votre hiérarchie, de sorte que cela pourrait être indiqué par vos chapelures.
Votre chapelure peut également être basée sur des attributs, ce qui signifie que vous fournissez un ensemble
de choix indiqués dans votre chapelure pour l'utilisateur au moment actuel.
Un cadre d'interface utilisateur front-end typique fournit de nombreuses
autres façons de fournir la navigation sur vos pages Web.
Ceux-ci comprennent les onglets, les pilules, la pagination, les listes déroulantes, les
accordéons, les étiquettes, et SchrollSpy, et Affix.
Nous examinerons certains d'entre eux un peu plus en détail au fur et à mesure que nous examinerons
les différentes leçons des modules qui suivent cette leçon particulière.
[ MUSIQUE]