Slide 1

Slide 1 text

imanolteran.com INTELIGENCIA ARTIFICIAL En entornos web IA en entornos web

Slide 2

Slide 2 text

IA en entornos web imanolteran.com HOLA, SOY IMANOL DESARROLLADOR WEB CONSULTOR DE ESTRATEGIA DIGITAL FORMADOR EN NUEVAS TECNOLOGÍAS [email protected] @imanolteran

Slide 3

Slide 3 text

IA en entornos web imanolteran.com PODCAST SI DUDAS, HAZLO Spotify Apple Podcasts Google Podcasts imanolteran.com IA en entornos web

Slide 4

Slide 4 text

IA en entornos web imanolteran.com MÁS FORMACIÓN EN IMANOLTERAN.COM/FORMACION

Slide 5

Slide 5 text

imanolteran.com 1. Introducción 2. IA en entorno web 3. Aplicaciones y soluciones 4. Herramientas software 5. Ejercicios prácticos índice IA en entornos web

Slide 6

Slide 6 text

imanolteran.com 01 Introducción Pongámonos en situación IA en entornos web

Slide 7

Slide 7 text

IA en entornos web imanolteran.com • Llevamos muchos años hablando de Inteligencia Artificial. • La realidad, es que se está implantando en muchos sectores, y cada vez está más presente en nuestras vidas. • Gracias a su madurez, seguirá creciendo su tasa de adopción en todo tipo de sectores. • El mercado de la IA está creciendo. Introducción 01 7

Slide 8

Slide 8 text

IA en entornos web imanolteran.com Introducción 01 8 MERCADO DE SOFTWARE BASADO EN IA EN 2022 $62.500 M https://www.gartner.com/en/newsroom/press-releases/2021-11-22-gartner-forecasts- worldwide-artificial-intelligence-software-market-to-reach-62-billion-in-2022

Slide 9

Slide 9 text

IA en entornos web imanolteran.com Introducción 01 9 CON RESPECTO A 2021 ↑ 21,3 % https://www.gartner.com/en/newsroom/press-releases/2021-11-22-gartner-forecasts- worldwide-artificial-intelligence-software-market-to-reach-62-billion-in-2022

Slide 10

Slide 10 text

IA en entornos web imanolteran.com • Sectores en los que más se apreciará esta tendencia al alza: • Gestión del conocimiento. • Asistentes virtuales. • Vehículos autónomos. • Lugar de trabajo digital. • Datos de crowdsourcing. Introducción 01 10

Slide 11

Slide 11 text

IA en entornos web imanolteran.com Introducción 01 11 La inteligencia artificial es una rama de la computación que busca simular la inteligencia humana en una máquina. Los sistemas de inteligencia artificial funcionan con algoritmos, al usar técnicas como el aprendizaje profundo y aprendizaje automático para demostrar conductas «inteligentes».

Slide 12

Slide 12 text

IA en entornos web imanolteran.com • La Inteligencia Artificial (IA) es un término general que abarca varias tecnologías diferentes: • Machine Learning. • Deep Learning. • Procesamiento de lenguaje natural. • Visión artificial. Introducción 01 12

Slide 13

Slide 13 text

IA en entornos web imanolteran.com Introducción 01 13 MACHINE LEARNING El aprendizaje automático o aprendizaje automatizado o aprendizaje de máquinas es el subcampo de las ciencias de la computación y una rama de la inteligencia artificial, cuyo objetivo es desarrollar técnicas que permitan que las computadoras aprendan.

Slide 14

Slide 14 text

IA en entornos web imanolteran.com Introducción 01 14 DEEP LEARNING El deep learning es un tipo de machine learning que entrena a una computadora para que realice tareas como las hacemos los seres humanos, como el reconocimiento del habla, la identificación de imágenes o hacer predicciones.

Slide 15

Slide 15 text

