Vignettes des pages de produits de commerce électronique: verticales ou horizontales?
Pour une page de détail de produit de commerce électronique, est-il préférable que les vignettes de l'image de l'article soient disposées verticalement sur le côté gauche de l'image principale, ou disposées horizontalement au bas de l'image principale? Les deux types de conceptions sont couramment utilisées.
J'examine deux raisons pour lesquelles le placement vertical fonctionne le mieux pour les miniatures de produits:
La majorité des internautes connaissent déjà cette approche car les principaux portails de commerce électronique tels qu'Amazon, Walmart, Zappos, Flipkart etc ... utilisent tous des miniatures verticales. En le plaçant horizontalement; Je pourrais demander aux utilisateurs d'apprendre une nouvelle façon d'interagir et éventuellement de casser leur modèle en métal.
Le placement vertical aide à visualiser les trois éléments (vignette, image du produit et image zoomée) sur une seule ligne sans beaucoup de mouvement oculaire - qui suit le modèle de lecture naturel des utilisateurs comme le motif en forme de f .
Je n'ai trouvé aucune directive UX sur ce sujet, mais je continuerai à chercher.
cela dépend, dépend du produit, du sens de rotation des images du produit et de la disposition de l'écran de votre produit.
dans le commerce électronique de la mode, j'ai remarqué que la verticale est plus courante. cela pourrait également être dû à des mises en page très similaires dans le commerce électronique de la mode.
un bon exemple de la façon dont Warby parker est pour leurs lunettes https://www.warbyparker.com/eyeglasses/men/durand/crystal-blue-jay (faites défiler vers le bas et survolez le visage) même tho il n'y a pas de vignettes. vous pourriez supposer que s'il y en avait, ils seraient horizontaux pour faire correspondre l'angle de l'image avec le mouvement de la main.