Pop-ups de sitios web: lo bueno, lo malo y 18 reglas que nunca debes romper
Un sitio web es un lugar donde una empresa puede educar a su audiencia sobre su marca. Que hace. Por qué lo hace. Qué obtendrán de estar allí. Eso, en sí mismo, es mucha información.
Al diseñar un sitio web para sus clientes, lo último que desea es exagerar. La web no es un lugar para excesos y sus usuarios normalmente no tienen la paciencia para examinar páginas y páginas llenas de información solo para llegar a los bits relevantes.
Es por eso que el minimalismo perdurará como tendencia de diseño. Permite a los diseñadores web transmitir mucho sobre una marca y su mensaje, sin tener que deletrearlo todo en la página. Les da a las marcas un aspecto más limpio y abotonado al mismo tiempo que abre un camino hacia la conversión para los visitantes.
Pero el hecho de que diseñe teniendo en cuenta la simplicidad y el minimalismo no significa que no pueda compartir mensajes adicionales con los visitantes. Solo tiene que encontrar formas menos engorrosas e intrusivas de hacerlo.
Hace años, la ventana emergente se introdujo como un medio para hacer esto. Mantuvo información relacionada y relevante dentro del sitio web sin tener que inmiscuirse en la página bien diseñada. Sin embargo, desde entonces, Google ha tomado medidas enérgicas contra el uso de ventanas emergentes que considera perjudiciales para la experiencia del usuario, lo que confunde a algunos diseñadores y desarrolladores sobre lo que se supone que deben hacer ahora.
Y qué lo hace ¿significa? ¿La ventana emergente ya no es una forma viable de promover ofertas especiales, compartir contenido de valor agregado, suscribir nuevos seguidores o recuperar ventas casi perdidas? En este artículo, cubriré el estado actual de las ventanas emergentes de sitios web y le daré algunas de las mejores prácticas que debe seguir cuando las use.
El estado actual de las ventanas emergentes de sitios web
Primero, hablemos sobre cómo se ven las ventanas emergentes hoy en día, cómo se usan y por qué incluso querrías incluirlas en tu plan de diseño web.
Tipos de ventanas emergentes
A modal es el tipo más común que encuentran los usuarios en la web.
Literalmente puede abrirse en una página web, deslizarse dentro de la página o simplemente estar allí desde el punto de entrada. Si bien estos generalmente se pueden encontrar en el centro de la página, algunos sitios web ahora los colocan más cerca de la parte inferior de la página o incluso los colocan en la esquina.
Un intersticial o ventana emergente superpuesta es aquella que cubre toda la pantalla, generalmente al ingresar a un sitio web.
A barra de notificación es uno que puede permanecer permanentemente en la parte superior o inferior de un sitio web.
5 muy buenas razones para usar ventanas emergentes
Podrías pensar que con la reacción de Google en las ventanas emergentes móviles (llegaré a eso pronto …) que sería mejor mantenerse alejado de las ventanas emergentes por completo. Sin embargo, te daré 5 muy buenas razones por las que la mayoría de los sitios web que diseñas deberían incluirlos:
1. Llaman la atención
Ya nadie tiene paciencia para leer, por lo que enviar micro-mensajes que llaman la atención en las ventanas emergentes es tan bueno.
2. Atraen la atención hacia lo más importante
Las ventanas emergentes brindan un valor adicional a los visitantes en línea, y ellos lo saben. Entonces, cuando aparezca una ventana emergente, se sentirán atraídos inmediatamente por esa oferta u oportunidad de valor agregado.
3. Son versátiles
Las ventanas emergentes ya no sacan a los visitantes de la ventana del navegador ni obstruyen su escritorio con anuncios que no conocían. Ahora tiene tantos tipos diferentes con los que trabajar y se pueden activar en diferentes puntos de la experiencia del sitio web:
- A la entrada
- Después de un cierto punto de desplazamiento
- Activado por una acción
- Justo antes de salir
4. Mantienen el sitio limpio
Como mencioné antes, el minimalismo es importante para hacer que un sitio web sea estéticamente agradable. Pero si tiene un mensaje especial que realmente desea transmitir a los visitantes y no desea ocupar un terreno valioso y limitado para hacerlo, puede usar ventanas emergentes para enviarlo.
5. Aumentan las conversiones
Sumo estudió las ventanas emergentes de sus usuarios y las tasas de conversión asociadas con ellas. Lo que encontraron fue que las ventanas emergentes tienen el potencial de convertir a una tasa de alrededor del 3%, en promedio. Sin embargo, las ventanas emergentes que están muy bien diseñadas tienen el potencial de convertir al 9% de los visitantes que las encuentran.
También puede utilizarlos para aumentar la participación en el sitio. Pídales que completen una encuesta, compartan algo en las redes sociales o que vean un video en una página de destino.
Pero, ¿cuál es el problema con las ventanas emergentes móviles?
Bueno entonces Google no odia las ventanas emergentes móviles. Solo quiere que los desarrolladores web sean más inteligentes sobre cómo los usan, ya que las ventanas emergentes pueden ser perjudiciales para los usuarios, en general, aunque definitivamente más en pantallas móviles más pequeñas.
Como resultado, Google ha comenzado a imponer sanciones a los sitios web móviles que utilizan estos tres tipos de ventanas emergentes:
En resumen, manténgase alejado de:
- Ventanas emergentes en la primera página de la visita de un usuario móvil
- Ventanas emergentes que ocultan la mayor parte de la página web que se encuentra detrás
- Intersticiales
¿Entiendo? Ahora, hablemos de lo que debería hacer al usar ventanas emergentes de sitios web.
18 mejores prácticas para el uso de ventanas emergentes de sitios web
- Nunca use ventanas emergentes con el único propósito de tener un elemento de diseño moderno en su lugar. Si pierde el tiempo de los visitantes con una interrupción sin sentido, perderá su confianza.
- Diseñe la ventana emergente para que se vea tan bien como el resto de su sitio web.
- Asegúrese de que respondan.
- Mantenga una copia breve y al grano.
- No utilices las llamadas a la acción pasivas agresivas de Sí / No a menos que sea la personalidad de tu marca ser así. Si incluye dos CTA, hágalo de una manera que los anime positivamente a tomar medidas en el principal.
- Si va a recopilar información de contacto, solicite solo una cosa: su dirección de correo electrónico.
- Asegúrese de que el contenido de la ventana emergente sea relevante para la página en la que aparece.
- Si puede, evite mostrar ventanas emergentes en la primera página. Primero, dé a los visitantes la oportunidad de aclimatarse. Sin embargo, para que conste, este es uno de los tipos de ventanas emergentes de entrada que Google permite (ya que la privacidad es muy importante):
- Siga las reglas de Google para dispositivos móviles: sin intersticiales, sin modales de gran tamaño y sin ventanas emergentes en la primera página.
- No sienta que las ventanas emergentes de escritorio y móviles deben ser idénticas. Diseñe ventanas emergentes para cada tipo de dispositivo.
- Siempre incluya una manera fácil de salir de la ventana emergente: haga clic fuera de ella o coloque un botón «X» en la parte superior derecha.
- Programa tus ventanas emergentes para que aparezcan en el momento justo de la experiencia en el sitio (como justo antes de que los visitantes estén a punto de salir).
- Establezca reglas de frecuencia para que los visitantes no sigan viendo ventanas emergentes en cada página o en cada visita.
- Coloque las ventanas emergentes en la ubicación correcta.
- Si desea entrometerse (y cree que los visitantes estarán de acuerdo con ello), colóquelos en el centro de la pantalla.
- Si desea compartir una oferta especial, use una barra adhesiva.
- Si quieres darles algo en qué pensar mientras se mueven por el sitio, deja la ventana emergente a un lado.
- Utilice la segmentación y la orientación de la audiencia para crear mensajes emergentes personalizados.
Terminando
Si tiene algo realmente valioso para compartir con los visitantes o sabe que tiene una manera de atraerlos positivamente a su sitio, pruebe las ventanas emergentes del sitio web. Y no tenga miedo de probarlos A / B de la misma manera que lo hace con otros elementos de su sitio. Hay mucho aquí para jugar, incluido el diseño, la copia, la ubicación, la CTA, los activadores y más.