IA en entornos web imanolteran.com Introducción 01 15 PROCESAMIENTO DE LENGUAJE NATURAL El procesamiento de lenguaje natural, es un campo de las ciencias de la computación, de la inteligencia artificial y de la lingüística que estudia las interacciones entre las computadoras y el lenguaje humano

Slide 16

Slide 16 text

IA en entornos web imanolteran.com Introducción 01 16 VISIÓN ARTIFICIAL La visión artificial es una parte de la inteligencia artificial y se basa en la utilización de diferentes tecnologías para reconocer imágenes, formas, caras, colores, etc

Slide 17

Slide 17 text

IA en entornos web imanolteran.com • Hay diferentes tipos de Inteligencia Artificial: • IA basada en funcionalidad • IA basada en capacidades Introducción 01 17

Slide 18

Slide 18 text

IA en entornos web imanolteran.com • Máquina reactiva. • Teoría limitada. • Teoría de la mente. • Autoconsciencia. Introducción 01 18 IA BASADA EN FUNCIONALIDAD

Slide 19

Slide 19 text

IA en entornos web imanolteran.com • Sin poder de memoria. • No es capaz de aprender de acciones pasadas. Introducción 01 19 MÁQUINA REACTIVA

Slide 20

Slide 20 text

IA en entornos web imanolteran.com • Añade memoria. • Puede utilizar información de eventos pasados para tomar mejores decisiones. Introducción 01 20 TEORÍA LIMITADA

Slide 21

Slide 21 text

IA en entornos web imanolteran.com • Se encuentra en desarrollo. • Pretende conseguir un alto nivel de comprensión de la mente humana. Introducción 01 21 TEORÍA DE LA MENTE

Slide 22

Slide 22 text

IA en entornos web imanolteran.com • Se encuentra aún en un estado hipotético. • Puede entender y evocar emociones humanas. • También puede tener emociones propias. Introducción 01 22 AUTOCONSCIENCIA

Slide 23

Slide 23 text

IA en entornos web imanolteran.com • ANI (Artificial Narrow Intelligence). • AGI (Artificial General Intelligence). • ASI (Artificial Super Intelligence). Introducción 01 23 IA BASADA EN CAPACIDADES

Slide 24

Slide 24 text

IA en entornos web imanolteran.com • Realiza tareas de forma programada. • Combinación de memoria limitada y reactiva. • Categoría a la que pertenecen la mayoría de aplicaciones de IA en la actualidad. Introducción 01 24 ARTIFICIAL NARROW INTELLIGENCE

Slide 25

Slide 25 text

IA en entornos web imanolteran.com • Capaz de rendir como un ser humano: • Enseñar. • Aprender. • Entender. Introducción 01 25 ARTIFICIAL GENERAL INTELLIGENCE

Slide 26

Slide 26 text

IA en entornos web imanolteran.com • Sin ejemplo en el mundo real actualmente. • Realiza tareas mejor que un ser humano. • Mayor capacidad de procesamiento de datos. • Mayor memoria. • Mejor toma de decisiones. Introducción 01 26 ARTIFICIAL SUPER INTELLIGENCE

Slide 27

Slide 27 text

imanolteran.com 02IA En entorno web IA en entornos web

Slide 28

Slide 28 text

IA en entornos web imanolteran.com • La IA tiene un objetivo principal: realizar tareas cognitivas mejor y más rápido que un humano. • Es una tecnología diseñada para hacer nuestro trabajo y vida más fáciles. • En los negocios, la IA ya ha probado ser efectiva para aumentar los ingresos. IA 02 28

Slide 29

Slide 29 text

IA en entornos web imanolteran.com IA 02 29 AUMENTO DE INGRESOS TRAS IMPLEMENTAR IA EN VENTAS Y MARKETING 6-10 % https://www.statista.com/statistics/1083482/worldwide-ai-revenue-increase/

Slide 30

Slide 30 text

