Articles avec le tag Ergonomie

Les mauvaises fréquentations

Allez, un exemple à ne pas suivre pour cette rentrée :
C’est une belle marque française, qui dit ne pas avoir besoin d’accompagnement.
Voici le formulaire de demande d’abonnement à la newsletter :

C’est bien, hein ?
Tout est parfait, la présentation, la demande de désinscription quand on demande de s’inscrire…
Bon, allez, quand on est bon, on ne s’arrête [...]

Le panier en haut à droite ?

Sur la plupart des sites marchands, le panier est en haut et à droite.
Exemple avec Timefy :

Autre exemple avec Amazon :


Et pour quelle raison faudrait il toujours mettre le panier à cet endroit ?
D’ailleurs, certains sites ne respectent pas cette règle, comme Crate Barrel :

Bon, vous remarquerez que le panier est en bas de la [...]

Pas de fiche produit ?

Toujours en exploration sur Sears, je me suis baladé sur KMart, un site de la galaxie Sears.
La page qui affiche un ensemble de produits d’une catégorie présente chaque produit dans une colonne verticale assez haute :

Les photos sont bien alignées en haut, mais ensuite, c’est en « accordéon » : les boutons et les zones ne sont [...]

Des fiches « catégories » riches et tellement réussies !

Bon, d’abord, un peu de vocabulaire :
On appelle les fiches catégories les pages qui affichent plusieurs produits, quand on navigue dans les catégories de produits donc.
Ces pages sont très importantes bien sûr.
L’internaute doit avoir une bonne vision sur les produits, de chaque produit, mais également de ce qui différencie les produits les uns des autres.
Et, [...]

Nouvelle barre « magique » chez Sears ?

Sears est l’un des top e-marchands aux US (ils viennent d’ailleurs d’ouvrir la vente à l’international).
Le site affiche, tout à droite, une drôle de barre de contrôle :

Vous voyez, la barre, à gauche du menu ?
Bon, petite digression : le site est en largeur variable, avec un minimum à 1036 pixels. C’est à mon avis [...]

Le formulaire qui m’a tué

J’ai essayé de m’inscrire à l’évènement….
J’ai validé une première fois… J’ai clairement eu l’impression qu’il ne se passait rien.
Nouvelle tentative : toujours rien.
Ah si, tout en haut, regardez bien : un message d’erreurs, pas mis en valeur, qui me dit que je dois saisir mon prénom.
J’essaye sans le « ç »…
Le message reste là.
J’ai abandonné…

La qualité d’une interface est dans le détail – Exemple avec Sears.

Sears, vous ne connaissez peut être pas… Mais c’est le huitième plus gros site e-commerce, avec probablement 3 milliard $ de revenus annuel, 20 millions de visiteurs uniques par mois, … Bref, c’est du « lourd ».
L’interface du site est intéressante, avec en particulier le menu des catégories, un peu inspiré d’Amazon : le menu est à [...]

Un configurateur avancé pour Home Depot

Tout chaud, le nouveau configurateur avancé, développé par Scene 7 pour Home Depot.
De quoi s’agit-il ?
Il s’agit d’un outil, permettant de concevoir complètement la décoration d’une pièce.
L’internaute peut choisir la matière et la couleur du sol, des murs, les décorations pour les meubles, …
Bien, allons-y.
Premier écran, il faut choisir la pièce que l’on va décorer [...]

Personnalisation de produits – l’exemple de usineadesign

L’un des avantages de la vente en ligne, c’est la possibilité de proposer des outils, interactifs, pour aider l’internaute à faire son choix.
Exemple avec usineadesign, qui propose des configurateurs plutôt bien fait, pour complètement personnaliser le produit.
Dès la page catégorie, le fait qu’on peut personnaliser le produit est mis en avant :

La personnalisation est mise [...]

Petit tour d’horizon pour la déclinaison des produits

Certains produits se déclinent, via plusieurs critères.
L’exemple classique  : les habits, avec la déclinaison par taille et par couleur.
Déjà, avant tout, on peut choisir de faire autant de produit que déclinaison.
Avantage : on aura du référencement naturel sur chaque déclinaison (polo rose par exemple).
Gros inconvénient : les pages catégories seront surchargé par des listes de [...]