it-swarm-es.com

¿Cuál es un método intuitivo para proporcionar al usuario un medio para ver una versión ampliada de una imagen a través de una caja de luz?

He estado trabajando en este complemento para incluirlo en un iFrame en un sitio web de inversores inmobiliarios. Sin embargo, estoy dividido en la decisión de cómo proporcionar al usuario la acción de ver la versión en tamaño completo de un elemento. Actualmente estoy usando una caja de luz, que no está 100% completa en este momento; sin embargo, el problema real es el elemento de acción para que el usuario haga clic para activar la vista a tamaño completo.

Actualmente, el usuario puede hacer clic en la imagen y se abrirá la caja de luz con la versión ampliada. Sin embargo, no puedo evitar sentir que hay una manera mejor e intuitiva de proporcionar al usuario acceso a esta vista. Actualmente, no hay un llamado a la acción. Solo tienen que desplazarse sobre la imagen y darse cuenta de que es un enlace. De acuerdo, podría notar "Haga clic en la imagen para agrandar" en algún lugar de la página, pero estoy abierto a algo un poco más original. ¿Posiblemente un ícono 'ampliar' en la esquina superior derecha de la imagen?

¿Cuál cree que es un método intuitivo para proporcionar al usuario un medio para ampliar una imagen?

Puede ver la interfaz en mi entorno de prueba .

3
Eric Taylor

Incluiría un ícono de lupa (con un signo más dentro) que se muestra en la esquina de la imagen cuando pasa el cursor sobre él. Al hacer clic en la imagen todavía se amplía, pero tiene más pistas visuales que solo el cursor de "mano".

5
LoganGoesPlaces

Como sugirió @LoganGoesPlaces.

Esto es de un sitio que puse la semana pasada.

lightbox with zoom

0
Sruly

No soy fanático del ícono de la lupa porque creo que no es estéticamente agradable, lo que puede ser importante para las imágenes ... Ni siquiera estoy seguro de que sea tan informativo como una lupa puede ser algo críptico para algunos usuarios.

Personalmente, creo que las personas en este punto están acostumbradas a hacer clic en una imagen para ver un tamaño más grande. Sin embargo, una cosa que podría hacer para indicar que esto es posible es abrir la página con la imagen un poco más grande que el contenedor y usar JavaScript para reducirla en un segundo más o menos a través de algún tipo de animación para indicar que hay más La imagen que se ve. Algunas personas piensan que las animaciones son truculentas, pero si informan al usuario sobre las posibilidades de la interfaz de usuario y dejan la interfaz despejada, creo que pueden ser útiles.

Otra opción sería un pequeño texto debajo de la imagen que simplemente dice "haga clic para ampliar la imagen". No se entromete en la imagen y puede ser bastante sutil para no ser intrusivo. Ese enfoque tampoco requiere ningún javascript.