IA en entornos web imanolteran.com • En un entorno cada más digitalizado, con nuestros sitios web en el centro de nuestra estrategia de negocio, tenemos varias formas de aprovechar la IA para potenciar nuestra web. • Desarrollo web • Mejorar apariencia de nuestro espacio digital. • Reforzar posicionamiento. • Gestión de stocks. IA 02 30

Slide 31

Slide 31 text

IA en entornos web imanolteran.com • En un entorno cada más digitalizado, con nuestros sitios web en el centro de nuestra estrategia de negocio, tenemos varias formas de aprovechar la IA para potenciar nuestra web. • Mejorar la interacción de los usuarios. • Personalizar experiencia de usuario. • Optimizar campañas de marketing digital. • Accesibilidad. IA 02 31

Slide 32

Slide 32 text

IA en entornos web imanolteran.com • Si debemos afrontar el desarrollo de una web, tenemos que empezar a pensar en implementar la IA en el proceso. • Esto nos traerá una serie de ventajas asociadas. • Agilizar proceso de diseño. • Mejorar rapidez y eficiencia de las búsquedas. • Personalizar experiencia de usuario. IA 02 32 DESARROLLO WEB

Slide 33

Slide 33 text

IA en entornos web imanolteran.com • A medida que la IA se ha vuelto más inteligente, se ha ido adentrando en el mundo del diseño web. • Puede analizar los datos de un sitio web para crear diseños personalizados. • Así, podemos reducir carga de tareas tediosas y ahorrar costes. IA 02 33 DESARROLLO WEB

Slide 34

Slide 34 text

IA en entornos web imanolteran.com • Surge el concepto de ADI: Inteligencia de Diseño Artificial. • ADI se plantea más como un apoyo a los diseñadores que como una amenaza. • Sobre todo para suplir la parte menos creativa del proceso. IA 02 34 DESARROLLO WEB

Slide 35

Slide 35 text

IA en entornos web imanolteran.com • Algunas herramientas ya utilizan ADI • Ejemplos: • https://www.wix.com • https://www.bookmark.com • https://sacha.ai • https://es.squarespace.com IA 02 35 DESARROLLO WEB

Slide 36

Slide 36 text

IA en entornos web imanolteran.com • Las interfaces de usuario optimizadas con IA son capaces de tomar decisiones de diseño por su cuenta. • Se configura el programa para que comprenda los principios de diseño y pueda observar las páginas actuales de tu web. • Así, puede imitar pensamientos independientes y crear diseños de páginas web funcionales y atractivos sin intervención humana IA 02 36 MEJORAR APARIENCIA

Slide 37

Slide 37 text

IA en entornos web imanolteran.com • La IA permite optimizar procesos, personalizar anuncios e incluso conocer a nuestros consumidores. • Conseguimos experiencias más personalizadas, adaptadas 100% a los gustos y necesidades del usuario. • Aumentamos la fidelidad de nuestros clientes. IA 02 37 PERSONALIZAR EXPERIENCIA DE USUARIO

Slide 38

Slide 38 text

IA en entornos web imanolteran.com • Los principales buscadores utilizan IA para mostrar los mejores resultados a los usuarios. • Ya no se trata de resultados en base a palabras clave. • Se trata de entender la intención de la búsqueda, qué quiere encontrar el usuario en relación al término buscado. IA 02 38 REFORZAR POSICIONAMIENTO

Slide 39

Slide 39 text

IA en entornos web imanolteran.com • Así, ahora el SEO trata de: • Conceptos: ¿cuál es la idea detrás de la pregunta del usuario que está realizando la búsqueda? • Contexto: ¿cuál es la intención detrás de la pregunta del usuario? • Satisfacción del cliente: ¿cuáles son las respuestas más relevantes a la pregunta del usuario? IA 02 39 REFORZAR POSICIONAMIENTO

Slide 40

Slide 40 text

IA en entornos web imanolteran.com • Estrategias para mejorar el SEO con IA: • Descubrir oportunidades • Creación de contenido. • Optimización de contenido. • Optimizar para búsqueda por voz. IA 02 40 REFORZAR POSICIONAMIENTO

