Slider

¿Qué es un slider? ¿debería o no usarlo en mi sitio web?

Un control deslizante, más conocido como slider es concepto que define la opción de incluir en un sitio web una presentación de dispositivas, que pueden contener tanto contenido de texto como imágenes.

Se realizan con el objetivo de destacar contenidos por lo que generalmente se ubican en la parte superior (above the fold) de una página web.

Los puedes reconocer fácilmente en una página web por las pequeñas flechas a los costados o puntos en la parte inferior como lo muestra el siguiente ejemplo gráfico de un slider de nuestro sitio.

Muchos diseñadores tienen opiniones fuertes sobre el uso de sliders y controles deslizantes en el diseño de sitios web. Algunos los adoran; otros los odian. Un carrusel o galería deslizante automatizado mal sincronizado puede distraer a los usuarios de los aspectos más críticos del sitio. Por otro lado, un control deslizante manual permite a los usuarios móviles y de sitios web navegar rápidamente a través de una variedad de características u opciones de contenido.

¿Por qué la controversia sobre los sliders?

Si realizas una búsqueda en la web sobre sliders, encontrarás críticos que los odian, y al mismo tiempo, muchos diseñadores argumentando a su favor. Aquí presentamos algunos puntos de vista de cada lado.

Los críticos argumentan que los sliders son confusos ya que presentan a los usuarios varias opciones a la vez, todas con el mismo peso o importancia. Dado que la experiencia de usuario se trata de hacer que las opciones sean claras, afirman que cualquier cosa que cree confusión debe evitarse. También ofrecen las siguientes razones por las que son una mala experiencia de usuario:

Los visitantes a menudo ven los sliders de la misma manera que ven los anuncios y los ignoran. Los sliders ralentizan las páginas, lo que afecta el SEO y las tasas de conversión. Algunos sliders no se adaptan bien a los dispositivos móviles. El espacio que ocupan reduce el espacio disponible para otros contenidos. Los sliders pueden dar la impresión de que la empresa no estaba segura de qué destacar, por lo que optó por mostrar todas las opciones al mismo tiempo. Algunos dicen que un diaporama en movimiento puede tener el mismo impacto negativo que un video con reproducción automática. En lugar de sliders, los críticos recomiendan el uso de imágenes estáticas y texto.

En el extremo opuesto, algunos diseñadores adoran los sliders y argumentan con la misma vehemencia a favor de su uso. Aquí presentamos algunas formas en las que los sliders con contenido utilizado adecuadamente pueden ser una buena experiencia de usuario:

Ahorran espacio: consolidan el contenido para que más sea visible en una sola pantalla. Los usuarios permanecen comprometidos: los visitantes se quedan en un lugar para ver el contenido, y las imágenes proporcionan un descanso antes de continuar por la página. Los sliders consolidan las imágenes: mientras que los medios en la página pueden distraer la atención del texto, los sliders colocan todo en un solo lugar para evitar distracciones. Los usuarios controlan el contenido: siempre permita que los usuarios avancen a través de los sliders a su propio ritmo o los salten por completo si eso no es lo que están buscando.

Ventajas y desventajas de usar slider

Como todo en el diseño de un sitio web, puede tener sus ventajas y sus contras al momento de integrarse y esta no es la excepción.

Algunos expertos en diseño web y user experience indican que tiene más contras que beneficios.

Veamos algunas de las consideraciones al respecto.

Ventajas de un slider

Entre sus ventajas está la visibilidad que puede brindar de un contenido específico por lo que puede tener un gran impacto visual, si se diseñan de tal forma que sean atractivos para los usuarios. Lo cual también puede ayudar a ahorrar espacio en la presentación de los contenidos.

De acuerdo con su diseño y objetivo también puede servir de enganche para que la persona acceda a otros contenidos destacados emergentes.

Si bien hay sliders que contienen varias imágenes, hay que tener en cuenta que es necesario ubicar aquí información que realmente cumplirá un objetivo determinado, esperando una acción interactiva por parte de los usuarios al ingresar a la página web.

Del mismo modo, entre más imágenes se ubiquen en un slider, ten en mente que quizás las últimas no tendrán tanta visualización como las primeras diapositivas integradas.

Finalmente pueden permitir que el usuario controle la vista del contenido, si se diseñan de tal forma que la persona pueda saltar lo que no le interesa o continuar viendo cada slide o diapositiva a su propio ritmo.

Desventajas de un slider.

Algunos diseñadores de sitios web tienen consideraciones contrarias a las anteriores.

Mencionando que un slider puede traer afectaciones negativas en la navegación de un sitio web y por ende, en la experiencia del usuario.

Entre sus desventajas se encuentran:

• Pueden ralentizar la carga de un sitio web, afectando negativamente el SEO y las tasas de conversión.
• A menudo los visitantes evitan la vista del slider viéndolo como anuncios innecesarios.
• Algunos sliders no se adaptan bien a las versiones móviles del sitio web.
• Pueden mostrar inseguridad por parte de la empresa, en no saber qué contenido destacar y de ahí integrar un slider con toda la información posible. Un error que se debe evitar al momento de incluir esta opción en el sitio.

Cuándo usar un slider.

Un slider es un elemento opcional para insertar en un sitio y se normalmente se hace por medio de un plugin, pues no son adecuados para todos los sitios web.

Puede aplicarse sobre todo para páginas que tienen mucho contenido visual, o para e-commerce que desean mostrar un catálogo de productos, algunos banners promocionales por tiempo limitado, etc.

Para saber si lo debes incluir en tu página, analiza lo que busca un usuario al entrar a tu sitio y cómo cada página puede ayudarlo a encontrar su objetivo.

Si un slider consolida la marca y mejora la experiencia y la confianza del usuario, entonces puede ser un elemento fundamental para añadir.

Si por el contrario, puede crear confusión o funcionar como distractor de lo realmente importante en tu sitio, entonces afectarán negativamente las conversiones.

Analiza los siguientes utilidades de un slider antes de integrarlo en tu sitio web:

• Usa un slider para hacer tour de varios productos o mostrar los pasos de uso y aplicación de un producto.
• Destaca solo contenido nuevo o actualizado.
• Presenta una galería de fotos que sea importante para tu contenido.
• Mostrar un portafolio de servicios o productos.
• Mostrar las opciones que tiene el e-commerce y más si es tipo market place.
• Ubica promociones o productos de temporada.

Cuando el sitio web tiene objetivos específicos para cumplir y consideras que un slider puede ser una buena opción para logarlos, siempre puedes pensar en hacer pruebas A/B para considerar su uso en la experiencia de los visitantes.

Las páginas web siempre pueden (y deben) ser optimizadas en razón de lo que buscan las visitas, más allá si como empresa consideras que puede verse bien, es cuál va a ser la usabilidad de un slider.

Si trabajas en WordPress, puedes encontrar miles de plugins para sliders en Themeforest o sitios similares. Solo debes Googlear lo que buscas.