¡Fuera Sliders!

Ya es oficial. Los famosos sliders que reciben a los usuarios al entrar en la mayoría de las home pages, tienen los días contados. Y no solo lo decimos nosotros, sino los numerosos expertos del panorama UX y CRO que apuestan, cada vez más, por la sencillez y rapidez de los sites. ¿Quieres saber qué ha pasado? Pues sigue leyendo. Hoy te contamos porqué hay que eliminar los sliders de nuestras páginas de inicio.

La de los sliders era una muerte anunciada. Con el Sr. G (Google) peleando por mejorar  la usabilidad y experiencia de usuario en las páginas web, era de esperar que este tipo de carruseles vieran pronto su fin.

Ante esto, seguro que te estarás preguntando… ¿Pero si fuisteis vosotros los que, en su día, afirmabais que implementar un slider en mi home page me ayudaría a potenciar las conversiones? ¿Qué ha pasado? ¿Porqué, de repente, tengo que volver a modificar la home de mi web?

Lo que ha pasado es que se ha producido un cambio de objetivo. Anteriormente la tendencia predominante de las tiendas online era la de centrarse en la marca, en el producto, en la promoción. Sin embargo, en la actualidad, todo se centra en el usuario. De ahí que los “capos” del sector aboguen, cada vez, por un diseño web más limpio, sencillo y rápido que satisfaga las necesidades y facilite la interacción de nuestros visitantes.

Pero vamos a ver todo esto más detenidamente para que te convenzas de que seguir manteniendo un slider en la página de inicio de tu web es una mala idea.

Siguiendo las conclusiones del experimento que Roger Llorens (@rogerllj) publicó el pasado mes de febrero en wwwhatsnew.com podemos ver las:

Principales Razones por las que los Sliders son Historia

• Alejan el foco de atención sobre  CTAs Importantes

¡Asúmelo ya! Cuando un usuario entra a tu página web o a cualquier otra, no se detiene frente a tu slider a mirar qué ofertas has decidido incluir en cada una de las diapositivas. ¡Al contrario! Es posible que el usuario no se fije ni en el mensaje de tu slide inicial. Esto significa que las llamadas a la acción o mensajes relevantes que sitúes en los sides inferiores, tendrán muy pocas probabilidades de ser vistos por los usuarios.

• Aumentan el tiempo de carga de la página

Creo que es la 5ª o 6ª semana consecutiva que te lo recuerdo, pero no me importa hacerlo una vez más. ¡GOOGLE QUIERE PÁGINAS RÁPIDAS!  Y nuestros sliders van en contra de estas exigencias puesto que, suponen un aumento en la velocidad de carga de nuestros sites.

¡Piénsalo! En ocasiones una sola imagen de grandes dimensiones tarda “la vida” en descargarse… pues imagínate lo que empeora la cosa cuando tienes 5 o 6 imágenes en tu slider.

Si no quieres fastidiar tu SEO más vale que empieces plantearte muy seriamente esto que te decimos.

• Dificultan la experiencia de usuario en mobile

¿Te leíste bien nuestro post sobre “Optimización mobile de páginas web“? Si es así, comprenderás la gran importancia de tener una web adaptada a dispositivos móviles.

Para ello es indispensable que nos olvidemos de los sliders ya que, en versión responsive, estos elementos dificultan la experiencia de navegación para nuestros “users”. Su tamaño es muy pequeño,  en ocasiones no se pueden controlar y además,ocupan un espacio que podría aprovecharse para incluir elementos mucho más esenciales para el visitante.

Buenas alternativas para sustituir un Slider #tendenciasweb

Que elimines el slider no significa que no puedas ocupar su lugar con algún otro elemento que no presente los mismos problemas que el anterior. De hecho, es muy adecuado optar por una alternativa eficaz a este slider ya que, el lugar que ocupa es un lugar privilegiado dentro de una página web.

Entre las alternativas que puedes elegir, tenemos:

• Imagen estática