Slide 41

Slide 41 text

IA en entornos web imanolteran.com • La rotura de stocks es uno de los problemas emergentes en e-commerce. • La inteligencia artificial se está posicionando como herramienta clave para invertir esta situación. • Ayuda a las tiendas online a anticiparse a la demanda. IA 02 41 GESTIÓN DE STOCKS

Slide 42

Slide 42 text

IA en entornos web imanolteran.com • Puede analizar: • Demanda en tiempo real. • Ratios de conversión • Así, conocemos el ritmo de agotamiento de stock en cada talla de cada producto, teniendo en cuenta factores estacionales, promocionales, etc. IA 02 42 GESTIÓN DE STOCKS

Slide 43

Slide 43 text

IA en entornos web imanolteran.com • También es capaz de mostrar al ecommerce cuánto negocio está perdiendo diariamente. • Cuánto negocio se perderá en los próximos días o meses de la misma manera, o cuántos productos y tallas están en peligro de overstock. IA 02 43 GESTIÓN DE STOCKS

Slide 44

Slide 44 text

IA en entornos web imanolteran.com • Gracias a la IA, los diseñadores pueden transformar la portada de una web en una experiencia mucho mas completa. • Se han creado nuevos componentes estándares en la interacción entre humanos y máquinas. IA 02 44 MEJORAR INTERACCIÓN USUARIOS

Slide 45

Slide 45 text

IA en entornos web imanolteran.com • Uno de los grandes ejemplos es el uso de chatbots. • Hoy en día están presentes en muchos sitios web y apps. • Gracias al aprendizaje automatico, esta brecha humano-máquina, cada vez es menor. IA 02 45 MEJORAR INTERACCIÓN USUARIOS

Slide 46

Slide 46 text

IA en entornos web imanolteran.com • Con una base de datos y un software adecuado se pueden diseñar campañas según las necesidades y preferencias de los consumidores. • De esta forma, el lanzamiento de las campañas puede ser más eficaz. IA 02 46 OPTIMIZAR CAMPAÑAS DE MARKETING DIGITAL

Slide 47

Slide 47 text

IA en entornos web imanolteran.com • La accesibilidad web no solo es necesaria legal y socialmente, sino que también es excelente para nuestros negocios. • Nos ayuda a llegar a una audiencia más amplia que puede aumentar la cantidad de clientes potenciales y, eventualmente, mejores ingresos. IA 02 47 ACCESIBILIDAD

Slide 48

Slide 48 text

IA en entornos web imanolteran.com • La IA se presenta como una gran oportunidad para mejorar la accesibilidad de nuestros sitios web. • Gracias a diferentes técnicas, a medida que mejoramos la experiencia de nuestros clientes, podemos crear sitios web más accesibles. IA 02 48 ACCESIBILIDAD

Slide 49

Slide 49 text

IA en entornos web imanolteran.com • No hay que olvidar, que como toda tecnología, también podemos encontrarnos con aspectos negativos al implementar esta tecnología en nuestros sitios web. • Privacidad. • Interacciones impersonales. IA 02 49 DESVENTAJAS

Slide 50

Slide 50 text

imanolteran.com 03Aplicaciones Y soluciones IA en entornos web

Slide 51

Slide 51 text

IA en entornos web imanolteran.com • Teniendo todo esto en cuenta, vamos a analizar las mejores aplicaciones de IA en entorno web, para aumentar la conversión de nuestras páginas web. • Chatbots. • Data Science. • Recomendaciones personalizadas. • Mejor experiencia de compra. • Búsquedas por voz. Aplicaciones 03 51

Slide 52

Slide 52 text

IA en entornos web imanolteran.com • Los chatbots son una gran solución para la automatización de atención al cliente . • Mediante el uso de IA conversacional, podemos generar conversaciones más “humanas” con nuestros usuarios Aplicaciones 03 52 CHATBOTS

Slide 53

Slide 53 text

