amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ p.acss9ebb7{text-align:justify;}span.acss2c5d6{color:#333333;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categorías: Archivo

Usar o no usar Pop-up

Las ventanas modales, lighbox o popup con imágenes y vídeos insertados dentro de ellos cada ves se vuelven mas populares en el día a día de las web, sin embargo qué tan buenas y eficientes son para ofrecer beneficios extra a tus clientes, para pensar en el uso de estos elementos de modo profesional no se te debe escapar lo molesto que para ti puede ser ser perseguido a lo largo de un sitio web por ventanas modales y pop-ups que lejos de motivar a la acción, te motivan a dejar el sitio, ¿cierto?

 

Usualmente las ventanas modales no aportan nada que no se pueda hacer con una navegación estándar, si es necesario colocarlas, deben ser FÁCILES DE CERRAR en móvil y si tiene animaciones en pero pues pueden tener fallas en los efectos a reproducirse y causar un efecto de intermitencia en la animación, lo cuál lejos de verse bien, puede causar recelo en el usuario.

POSICIONES EN MÓVIL

Debemos recordar que todos los dispositivos tienen dos posiciones, vista vertical y vista horizontal, por lo tanto si vamos a usar pop-ups o ventanas modales debemos testear lo suficiente en todos los tamaños de dispositivos para asegurarnos que nuestro elemento va a tener un ÓPTIMO PERFORMANCE en cualquiera de los dispositivos y sistemas operativos comunes.

Un gran error es que al cambiar la vista a horizontal simplemente se estire el área de texto, APROVECHA ésta posición mejor para cambiar la posición del menú, ser un poco más creativo al disponer de mejor distribución de espacio y SOBRE TODO, TU MENÚ SEA MÁS ACCESIBLE AÚN. Si vas a cambiar el look del menú, lo mejor es no usar más de 1/3 del espacio y usar el resto para los demás elementos, NO ESTIRES, mejor adapta la cabeza del sitio web y logra mayor equilibrio visual.

USO DE TABLAS EN WEB MÓVIL
Las tablas atydan a agrupar y mostrar contenidos pero es clásico que los diseños web que no son bien testeados muestren en móvil vista vertical u horizontal, se salga la tabla del ancho de la pantalla o quedan tan comprimidas que el diseño pierde equilibrio y luce mal.

En resumen omite demasiadas ventanas emergentes, modales o pop-ups, elimina animaciones innecesarias en móvil y busca seguir siempre la línea del diseño web armónico, simple y funcional para el usuario, puedes querer poner tu sitio a la última moda con animaciones efectos ventanas, creyendo que vas a hacerlo más bonito para los usuarios pero piensa, ¿vas a sacrificar funcionalidad por vista? ¿o tiempo de carga por animaciones? En web éste podría ser un pecado mortal que al final repercute en visitas, rebote y conversiones.

 

«Trabaja más y mejor en la experiencia de usuario para regalar felicidad a tus usuarios»

Te presentamos a una de las webs creadas con amor y dedicación pensando en la comodidad de cliente y usuarios. #CalidadVleeko

vleeko

Entradas recientes

Por qué el contenido artesanal vuelve a ser clave frente a la IA en 2026

Por qué el contenido artesanal vuelve a ser clave frente a la IA en 2026…

4 semanas hace

El error más común al empezar a anunciarse en internet

El error más común al empezar a anunciarse en internet La pubblicidad en línea es…

4 semanas hace

Por qué tus anuncios funcionan al inicio… y luego dejan de hacerlo

Por qué tus anuncios funcionan al inicio… y luego dejan de hacerlo Esto pasa todo…

4 semanas hace

Cuándo Google Ads deja de ser gasto y se vuelve inversión

Cuándo Google Ads deja de ser gasto y se vuelve inversión Google Ads es gasto…

4 semanas hace

Por qué tener muchos mensajes no significa vender más

Por qué tener muchos mensajes no significa vender más Recibir muchos mensajes se siente bien……

4 semanas hace

Cómo ver si tu competencia se anuncia

Cómo ver si tu competencia se anuncia  Muchos empresarios creen que la competencia es un…

4 semanas hace