L'exemple du site fourre-tout pour lequel la navigation reste à un niveau basique d'aiguillage
Système de double menu intéressant et sobre.
Le menu haut est sobre, esthétique et simple à mettre en œuvre même sur tablette. Il ventile les grands univers du site.
Le menu latéral gauche, visible en page intérieures, est lui aussi très accessible, il utilise simplement l'indentation des lignes pour gérer le système d'entrées mère/fille.
Le catalogue produit est, quand à lui, extrêmement épuré et met vraiment l'accent sur le produit. Un modèle du genre
Approche résolument graphique pour cette page de sélection des produits de maquillage. L'image passe devant le produit, sachant que la mise en œuvre du diaporama (non-fllash) suppose un peu de temps (pour télécharger les visuels pain pot utilisés)
Source d'infos intéressante pour piger des marques luxe / cosmétique.
Sobriété et rigueur au programme, le menu survolé est assez riche avec un code couleur et du visuel produit pour guider l'utilisateur. Derrière, un affichage de produits en grille très sobre permet là aussi de mettre l'accent d'abord sur le produit
Dans al famille menu mal boutiqué, on en a un bel exemple. Le niveau de lisibilité est mauvais, à cause du bleu sur fond gris, el survol est pauvre et pas aisément accessible notamment sur tablette, et enfin la segmentation des contenus ne permet pas de focaliser son attention sur une partie de page en particulier. Il y a, notamment en homepage, beaucoup trop de "modules" éparpillés dans la page. Enfin, on n'accède pas facilement aux produits, l'éditorial est sur-abondant (certainement une volonté d'en offrir plus à l'internaute, de le rassurer et d'asseoir la respectabilité de la marque), mais elle disperse l'attention.
Menu survolé riche et intéressant graphiquement, assez exploitable et ergonomique, qui laisse une fois cliqué part à un menu latéral de facture très classique, voire austère, mais offrant une belle utilisabilité. À noter l'ajout intéressant du nombre de produits de chaque catégorie après son intitulé, renseignant tout de suite l'utilisateur sur la profondeur de gamme.
En revanche, la recherche par type de peau, pour filtrer les produits disponibles de chaque gamme, manque franchement d'attrait, et se révèle très difficile à exploiter sur tablette
Menu survolé riche (mais sobre) de rigueur, affichage produits en grilles et mise en avant du produit avant tout pour cette page un peu déséquilibrée dans va ventilation partie navigation / partie catalogue produit.
L'usage d'images dans le menu produits permet la mise en avant de promotions ou sortie de nouveauté de manière astucieuse.
L'exemple type de ce qu'il ne faut pas faire à la fois techniquement (site inexploitable sur Safari Mac, et je ne parle même pas de tablette) et ergonomiquement (tout est compliqué à atteindre, les typos manuscrites ne sont pas lisibles (en + d'être kitsch), la forme prend le pas sur le fond et enfin l'usage d'un archaïque curseur flash personnalisé nuit à l'image de la marque en général, et à la navigabilité en particulier.
Menu principal très bien segmenté et maîtrisé sur le plan graphique, pas forcément toujours évident à naviguer cependant, mais une bonne utilisation de ce qu'il est possible de faire avec un menu riche (dommage qu'actuellement les offres spéciales détruisent un peu ce menu).
La catalogue produit quant à lui est organisé "à la Sarenza" :
- système de menu latéral gauche proposant à la fois les sous-gammes mais également des filtres (prix, texture, type de peau, etc.)
- système d'affichage produits en grille très sobre et permettant de valoriser le produit avant tout
C'est simple sobre, un peu petit pour être facilement utilisé sur tablette ; mais ça fonctionne très bien par ailleurs