web-dev-qa-db-fra.com

Comment faire savoir à l'utilisateur une légende volumineuse dans le carrousel est un lien

Sur cette page , nous aimerions faire savoir à l'utilisateur que les grandes légendes sur les images peuvent être cliquées. (Nous n'avons aucun lien pour le moment.) Les pages qui s'ouvrent seront sur le même serveur, donc l'icône "Lien externe" de Fontawesome ne fonctionnera pas. Nous aimerions qu'il soit discret mais facile à remarquer, si cela était possible! Toutes les légendes ne seront pas cliquables; juste un peu.

Nous avons pensé à souligner les éléments, mais c'est trop moche dans ce cas. Quels éléments UX rendraient cela évident à la fois pour les utilisateurs mobiles et de bureau?

[~ # ~] mise à jour [~ # ~] : Voici le carrousel sur un appareil mobile:

enter image description here

Et le voici sur le bureau:

enter image description here

9
Alex

Pensez à utiliser une flèche ou un curseur pour indiquer qu'il y a un contenu plus profond. C'est une icône assez courante qui est souvent utilisée à la fin d'un texte de présentation pour les boutons d'appel à l'action. Ce n'est pas idéal, mais devrait se traduire correctement sur un titre de carrousel.

par exemple.

enter image description here

enter image description here

enter image description here

13
nightning

Deux approches:

  1. Désignez mieux la légende comme élément interactif. Voir l'excellente réponse de Nightning à ce sujet.

  2. Rendez l'image entière cliquable (pas seulement la légende). Cliquer sur le corps de l'image ouvre le lien, et cliquer près des flèches active la navigation du carrousel.

    • Pour aider les utilisateurs Web, vous pouvez jouer avec différentes animations de survol (luminosité de l'image, etc.) pour fournir des indices d'interactivité supplémentaires.
9
tohster

Aussi souligné. Une flèche est probablement meilleure dans 88% des cas, mais si l'ajout d'une flèche semble en désaccord avec une interface utilisateur, le soulignement est certainement la voie à suivre. Si vous voulez faire du shopping, encore plus.

Je dis juste dire.

(les balises n'incluent pas <u>?)

2
Jedi Commymullah

Je voudrais juste fournir un léger contrepoint - ne répondant pas tout à fait à votre question (tohster et nightning l'ont bien fait), mais répondant à un point derrière votre question:

Les carrousels sont de mauvais UX.

Voir http://shouldiuseacarousel.com/ . Il fait le point de manière succincte et efficace. Il fait référence à des pages telles que http://www.widerfunnel.com/conversion-rate-optimization/rotating-offers-the-scourge-of-home-page-design et http: //www.creativebloq.com/accessibility-expert-warns-stop-using-carousels-7133778 .

Sur ce site, toutes les six ou sept premières réponses sur Les carrousels sont-ils efficaces? répondez par la négative, avec des citations comme:

1
AlexC