it-swarm-fr.com

Qu'est-ce qu'une méthode intuitive pour fournir à l'utilisateur un moyen de visualiser une version agrandie d'une image via une lightbox?

J'ai travaillé sur ce plug-in pour être inclus dans un iFrame sur un site Web d'investisseur immobilier. Cependant, je suis déchiré dans la décision de fournir à l'utilisateur l'action de visualiser la version complète d'un élément. J'utilise actuellement une lightbox, qui n'est pas complète à 100% pour le moment; cependant, le vrai problème est l'élément d'action sur lequel l'utilisateur doit cliquer pour déclencher la vue en taille réelle.

Actuellement, l'utilisateur peut cliquer sur l'image et il ouvrira la lightbox avec la version agrandie. Cependant, je ne peux m'empêcher de penser qu'il existe un moyen meilleur et plus intuitif de fournir à l'utilisateur l'accès à cette vue. Actuellement, il n'y a aucun appel à l'action. Il suffit de survoler l'image et de réaliser que c'est un lien. Certes, je pourrais noter "Cliquez sur l'image pour agrandir" quelque part sur la page, mais je suis ouvert à quelque chose d'un peu plus original. Peut-être une icône "agrandir" en haut à droite de l'image?

Que pensez-vous être une méthode intuitive pour fournir à l'utilisateur un moyen d'agrandir une image?

Vous pouvez voir l'interface dans mon environnement de test .

3
Eric Taylor

J'inclurais une icône de loupe (avec un signe plus à l'intérieur) qui s'affiche dans le coin de l'image lorsque vous la survolez. Cliquer sur l'image fait toujours l'agrandissement réel, mais vous avez plus d'indices visuels que le simple curseur "main".

5
LoganGoesPlaces

Comme l'a suggéré @LoganGoesPlaces.

Ceci provient d'un site que j'ai mis en place la semaine dernière.

lightbox with zoom

0
Sruly

Je ne suis pas un fan de l'icône de la loupe parce que je pense que ce n'est pas esthétique, ce qui peut avoir de l'importance pour les images ... Je ne suis même pas sûr que ce soit si informatif qu'une loupe peut être un peu cryptique pour certains utilisateurs.

Personnellement, je pense qu'à ce stade, les gens ont l'habitude de cliquer sur une image pour voir une taille plus grande. Une chose que vous pouvez faire pour demander que cela soit possible est d'ouvrir la page avec l'image légèrement plus grande que le conteneur, et en utilisant javascript, réduisez-la pour qu'elle rentre dans une seconde environ via une sorte d'animation pour indiquer qu'il y a plus de l'image que l'on voit. Certaines personnes pensent que les animations sont fantaisistes mais si elles informent l'utilisateur des possibilités d'interface utilisateur tout en laissant l'interface épurée, je pense qu'elles peuvent être utiles.

Une autre option serait un petit texte sous l'image qui dit simplement "cliquez pour agrandir l'image". Il n'empiète pas sur l'image et peut être assez subtil pour ne pas être intrusif. Cette approche ne nécessite également aucun javascript.