Video Summary and Transcription
La personalización es la capacidad de ofrecer experiencias exclusivas basadas en datos existentes. Es importante cumplir con las expectativas de los clientes y mantenerse competitivo. Hay cuatro tipos de personalización: explícita, implícita, interrumpida y fluida. La implementación de experiencias personalizadas implica el uso de herramientas como Next.js y NetJS. Las mejores prácticas incluyen evitar molestar a los usuarios, probar estrategias y monitorear análisis.
1. Introducción a la Personalización
Hola a todos. Ahora hablemos de personalización. La personalización es la capacidad de ofrecer experiencias exclusivas a las personas basadas en datos existentes. Hoy discutiremos la personalización web y su importancia. Las expectativas de los clientes han cambiado y no ofrecer experiencias personalizadas no cumpliría con sus expectativas. Además, si nuestros competidores ofrecen experiencias personalizadas y nosotros no, no obtendremos buenos resultados en ventas, visitantes y participación de los clientes.
Hola a todos. Espero que estén disfrutando de la conferencia. Ahora es hora de hablar un poco sobre personalización. En primer lugar, quería presentarme. Mi nombre es Facundo Giuliani. Soy de Buenos Aires, Argentina. También soy organizador del meetup local de React Buenos Aires. Bueno, si quieren hablar conmigo, estoy en Twitter. Soy Facundo Zurdo. Podemos mantenernos en contacto allí. ¿Les ha pasado que cuando van a un restaurante, por ejemplo, el camarero los llama por su nombre o ya sabe cuál es su pedido habitual? O si van a una tienda en particular, ven que las personas que trabajan allí están analizando para decir que, de alguna manera, los clientes, quiero decir, si van solos a comprar algo, no van a tener la misma conversación con el empleado de la tienda que una familia de miembros tendría porque, no sé, probablemente estén buscando algo rápidamente, que quieren salir rápidamente de la tienda. Pero sí, quiero decir, probablemente estas diferentes experiencias que tendrán, nuevamente, con el camarero o con el empleado de la tienda, etc., cuando esto sucede, quiero decir, cuando ofrecen diferentes experiencias según los clientes, estamos hablando de personalización. La personalización es la capacidad de ofrecer experiencias exclusivas a las personas basadas en datos existentes. Entonces estamos hablando de personalización en la vida real, por así decirlo. Lo que vamos a analizar hoy y hablar es la personalización web, que es la capacidad de entregar contenido de manera granular y ofrecer experiencias exclusivas a las personas basadas en datos existentes. Mencionamos el ejemplo del camarero, el ejemplo de la tienda cuando van a comprar algunos comestibles, por ejemplo. Pero ¿cómo podemos analizar eso o cómo podemos ver eso en los sitios web? Probablemente hayan experimentado algunos escenarios, algunos escenarios personalizados como recibir ofertas específicas basadas en el comportamiento de navegación, basadas en lo que están navegando, lo que están viendo en su computadora o en las redes sociales, Instagram, Facebook, etc. Están recibiendo ofertas específicas, quiero decir, ofertas personalizadas para ustedes con productos que pueden ser interesantes para ustedes. Eso sería un caso de personalización web. Otro caso de personalización web sería ir a una plataforma de medios en particular o a un periódico donde están leyendo noticias y pueden ver videos específicos según el lugar donde viven. Quiero decir, en el país en el que viven, en la ciudad en la que viven, obtienen este contenido personalizado que, nuevamente, probablemente les resulte más interesante que un contenido genérico. Entonces, cuando esto sucede, estamos hablando de personalización web. La pregunta es, ¿por qué es importante? Quiero decir, ¿por qué deberíamos preocuparnos por la personalización web? Bueno, en primer lugar, las expectativas de los clientes han cambiado. En el pasado, bueno, quiero decir, no solo en el pasado, sino también en el presente, estas interacciones en tiempo real a las que me refería antes, nos hemos acostumbrado a eso. Y queremos las mismas experiencias cuando estamos usando un sitio web, una plataforma web. Entonces, como los clientes están acostumbrados a este tipo de comportamientos o este tipo de experiencias, no ofrecerles experiencias personalizadas no cumpliría con sus expectativas. Entonces eso es algo que debemos evaluar. También relacionado con el mismo caso, si no ofrecemos experiencias personalizadas y nuestros competidores sí lo hacen, bueno, no obtendremos buenos resultados en ventas, no obtendremos buenos resultados en visitantes, o tampoco obtendremos buenos resultados en el tiempo que los clientes pasan en nuestro sitio web.
2. Tipos y Beneficios de la Personalización
Si el cliente o el usuario está contento, pasarán más tiempo en nuestro sitio web. Ofrecer contenido personalizado a nuestros clientes y usuarios creará mejores impresiones. Hay cuatro tipos de personalización: explícita, implícita, interrumpida y fluida. La personalización explícita se basa en criterios establecidos por los visitantes, mientras que la personalización implícita analiza el comportamiento y el contexto del visitante. La personalización interrumpida sorprende a los visitantes con contenido inesperado, mientras que la personalización fluida integra contenido personalizado en la experiencia general.
Eso es algo que también debemos tener en cuenta. Quiero decir, si el cliente o el usuario está contento, pasarán más tiempo en nuestro sitio web navegando el contenido, viendo qué hacer, etc. Y, por supuesto, si estamos hablando de la marca o la empresa para la que trabajamos, ofrecer contenido personalizado a nuestros clientes y usuarios generará mejores impresiones de ellos.
Cuando hablamos de personalización, podemos diferenciar tipos de personalización. Mencionaré cuatro de ellos. Los primeros dos son la personalización explícita y la personalización implícita. La personalización explícita es cuando personalizamos el contenido según ciertos criterios establecidos por los visitantes. Esto sucede, por ejemplo, cuando ingresamos a un sitio web y pedimos a los visitantes que establezcan ciertos detalles relacionados con ellos. Les pedimos algunos datos personales para poder identificarlos y luego ofrecer contenido personalizado basado en la información que comparten con nosotros. Y la personalización implícita sería cuando analizamos el comportamiento de nuestros visitantes o clientes, o el contexto de nuestros visitantes, de nuestros usuarios. Por ejemplo, el comportamiento de los clientes, el usuario, serían las páginas que han visitado en el pasado o las cosas que han comprado en el pasado. Entonces eso es algo que podemos evaluar para ofrecer en el futuro experiencias personales para ellos, experiencias personalizadas para ellos, pero también el contexto, como mencionamos antes, un contexto sería, por ejemplo, la ciudad donde están navegando por nuestro sitio o donde viven, o no sé, el clima que podemos evaluar, el clima de la ciudad desde donde la persona está navegando por nuestro sitio web.
Los otros dos tipos de personalización serían la interrumpida y la fluida. Entonces, la personalización interrumpida, hablamos de eso cuando mostramos algo a la persona que está navegando por nuestro sitio web y que no esperan ver. Eso sería, por ejemplo, un pop-up, un modal con información o con una sugerencia. Y el otro tipo de personalización, fluida, sería cuando el contenido personalizado que ofrecemos a los usuarios es una parte integral de la experiencia. Quiero decir, cuando mostramos esta experiencia personal o mostramos el contenido personalizado en medio de la página web que están visitando. Entonces ven este contenido personalizado como parte de la experiencia general, ¿verdad? Quiero decir, la página web completa.
3. Benefits and Challenges of Personalization
Ofrecer experiencias personalizadas proporciona páginas de destino optimizadas y llamadas a la acción, clientes potenciales mejor calificados, una experiencia de usuario mejorada y una mayor afirmación de la marca. Los desafíos incluyen establecer el alcance, utilizar una base de datos adecuada o un sistema de gestión de contenido, gestionar silos de datos y medir el impacto. Las estrategias implican recopilar datos de los visitantes, crear perfiles de visitantes, establecer objetivos y preparar una estrategia de experiencia personalizada. Se muestra una demostración de una experiencia personalizada en una plataforma de comercio electrónico.
Entonces, ¿cuáles son los beneficios de ofrecer una experiencia personalizada a nuestros usuarios? Desde el punto de vista de la empresa u organización, obtendremos páginas de destino optimizadas y llamadas a la acción, porque los usuarios que visitarán nuestro sitio web se centrarán más en lo que realmente desean o en lo que les interesa, y en función de eso, también obtendremos clientes potenciales mejor calificados. Entonces, si estamos buscando clientes potenciales para posibles clientes, serán mejor calificados porque estamos dirigiendo a estos clientes o usuarios al contenido que desean obtener. Desde el punto de vista del visitante, mejoraremos la experiencia del usuario. Ingresaré a un sitio web que me muestra contenido en el que realmente estoy interesado y que me trata como la persona que soy, ¿verdad? Quiero decir, estoy obteniendo el contenido que quiero ver, y no una descripción general o el mismo contenido para todos los visitantes del sitio web.
Finalmente, también obtendremos una mayor afirmación de la marca. La marca, si ofrece una experiencia personal a cada persona, es decir, tratar a cada persona como un individuo y preocuparse por ellos, obtendrá una mejor imagen y una mejor afirmación.
¿Cuáles son los desafíos que debemos enfrentar al intentar crear experiencias personales? Entonces, el primer desafío será establecer el alcance de las experiencias personalizadas que queremos ofrecer. El alcance consistiría en definir las personas que queremos evaluar o las diferentes personas que tendremos en nuestro sitio web y crear experiencias para este tipo de personas. Otro desafío sería la base de datos o el sistema de gestión de contenido que vamos a utilizar. Estas plataformas deben admitir la información que necesitamos almacenar relacionada con nuestros visitantes y la plataforma debe ofrecernos una buena forma de navegar por esta información o una buena forma de analizar los datos que estamos almacenando para que podamos crear estas experiencias personalizadas para los usuarios. Una vez que definimos las personas y tenemos los datos relacionados con ellas, debemos tener cuidado con los silos de datos, porque la forma en que dividimos a los usuarios nos limitará cuando queramos interactuar con los datos y la forma en que vamos a definir los métodos que utilizaremos para crear estas experiencias personalizadas, por lo que es algo a lo que debemos prestar atención porque si estamos estableciendo las personas incorrectas o los tipos incorrectos de usuarios de nuestro sitio web, se nos complicará analizar los datos y dividir estas diferentes analíticas que estamos obteniendo de nuestros usuarios y eso afectará la forma en que estamos gestionando nuestras estrategias para ofrecer contenido personalizado. Finalmente, debemos medir el impacto de las estrategias que estamos aplicando. Quiero decir, después de crear experiencias personalizadas y obtener diferentes estrategias relacionadas con cómo obtener estas experiencias personalizadas, debemos medir el impacto. Me refiero a los recursos que obtenemos de estas experiencias personales y ver si eso es bueno o no, o si debemos cambiar algo o evaluar algo que estamos haciendo de cierta manera y hacerlo de manera diferente.
Entonces, algunas estrategias que podemos usar para crear experiencias personalizadas, quiero decir, algunos pasos que debemos seguir, en cierto sentido, debemos recopilar los datos de nuestros visitantes, debemos pedirles a los visitantes detalles, debemos mapear sus recorridos, podríamos crear cookies, podríamos rastrear las páginas que visitan, etc. Quiero decir, la idea es obtener la mayor cantidad de detalles de los usuarios para que podamos tomar mejores decisiones en el futuro. Después de eso, debemos crear estos perfiles de visitantes para que podamos estructurar los diferentes tipos de usuarios que tendremos y luego, para estos tipos de usuarios, podemos establecer los objetivos que queremos lograr relacionados con estos tipos de usuarios desde el punto de vista de nuestra empresa y lo que queremos ofrecer a estos diferentes tipos de perfiles de visitantes. Y finalmente, deberemos preparar una estrategia. Quiero decir, después de conocer los diferentes tipos de usuarios o visitantes que tenemos y los objetivos que queremos lograr relacionados con estos tipos de usuarios, debemos crear una estrategia para ofrecer la experiencia personalizada a ellos, identificar a los usuarios, priorizar a los usuarios y, por supuesto, obtener ingresos o obtener buenos resultados basados en eso. Entonces, permítanme mostrarles una breve demostración de una experiencia personalizada. Aquí tenemos una plataforma de comercio electrónico donde los usuarios pueden comprar diferentes tipos de artículos. Pueden comprar ropa deportiva o ropa elegante y también tenemos un catálogo general. Esta es la página de inicio de nuestro sitio web donde mostramos estos banners blancos que muestran ciertos descuentos u ofertas para los usuarios. Como pueden ver, esta es una oferta general. Quiero decir, no estamos ofreciendo ninguna categoría de producto en particular aquí.
4. Banners Personalizados y Next.js
Identificamos los intereses de los usuarios en función de las categorías que visitan y mostramos banners personalizados en visitas posteriores. Utilizamos el sistema de gestión de contenido Storyblock, que ofrece un editor visual en tiempo real y una organización basada en componentes. Las páginas son estáticas, generadas en tiempo de compilación utilizando Next.js. Next.js también proporciona renderizado en el lado del servidor y funciones que se pueden implementar en CDNs. Además, Next.js ofrece un middleware para lógica personalizada y tareas antes de cada solicitud.
Entonces, lo que queremos hacer ahora es si visito una de las diferentes categorías que tengo en el sitio web, digamos ropa deportiva, identificamos a nuestro usuario como una persona interesada en ropa deportiva. Entonces, la próxima vez que los usuarios visiten nuestro sitio web y vean nuestra página de inicio, lo que haremos es mostrar, en lugar de la oferta general, este banner blanco que ofrece descuentos y está relacionado con ropa deportiva. Es decir, tomaremos esta categoría como la preferida para el usuario. Entonces, si ahora van a ropa elegante, cuando vayan a la página de inicio, seguirán viendo esta oferta de ropa deportiva. Para hacer eso, esta experiencia, estamos utilizando un sistema de gestión de contenido. Estamos utilizando el sistema de gestión de contenido Storyblock, un sistema de gestión de contenido sin cabeza que ofrece un editor visual en tiempo real donde puedes ver el contenido que estás creando y cómo se verá. Y te ofrece la posibilidad de organizar el contenido que consumes y utilizas en tu sitio web en forma de componentes. Entonces, puedes ver eso aquí en el editor visual, selecciono este componente, este contenido personalizado, y tenemos diferentes variantes. Tenemos la general con la llamada a la acción para la oferta general que vimos antes. Pero después de eso, tenemos otras dos variantes relacionadas con las categorías de productos que ofrecemos. Tenemos la ropa deportiva, como mencionamos antes, y la elegante. Y como puedes ver, estamos gestionando todo el contenido relacionado con la página dentro de Storyblock. Pero lo que sucede es que desde el código de nuestra aplicación, debemos obtener un banner u otro, o mostrar un banner u otro, y una cosa que debemos considerar en la forma en que se creó este proyecto. Estas páginas que estamos visitando son páginas web estáticas. Las generamos en tiempo de compilación utilizando un generador de sitios web estáticos. Entonces, lo que vamos a hacer es generar todos los activos estáticos para todas las páginas de nuestro sitio web. La página de inicio, los diferentes catálogos, etc. Y también debemos crear la versión estática de estas páginas personalizadas, mostrando el banner con la oferta para los diferentes tipos de usuarios. Para esta demostración, utilicé Next.js. Como mencioné antes, Next.js es un marco de trabajo que ofrece la posibilidad de generar contenido estático en tiempo de compilación. Así que eso es lo que hice. Además, Next.js también ofrece renderizado en el lado del servidor en caso de que queramos generar contenido dinámico desde el servidor. Pero también utilicé Next.js porque en la última versión de Next.js también tenemos un par de características interesantes. Una de ellas son las funciones. Estos son scripts y funciones que se ejecutan en el lado del servidor, pero con la posibilidad de implementarlos en las CDNs que ofrece Vercel. Entonces, no tenemos que preocuparnos por tener renderizado en el lado del servidor en un servidor específico. Podemos implementar estas funciones en las CDNs y tenerlas más cerca de nuestros usuarios. Y también tendremos un middleware con Next.js. Next.js nos ofrece la posibilidad de crear esta capa intermedia que ejecuta lógica personalizada y tareas antes de cada solicitud. Entonces, lo que vamos a hacer con el middleware, volveré a la demostración, y quiero mostrarte esta es la página y este es el código de mi
5. Implementando Experiencias Personalizadas con NetJS
Tenemos todo el código para generar el marcado relacionado con nuestras páginas y generar los activos estáticos en tiempo de compilación. Generaremos versiones personalizadas de las páginas, incluyendo un banner diferente para diferentes tipos de usuarios. La parte más importante es el middleware, que analiza una cookie para mostrar versiones personalizadas de la página de inicio basadas en el tipo de usuario. Las mejores prácticas incluyen no molestar a los usuarios con recomendaciones, probar estrategias antes de implementarlas, monitorear análisis y revisar regularmente las estrategias. Visita los enlaces proporcionados para obtener más información sobre la personalización, NetJS y las funciones de Edge.
aplicación. Tenemos todo el código para generar el marcado relacionado con nuestras páginas y generar los activos estáticos en tiempo de compilación. Además, tenemos una función que traerá la información del Sistema de Gestión de Contenido relacionada con cada una de las páginas y el contenido que utilizaremos para generar el marcado de las páginas. También generaremos las versiones personalizadas de las páginas. Así que tendremos la página de inicio general y también tendremos cada versión de la página de inicio con un banner diferente para los diferentes tipos de usuarios. Hacemos esto trayendo las historias personalizadas. Estamos trayendo estas páginas del Sistema de Gestión de Contenido y buscamos las que tienen contenido personalizado. Pero la parte más importante que quiero mostrarte aquí es el middleware. Podemos crear un archivo llamado middleware en la carpeta de páginas de cualquier proyecto NetJS, y este middleware analizará una cookie que es el tipo de usuario y, en función de ese tipo de usuario, si tenemos esa cookie del usuario que está visitando nuestra página web, mostraremos la versión personalizada de la página de inicio basada en ese tipo de usuario. Si no tenemos la cookie para ese usuario, la crearemos en función de la página de catálogo que el usuario está visitando, ya sea Sportswear o Elegant.
Nuevamente, este es un ejemplo muy simple y un sitio web muy simple, pero quería mostrarte cómo podemos implementar experiencias personalizadas y cómo podemos aprovechar las funciones de Edge y los middlewares para las experiencias que queremos ofrecer a nuestros usuarios.
Algunas palabras finales, las mejores prácticas que debemos evaluar al crear experiencias personalizadas. No debemos molestar a los usuarios con recomendaciones. Eso es algo que debemos considerar, debemos ofrecer contenido personalizado pero sin molestarlos con ofertas, etc., porque los usuarios se enfadarán y dejarán de visitar nuestro sitio web. Además, debemos probar las estrategias que estamos creando e implementando en nuestros productos antes de implementarlos. Es decir, tener un buen período de prueba nos dará una buena idea de cómo se comportará nuestro producto cuando lo implementemos. Debemos monitorear el análisis como mencionamos antes. Debemos analizar cómo se comportan los usuarios en función de las estrategias que implementamos para ofrecer experiencias personalizadas y además debemos revisar regularmente las estrategias para ver si están funcionando o no, o si estamos obteniendo los resultados que queremos obtener o no. Finalmente, si quieres leer sobre personalización y NetJS en profundidad, puedes visitar el primer enlace que es un tutorial que tenemos en el sitio web oficial de Storyblock Home. Este es un tutorial sobre cómo crear un sitio web con experiencias personalizadas utilizando NetJS y funciones de Edge. Puedes visitar el segundo enlace para visitar el centro de tecnología de NetJS que tenemos en Storyblock con otros tutoriales, ejemplos de código, videos, etc., para aprender más sobre cómo conectar Storyblock y NetJS. Finalmente, puedes visitar el último enlace para obtener más información sobre las funciones de Edge y esta nueva característica que Vercel está ofreciendo en NetJS. Muchas gracias, disfruta de la conferencia y nos vemos pronto. ¡Adiós! tú
Comments