Structure de la page (navigation, footer etc.)

Maintenant que vous avez établi vos buts, fait des recherches sur vos utilisateurs, et préparé votre architecture de l’information, c’est l’heure de mettre vos plans en action ! Donc aujourd’hui, nous allons voir la :

Vous venez juste d’arriver ? Vous voudrez peut être commencer par qu’est ce que l’UX design.
Bien que cela soit tentant de réaliser vos wireframe page par page, ne faites pas ça !
En règle générale vous devriez faire vos wireframe comme vous faites vos tatouages : commencer par la partie générale puis faites les détails.

Dans notre cas, la partie générale est celle qui va apparaitre sur toutes les pages : l’entête avec la navigation et le pied de page (footer).

Footers :

Un pied de page est typiquement une liste de liens statiques qui sont généraux et trop insignifiants pour avoir une place dans le menu principal. Certains sites ont parfois de très beaux pieds de pages, mais si les utilisateurs ont besoin de certains liens contenu dans le pied de page, ce n’est pas l’endroit pour les mettre !

Demandez vous : « est-ce qu’il y a des pages ou il y a un scoll infini (comme sur Pinterest ou facebook par exemple). Si la réponse est oui, assurez vous que tout ce qui est contenu dans le pied de page peut être visible ailleurs.

Navigation :

Dans les menus pensez toujours à deux choses, le menu principal et les sous-menus.

Menu principal : si vous avez créer votre architecture correctement, vous savez déjà ce que a besoin d’être dans le menu principal. C’est le premier niveau de liens de votre Site Map.

L’ordre des items de menu – de gauche à droite ou de haut en bas – devrait être du plus populaire au moins populaire (suivant les intérêts des utilisateurs pas des vôtres).

Si vous créez un tout nouveau menu pour un tout nouveau site ou une toute nouvelle application, essayez de deviner, mais dites aux développeurs que l’ordre des menu doit être facilement modifiable. Et quand vous aurez du trafic sur votre site, réordonner vos items par popularité.

Sous-menu : les sous-menus sont la liste des pages du dessous (de votre Site Map).

La principale chose à savoir sur les sous-menu, c’est qu’ils doivent se trouver à la même place sur chaque page, même si les liens de menus changent à chaque fois. Comme ca l’utilisateur sera où les trouver.

D’énormes sous menu n’est jamais une bonne idée :

Je suis toujours surpris quand quelqu’un essaye de donner des arguments soutenant l’idée qu’un méga menu est la meilleure solution. En faite ça veut juste dire que l’architecture du site pue.

Tout mettre dans un sous-menu c’est la solution de facilité.

Faire mieux !

Faites vos menu et votre pied de page avant de réaliser le contenu de vos pages. Vous me remercierez plus tard.

Sources

  1. Structure de la page et navigation ergonomique

A propos de la traductrice

Diane Wattiez

Diane Wattiez est une freelance passionnée et spécialisée en intégration et Web-Design.