No es más que una imagen de gran formato que hace las veces de banner promocional. Como vemos, el secreto radica en escoger una imagen lo suficientemente llamativa como para que “embelese” a los visitantes nada más entrar en nuestra web.

TRUCO DEL ALMENDRUCO (FREE) !!! 

A la hora de seleccionar las imágenes para tu cabecera web, debes tener en cuenta que dichas fotos deben estar ULTRA-OPTIMIZADAS para que no supongan un problema a la hora de descargar la página por parte de tus usuarios.

Ante esto surge nos un problema manifiesto y es que, con el tamaño que presentan dichas imágenes, es complicado encontrar una que sea lo suficientemente ligera como para que no suponga un problema para el page speed.

¿Cómo logramos, entonces, tener una foto de buena calidad que no pese? Muy fácil.

Con esta herramienta compressor.io podrás disminuir el peso de tus imágenes de una forma sorprendentemente rápida y fácil.

• Formulario

Otras de las alternativas que tenemos para sustituir nuestros sliders es incluir una imagen estática acompañada de un formulario de registro como el que vemos aquí.

De esta forma, aprovechando la atención que el usuario dirige hacia la zona principal de nuestra home, podemos incluir nuestra llamada a la acción para captarles.

• Combinación de destacados

La combinación de destacados funciona muy bien para las ecommerces ya que permite presentar, a la vez, varios artículos de forma diferenciada.

En estos casos, la combinación de destacados se ubica ocupando el lugar del slider y a un tamaño similar al que ocupan los típicos carruseles. Fíjate:

No tan buenas alternativas para sustituir un Slider

• Vídeo en bucle

Este recurso se está poniendo muy de moda actualmente. Se trata de incluir un fragmento de vídeo de gran formato que va repitiéndose una y otra vez. Estéticamente es muy efectivo y consigue atraer la atención de nuestros usuarios de forma fácil y rápida. Además, si se gestiona bien, otorga un toque de personalización excelente a nuestra página.

Seguro que ahora te estás preguntando “Pero vamos a ver… ¡Un vídeo pesa más que una imagen! ¿El objetivo no es que mi página sea más liviana?”

Efectivamente. Por eso te hemos dicho que ésta es una alternativa no tan buena para sustituir a un slider. Al menos, no a nivel Page speed.

Sin embargo, si hablamos de persuasión, el vídeo arrasa sobre la imagen estática.

Está claro que un vídeo pesa mucho más que una imagen, pero si tu negocio exige la inclusión de este elemento en la cabecera de tu página,  la clave está en optimizarlo al máximo.

Como parámetros de media, tienes que tener en cuenta que este tipo de recursos se basan en un film de máximo 10 segundos y un peso aproximado de 11mb que se va reproduciendo “in steaming” y en bucle.

Os aseguro que he visto sliders mucho más pesados que un vídeo de estas características… así que, en el fondo, no está tan mal la cosa.

¿Cuál es la mejor opción?

Como siempre te decimos la mejor opción para tu ecommerce es la opción que más se adapte a tus objetivos de negocio. Ni más, ni menos.

No te olvides de la llamada a la acción (CTA)

Optes por la alternativa que optes, NO TE OLVIDES DE LAS LLAMADAS A LA ACCIÓN (Call to Action) ¡Imprescindibles!

Sobretodo si quieres que tu elemento principal (ya sea slider, imagen fija, vídeo, etc.) tenga una tasa de conversión adecuada y te aporte  buenos resultados.

Fíjate que, en todos los ejemplos anteriores se incluye una frase contundente y un enlace (en forma de botón, o no) hacia la sección o secciones destacadas que interesa que el usuario visite.

Y dicho esto, damos por finalizado nuestro post sobre porqué debemos eliminar los sliders de nuestra home page. Esperamos que hayas descubierto una nueva forma de optimizar tu página y hacerla más usable y rápida.

Como siempre, esperamos tus comentarios, dudas, críticas (constructivas), etc. ¡No te vamos a cobrar! ¡Lo prometemos!