Creando Experiencias de Usuario Consistentes con Liferay Adaptive Media

La página web común de hoy en día es más compleja que nunca en lo que respecta a su programación. En la actualidad, compañías de todos los sectores utilizan imágenes, vídeos y cada vez más elementos interactivos para ayudar a mejorar las experiencias del usuario. A ello, hay que sumarle una innumerable cantidad de nuevos dispositivos con acceso a Internet, que presentan interfaces complejas que cambian la experiencia del usuario en función de cada persona, originando con ello nuevos retos en este campo.

Pero más allá de la complejidad de los sitios web, hemos sido testigos de un aumento del tamaño de las páginas web, debido a la gran cantidad de elementos comúnmente utilizados en cada una de ellas. Según HTTP Archive, estos elementos han supuesto un incremento en el tamaño medio de una web: desde los 702 KB en noviembre de 2010, hasta los 3.3 MB en septiembre de 2017. Lo que significa que el tamaño medio se ha multiplicado, aproximadamente, por siete en siete años.

Pero el incremento del tamaño de las webs y el uso de un mayor número de dispositivos diferentes para acceder a los sites, no son los únicos factores que pueden causar una gran disparidad en las experiencias de los usuarios. En la actualidad, los países tienen al mayor número de población con acceso a Internet registrado hasta ahora. Sin embargo, el ancho de banda promedio en cada país puede variar mucho, lo que, a su vez, puede generar diferencias entre las experiencias de los usuarios.

El uso de distintos dispositivos para acceder a los sitios web significa que los menús de navegación de los mismos, el tamaño de los textos, la ubicación de las imágenes, los espacios en blanco, etc., deben cambiar para poder adaptarse a las necesidades específicas de cada pantalla. Por su parte, el incremento en el tamaño de las páginas web y las diferencias en el ancho de banda, pueden resultar en una carga más lenta de los sites o en una imposibilidad de mostrar algunos de los elementos que la componen, frustrando así a los usuarios en su experiencia con la web. Sin buenas estrategias de experiencias de usuario que tengan en cuenta estos factores, y que contemplen una planificación a través de una programación detallada para abordarlos, puede que resulte difícil para las empresas llegar adecuadamente a su público objetivo.

Por ello, Liferay Adaptive Media se ha desarrollado para dar respuesta a estos desafíos que hoy en día se plantean en las organizaciones, abordando estas necesidades para mejorar la estrategia omnicanal de las empresas, así como el rendimiento de las webs.

Optimización para una Gran Experiencia de Usuario

Como se muestra en la siguiente infografía, el vídeo es el elemento que ha experimentado un mayor incremento de su uso en las webs, impactando directamente en el tamaño de las mismas. Por su parte, las imágenes continúan siendo el elemento más utilizado.

Sin embargo, pese a que el vídeo es el elemento que ocupa gran parte de los datos, las imágenes hoy representan más datos que nunca. Como se ve a continuación, si bien el número promedio de imágenes se ha mantenido relativamente constante a lo largo de los años, el tamaño promedio de las mismas ha aumentado progresivamente.

De acuerdo con un estudio de Kissmetrics casi la mitad de los usuarios esperan que un sitio web se cargue en menos de tres segundos. Si la web no se carga en ese tiempo, es más que probable que lo abandonen. Además, un 79% de los encuestados aseguró que no regresaría nuevamente a un site que tuviera problemas de rendimiento. Todos estos factores de la experiencia online del usuario influyen en los resultados finales de cada compañía; lo que evidencia la importancia de crear una buena y consistente experiencia online, que funcione para una amplia variedad de usuarios, en diferentes circunstancias.

A medida que los datos de las páginas web continúan creciendo, las organizaciones deben adoptar medidas para evitar que las complicaciones relativas al uso de diferentes dispositivos y los distintos servicios de ancho de banda afecten negativamente a la experiencia de sus usuarios. Abordando estas cuestiones con anterioridad y anteponiendose a estos problemas, las organizaciones serán capaces de proveer una experiencia de usuario moderna y agradable.

Tomando el Control de la Experiencia del Usuario

Una experiencia de usuario consistente y bien construida, que se ajuste a las circunstancias únicas de cada tipología de usuario, puede beneficiar a muchas audiencias distintas. En este sentido, Liferay Adaptive Media puede ayudar a:

• Administradores de Portales: para definir la resolución de los recursos multimedia que se usan para procesar y mostrar las imágenes conforme a las características de cada dispositivo de acceso (tamaño de pantalla, ancho de banda y capacidad de procesamiento).
• Creadores de Contenido: para la carga de elementos multimedia y generación de nuevas páginas de contenido sin tener que preocuparse por adaptar cada uno de ellos a cada tipo de pantalla y dispositivo. Adaptive Media trabaja de forma transparente para el usuario, en un segundo plano, para que el aspecto de estos elementos no se vean afectados negativamente por la variación del uso de dispositivos de acceso a la web.
• Usuarios finales: para que puedan disfrutar de una experiencia mejorada al visualizar las imágenes adaptadas a cada dispositivo y conexión a Internet.
• Desarrolladores: integrar fácilmente Adaptive Media en sus aplicaciones para que soportar los diferentes atributos de cada elemento.

Mejora tu UX con Liferay Adaptive Media

La aplicación Liferay Adaptive Media ayuda a los programadores a hacer frente a las complicaciones derivadas por el gran tamaño de las webs y las variaciones en los diseños de los dispositivos, con características que incluyen:

• Integración de base con documentos y elementos multimedia
• Integración opcional con blogs y contenido web.
• Capa de compatibilidad que elimina la necesidad de modificar el contenido antiguo.
• Redimensionamiento de imágenes almacenadas en Liferay, adecuada a cada resolución específica requerida.
• Reducción del tamaño de la página y mejora de la velocidad de carga según el dispositivo y ancho de banda.
• Aplicación de estos cambios de forma automática para usuarios finales, sin necesidad de hacer programaciones individuales.

Adaptive Media ayuda a los usuarios de Liferay DXP a crear experiencias que se adaptan a tus clientes, estén donde estén, independientemente del dispositivo que utilicen.