IA en entornos web imanolteran.com • En un futuro, aspiran a ser capaces de reconocer emociones humanas, para así poder responder en consonancia. • Los bots con IA conversacional pretenden aprender a partir de las conversaciones que mantienen. • Lo hacen mediante machine Learning. Aplicaciones 03 53 CHATBOTS

Slide 54

Slide 54 text

IA en entornos web imanolteran.com • Funciones: • Servicio ininterrumpido, siempre en linea. • Capacidad de personalización. • Integración con otros servicios. Aplicaciones 03 54 CHATBOTS

Slide 55

Slide 55 text

IA en entornos web imanolteran.com • Ventajas: • Experiencia más completa y personalizada. • Análisis y almacenamiento de datos. • Herramienta multicanal. • Diferenciación de marca. • Reconocimiento de voz. Aplicaciones 03 55 CHATBOTS

Slide 56

Slide 56 text

IA en entornos web imanolteran.com • En cualquier estrategia de marketing, la recogida y análisis de datos es fundamental. • Esto nos permite realizar informes para mejorar la toma de decisiones. • Gracias a la IA, podemos recopilar una gran cantidad de datos y variantes, y analizarlas . Aplicaciones 03 56 DATA SCIENCE

Slide 57

Slide 57 text

IA en entornos web imanolteran.com • Debido a su gran poder de computación, puede hacer estas acciones de una forma mucho más exhaustiva que si lo realizara un ser humano. • Datos que puede analizar la IA: • Clics. • Tiempo de permanencia en el sitio. • Comentarios… • etc. Aplicaciones 03 57 DATA SCIENCE

Slide 58

Slide 58 text

IA en entornos web imanolteran.com • Algo muy potente es la posibilidad de, en base a toda la cantidad de información que recopilamos, poder brindar mejores experiencias a nuestros usuarios. • Una forma de hacerlo es sugiriéndole recomendaciones personalizadas, para distintos tipos de clientes. Aplicaciones 03 58 RECOMENDACIONES PERSONALIZADAS

Slide 59

Slide 59 text

IA en entornos web imanolteran.com • Gracias a la IA, podemos llegar a “conocer” al usuario que hay detrás de la pantalla. • Así, le podremos ofrecer justamente lo que él/ella quiere. Aplicaciones 03 59 RECOMENDACIONES PERSONALIZADAS

Slide 60

Slide 60 text

IA en entornos web imanolteran.com • Si extrapolamos el punto anterior, gracias a la información que obtenemos de un cliente, y el análisis realizado por la IA, podemos mejorar toda su experiencia de compra. • Seremos capaces de mostrarle todo el contenido de la web, de la forma más óptima para cada uno, sin necesidad de que tengan que decírnoslo. Aplicaciones 03 60 MEJOR EXPERIENCIA DE COMPRA

Slide 61

Slide 61 text

IA en entornos web imanolteran.com • Un punto importante, la accesibilidad. • Permitimos al usuario que navegue por nuestra web, sin teclado ni ratón, solo con su voz. • La IA nos habilita a implementar técnicas como: • Reconocimiento del habla. • Procesamiento del lenguaje natural. Aplicaciones 03 61 BÚSQUEDAS POR VOZ

Slide 62

Slide 62 text

imanolteran.com 04Herramientas Software IA en entornos web

Slide 63

Slide 63 text

IA en entornos web imanolteran.com • Diseño web. • Desarrollo de apps. • Chatbots. • Analítica e informes de datos. Herramientas 04 63

Slide 64

Slide 64 text

IA en entornos web imanolteran.com • E-commerce. • Recomendaciones y contenidos personalizados. • SEO • Reconocimiento de voz. Herramientas 04 64

Slide 65

Slide 65 text

IA en entornos web imanolteran.com • Umso. • Wix. • Bookmark. • UiZard. • Sketch2Code. Herramientas 04 65 DISEÑO WEB

Slide 66

Slide 66 text

IA en entornos web imanolteran.com • Bravo Studio. Herramientas 04 66 DESARROLLO DE APPS

