Les utilisateurs reconnaissent-ils les zones "coulissantes" avec des points comme indicateurs pour plusieurs images?
Des repères visuels plus explicites, comme les boutons fléchés de la "variante 2", sont-ils nécessaires pour indiquer qu'il y a plus d'images disponibles et que l'utilisateur peut les atteindre en balayant vers la gauche ou la droite?
Ou les utilisateurs sont-ils déjà habitués à des points comme ceux-ci comme indicateurs?
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
EDIT: J'ai complètement oublié de mentionner que cette question concerne principalement les écrans mobiles . La version de bureau utiliserait autre chose que ces points.
Donc, l'interaction principale est supposée glisser.
Il s'agit de présentation de produits de mode d'un produit, comme le feraient Adidas ou Nike, il ne s'agit donc pas de carrousels de page d'accueil . Les images sont donc toutes liées et je pense que les utilisateurs s'attendent déjà à plusieurs photos du produit.
Les flèches indiquent que le carrousel contient plusieurs images.Par conséquent, si vous les supprimez, vous risquez de ne pas remarquer les points indicateurs de diapositive en dessous. La suppression des points est également risquée, car elle indique clairement à l'utilisateur le nombre de diapositives dans le carrousel, ainsi que leur position actuelle dans l'ensemble.
Personnellement, je ne rendrais pas les flèches uniquement visibles en vol stationnaire pour deux raisons. La première est que cela limite leur découvrabilité, et deuxièmement parce que les tablettes et les appareils mobiles ne prennent pas en charge la fonctionnalité de survol, de sorte qu'ils ne verraient jamais les flèches.
Il existe également d'autres alternatives aux flèches - vous pouvez afficher un aperçu de la diapositive suivante qui peut être un bon outil pour montrer aux utilisateurs qu'il y a quelque chose à venir.
Cet article contient quelques autres bons conseils sur l'utilisation du carrousel et est très récent: https://www.smashingmagazine.com/2016/07/ten-requirements-for-making-home-page-carousels-work- pour les utilisateurs finaux /
Avez-vous besoin de repères d'informations plus explicites que les points? Indépendamment de la familiarité des utilisateurs avec les points, ils manquent de parfum d'information (indices visuels ou textuels pour suggérer les informations qu'ils ou leurs liens peuvent contenir).
Dans Nielsen Norman Group 4 règles iOS à briser ,
Dans les tests d'utilisabilité, ces points sont souvent trop subtils dans l'interface pour indiquer clairement aux utilisateurs qu'une autre vue du contenu est disponible. En tant que tels, ils ne doivent jamais être utilisés pour des fonctionnalités clés, telles que la navigation entre les fonctionnalités, ou comme seule méthode d'accès aux informations.
De nombreux sites Web de mode et de commerce électronique utilisent des miniatures ou des carrés de couleur au lieu des points.
Dans l'exemple ci-dessus, l'application Kohl's vous permet de faire glisser l'image ci-dessus pour voir les variantes. Cependant, l'utilisateur n'est pas perdu s'il n'essaye jamais de glisser. Ils peuvent également sélectionner les carrés de couleur ci-dessous à la place.
Vous pouvez donc ajouter des flèches, mais elles peuvent ne pas être nécessaires à ce stade. La plupart des utilisateurs graviteront probablement vers le choix des images miniatures qui leur semblent les plus intéressantes (ou les sélectionneront toutes). Ils n'auront pas non plus à se soucier de se souvenir de l'image qu'ils souhaitent revoir, car un rapide coup d'œil aux vignettes fournira suffisamment de conseils.
De nos jours, il est devenu une hypothèse très courante que l'image de la bannière peut contenir plusieurs images. Il n'est donc pas toujours nécessaire d'avoir le carrousel avec de grosses flèches à gauche et à droite. Des points distincts en bas suffisent. Cependant, les utilisateurs recherchent les flèches pour une navigation plus facile que les points plus petits et difficiles à pointer.
Cela dépend du contexte de l'image, si l'utilisateur veut regarder en arrière ce qui s'est passé ou simplement parcourir les images.
La meilleure option est de rendre les flèches visibles au survol de la souris. Cela donne une soudaine attention aux utilisateurs qu'une flèche est disponible pour basculer entre les diapositives. Dans ce cas, les points ne sont pas nécessaires.
Par exemple, jetez un œil aux sites Web de commerce électronique, dans lesquels la diapositive de bannière comporte généralement des flèches. Cela aide les utilisateurs à rechercher les produits avec des offres sans attendre quelques secondes jusqu'à ce que la prochaine diapositive arrive.
Les points sont utilisés dans les cas où les images ne dépassent pas 7 ou 8. Les flèches peuvent avoir plus d'images en un seul clic (facilité de navigation)
Sans avoir à compter sur le bon sens de l'utilisateur, simplifiez-le en plaçant les flèches "<&>" de chaque côté des points, respectivement. De cette façon, vous n'avez pas à compromettre la marge de chaque côté du bloc d'image.
L'utilisation des signes <> au-dessus de l'image devrait offrir une signalétique naturelle et complète à l'utilisateur et également une conception réactive égale sur l'affichage mobile et de bureau. Veuillez éviter le cliché "points" :-)