Las imágenes en los dispositivos móviles son difíciles de mostrar porque tienen un tamaño de pantalla limitado. Cualquier imagen grande que tenga se limitará al tamaño de la miniatura. La miniatura no funciona porque no ofrece a los usuarios la mejor representación visual de lo que vende.
Siempre puede permitir que los usuarios toquen las imágenes para obtener una vista de pantalla completa, pero esta es una interacción adicional que no todos los usuarios harán. ¿Cómo se muestran bellas imágenes en dispositivos móviles con espacio de pantalla limitado?
La respuesta está en el uso de imágenes de borde de pantalla. En lugar de recortar las imágenes a la izquierda y a la derecha, déjelas expandirse para que se ajusten al ancho completo de la pantalla. Además, sáquelos más allá de la barra superior. Si tiene botones, puede superponerlos en la imagen. El resultado es una experiencia visual más atractiva.
En el ejemplo, puede ver la diferencia cuando usa los bordes de la pantalla. El hotel se ve más fascinante con la imagen en el borde de la pantalla que en la miniatura. Al mismo tiempo, no compromete ningún contenido y los botones siguen siendo sensibles al tacto.
Contenido del Articulo
Suscríbete para leer el artículo completo
Conviértase en un suscriptor pago del boletín UX Movement para obtener acceso exclusivo a este artículo y otro contenido exclusivo para suscriptores.
Artículo completo Suscríbete