Slide 67

Slide 67 text

IA en entornos web imanolteran.com • Landbot. • Chatfuel. • MobileMonkey. • IBM • ManyChat. • HubSpot Chatbot Builder. • Intercom. • Mindsay. Herramientas 04 67 CHATBOTS

Slide 68

Slide 68 text

IA en entornos web imanolteran.com • Sprinklr • Crear un chatbot en Python • Wit.ai Herramientas 04 68 CHATBOTS

Slide 69

Slide 69 text

IA en entornos web imanolteran.com • Hotjar. • Clarity. • Zyro. • Crazyegg. • Brand24. • Brandwatch. • Woopra. Herramientas 04 69 ANALÍTICA E INFORMES DE DATOS

Slide 70

Slide 70 text

IA en entornos web imanolteran.com • WooCommerce recommendation Engine. • Shopify AI Product Recommendations. Herramientas 04 70 RECOMENDACIONES Y CONTENIDOS PERSONALIZADOS

Slide 71

Slide 71 text

IA en entornos web imanolteran.com • Grammarly. • RAD AI. • Hemingway. • Alli. • WordLift. Herramientas 04 71 SEO

Slide 72

Slide 72 text

IA en entornos web imanolteran.com • Rytr • ContentBot. • Frase • Zyro • Jasper • Simplified Herramientas 04 72 GENERACIÓN DE CONTENIDO

Slide 73

Slide 73 text

IA en entornos web imanolteran.com • Smart Copys • Designs.ai • Synthesia • Rephrase.ai Herramientas 04 73 GENERACIÓN DE CONTENIDO

Slide 74

Slide 74 text

IA en entornos web imanolteran.com • Zyro • Hotpot Herramientas 04 74 TRATAMIENTO DE IMÁGENES

Slide 75

Slide 75 text

IA en entornos web imanolteran.com • QuikFynd • Alfresco • Google Drive Herramientas 04 75 FILE MANAGERS

Slide 76

Slide 76 text

IA en entornos web imanolteran.com • AccessiBe • Audioeye. • Acessible360. Herramientas 04 76 ACCESIBILIDAD

Slide 77

Slide 77 text

IA en entornos web imanolteran.com • https://usizy.com/smart-logistics/ • https://usizy.com/usizy-size-adviser/ Herramientas 04 77 E-COMMERCE

Slide 78

Slide 78 text

IA en entornos web imanolteran.com • Speechly. Herramientas 04 78 RECONOCIMIENTO DE VOZ

Slide 79

Slide 79 text

imanolteran.com 05Ejercicios Prácticos IA en entornos web

Slide 80

Slide 80 text

IA en entornos web imanolteran.com • Sitio WordPress + WooCommerce • Productos recomendados. • Textos creados mediante software IA. • Búsqueda mediante voz. • Integrat chatbot. • Integrar servicio de accesibilidad • https://wordpress.org/search/speak2web/ Ejercicios 05 80

Slide 81

Slide 81 text

IA en entornos web imanolteran.com • Sitio WordPress + WooCommerce • https://voxpow.com Ejercicios 05 81

Slide 82

Slide 82 text

IA en entornos web imanolteran.com • Landing page • Crear sitio con Umso. • Crear Chatbot en Landbot. • Integrar Chatbot. • Crear contenido con ContentBot u otro similar. • Revisar con Grammarly y Hemmingway. Ejercicios 05 82

Slide 83

Slide 83 text

IA en entornos web imanolteran.com • Landing page • Analizar con Clarity interacciones. • Integrar software accesibilidad. • Integrar búsqueda por voz. Ejercicios 05 83

Slide 84

Slide 84 text

IA en entornos web imanolteran.com PRÓXIMOS CURSOS AUTOMATIZACIÓN DE TAREAS CON MICROSOFT POWER AUTOMATE

Slide 85

Slide 85 text

imanolteran.com IA en entornos web [email protected] Eskerrik asko