AI + UX: Diseño de Producto para Experiencias Inteligentes

Rate this content
Bookmark

La revolución en curso de la IA nos presenta oportunidades, desafíos y responsabilidades únicas para diseñar nuestro futuro. Aprende cómo ejercitar tus habilidades de pensamiento crítico cuando se trata de integrar la IA en tu oficio de diseño, y cómo construir una sólida mentalidad ética en torno a la toma de decisiones de diseño en la Era de la IA. Guiados por Ioana Teleanu, la Diseñadora de Producto Principal de IA en Miro, exploraremos los principales temas en los que debemos reflexionar como diseñadores que participan en la formación del futuro de la humanidad.

This talk has been presented at C3 Dev Festival 2024, check out the latest edition of this Tech Conference.

Ioana Teleanu
Ioana Teleanu
28 min
15 Jun, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Los desafíos del diseño de IA incluyen el sesgo, la seguridad y la privacidad. La confianza y la transparencia son importantes en la IA. Los principios de diseño para la IA incluyen el control del usuario, combatir el sesgo y promover la toma de decisiones acertadas. La IA puede habilitar el proceso de diseño y los inversores esperan verla incluida en los productos. La IA capacita a las personas para crear y compartir ideas, pero gestionar las expectativas es crucial.

1. Introducción al Diseño de IA

Short description:

Soy un diseñador de productos y no me considero un experto en IA y diseño. Soy un coleccionista de ideas interesantes sobre diseño y agrego una capa de experiencia personal sobre cómo interpreto esas ideas y luego las comunico. He reducido esta charla a 20 minutos para abarcar la mayor cantidad de puntos posibles. Mi interés en la IA comenzó en UiPath, donde trabajé en un producto llamado Clipboard AI. Ganó el premio a la Mejor Invención del año 2023 según la revista Time. Ahora estoy diseñando para el espacio de colaboración en Miro.

Hola. Estoy muy emocionado de estar aquí. Siempre estoy un poco nervioso y muy emocionado de hablar sobre el diseño. Como soy diseñador de productos, voy a comenzar con un poco de delimitación del problema. Solo quiero decir que no me considero un experto en IA y diseño. No sé quién lo sea en esta etapa de la industria, pero soy un coleccionista de ideas interesantes sobre diseño y agrego una capa de experiencia personal sobre cómo interpreto esas ideas y luego las comunico.

En segundo lugar, normalmente hago esta charla en 40 minutos, una hora, pero la he reducido a 20 minutos, así que si se siente un poco apresurada, por favor, tengan paciencia. Será como ver un video a 1.2 de velocidad, pero sí, quiero abarcar la mayor cantidad de puntos posibles, así que gracias por tener paciencia.

Ahora, mi interés en la IA comenzó en UiPath, que es una empresa que se dedica a la automatización de procesos robóticos. Trabajé en un producto llamado Clipboard AI, que en realidad ganó el premio a la Mejor Invención del año 2023 según la revista Time, y me emocionó la industria y el nuevo espacio de problemas y los desafíos y oportunidades que nos presenta, y luego me uní a Miro, y ahora estoy diseñando para el espacio de colaboración, lo cual es muy emocionante para un diseñador. Básicamente, estoy diseñando para mí mismo, y sí, ese es el trasfondo.

2. Desafíos en el Diseño para IA

Short description:

La IA está perdiendo popularidad, pero está aquí para quedarse. Necesitamos diseñar para la IA comprendiendo sus desafíos, como el sesgo, la seguridad, la privacidad y el diseño para la probabilidad. Los sistemas de IA reflejan el mundo en el que vivimos, pero podemos cambiar eso alimentándolos con datos más representativos. Debemos ser responsables al establecer los cimientos de las tecnologías de IA, ya que darán forma a lo que nos convertimos como humanidad.

Y ahora veamos qué está haciendo la IA en este momento. Está perdiendo fuerza. Está perdiendo popularidad. Es menos emocionante. No hay tantos casos de uso valiosos como se esperaba. Las empresas están perdiendo un poco de confianza. Han invertido mucho dinero en estas tecnologías y aún no ven un retorno de inversión, por lo que, en general, si observamos el ciclo de hype de Gartner, estamos entrando en la era en la que el pico de expectativas infladas ha terminado y las personas están generalmente en esta depresión sobre lo que la IA puede hacer por nosotros.

Pero lo interesante cuando se observa este gráfico es que, si bien vamos a decir que la IA no está haciendo nada como se prometió y que es una tecnología infantil, muy inmadura, va a llegar allí, y finalmente veremos estándares y mejores prácticas y marcos a los que podemos hacer referencia como diseñadores, como constructores, y luego se estabilizará, por lo que está aquí para quedarse. Veamos cómo podemos diseñar para ello, ya que estará con nosotros a partir de este momento.

Para enmarcar mi pensamiento sobre cómo deberíamos diseñar para la IA, parto de la definición de lo que es la IA. Y, por supuesto, hay múltiples formas en las que se puede definir la IA. Una forma de pensar en ella es como una colección de herramientas que ahora tenemos disponibles, y si pensamos en estas herramientas que estamos utilizando para dar forma a productos, a experiencias, a dar forma al mundo, me hace ser un poco poético o filosófico y pensar que si ahora estamos dando forma a estas herramientas, básicamente nos estamos dando forma a nosotros mismos, o al menos a nuestro futuro, el futuro de la experiencia humana, por lo que esencialmente cómo trabajaremos y viviremos. Esta es una cita de John Culking, damos forma a nuestras herramientas, luego nuestras herramientas nos dan forma a nosotros. Lo que diseñamos termina por diseñarnos a nosotros. Si pensamos en el mundo en general, los muebles que diseñamos, la arquitectura, las ciudades, los lugares de trabajo, los productos, las experiencias, las conversaciones, todo lo que diseñamos contribuye a la forma en que experimentamos el mundo. Y, por lo tanto, nos da forma esencialmente. Lo cual es emocionante, pero también es un llamado a la responsabilidad en la era de la IA donde todo es ambiguo, no está regulado, no hay estándares o reglas claras, directrices, barreras de protección. Por lo tanto, debemos ser aún más responsables que antes porque la forma en que establecemos los cimientos para estas tecnologías dará forma a lo que nos convertimos como humanidad.

Ahora, si queremos hacerlo bien, debemos comenzar por los desafíos, al menos desde esta perspectiva de diseñador. Debemos comenzar por los desafíos que la IA plantea para los diseñadores. Uno de ellos es trabajar con sesgos. Todos lo sabemos ahora, los sistemas de IA son inherentemente sesgados, lo cual no es porque sean malvados, simplemente son un reflejo de algo que desafortunadamente existe en la sociedad, pero eso también es una oportunidad, ¿verdad? Entonces, si queremos cambiar la forma en que estos sistemas nos reflejan y reflejan el mundo en el que vivimos, podemos alimentarlos con datos más representativos, podemos intervenir en ese proceso y cambiar la forma en que nos reflejan, y en realidad es una oportunidad. La seguridad y la seguridad, no se trata solo de que la IA se vuelva consciente y nos mate a todos, sino que también se trata de preocupaciones sobre la privacidad de los datos, incluso la seguridad psicológica que tenemos cuando tenemos conversaciones con sistemas de IA o interactuamos con ellos en otros medios. Sí, también está el aspecto de que estos sistemas son fácilmente engañosos, por lo que pueden ser manipulados en manos equivocadas. Luego está el aspecto de diseñar para la probabilidad, que es mi favorito. Como diseñador, es realmente interesante pensar que en un sistema convencional, controlas la experiencia. Sabes lo que va a suceder porque tú decides, porque tienes la oportunidad de diseñarlo. Siempre sabes lo que va a suceder a continuación o algunas opciones de lo que puede suceder a continuación cuando un usuario realiza una acción. Con los sistemas de IA, no tienes idea de lo que va a suceder. Tal vez sea bueno.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
React Summit US 2023React Summit US 2023
28 min
El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
Top Content
The speaker discusses the whimsical and detailed work of Stripe, particularly their interactive and dynamic pages. They explain the use of React for building whimsical details and tracking mouse position. The speaker introduces React Spring for smooth animation and React3 Fiber for creating a 3D egg model. They also mention the use of Framer Motion and React server components for animating CSS properties.
IA y Desarrollo Web: ¿Exageración o Realidad?
JSNation 2023JSNation 2023
24 min
IA y Desarrollo Web: ¿Exageración o Realidad?
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
El Ascenso del Ingeniero de IA
React Summit US 2023React Summit US 2023
30 min
El Ascenso del Ingeniero de IA
The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.
Aplicaciones Web del Futuro con Web AI
JSNation 2024JSNation 2024
32 min
Aplicaciones Web del Futuro con Web AI
Web AI in JavaScript allows for running machine learning models client-side in a web browser, offering advantages such as privacy, offline capabilities, low latency, and cost savings. Various AI models can be used for tasks like background blur, text toxicity detection, 3D data extraction, face mesh recognition, hand tracking, pose detection, and body segmentation. JavaScript libraries like MediaPipe LLM inference API and Visual Blocks facilitate the use of AI models. Web AI is in its early stages but has the potential to revolutionize web experiences and improve accessibility.
El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy
JSNation US 2024JSNation US 2024
31 min
El Flujo de Trabajo del Desarrollador Asistido por IA: Construye Más Rápido e Inteligente Hoy
AI is transforming software engineering by using agents to help with coding. Agents can autonomously complete tasks and make decisions based on data. Collaborative AI and automation are opening new possibilities in code generation. Bolt is a powerful tool for troubleshooting, bug fixing, and authentication. Code generation tools like Copilot and Cursor provide support for selecting models and codebase awareness. Cline is a useful extension for website inspection and testing. Guidelines for coding with agents include defining requirements, choosing the right model, and frequent testing. Clear and concise instructions are crucial in AI-generated code. Experienced engineers are still necessary in understanding architecture and problem-solving. Energy consumption insights and sustainability are discussed in the Talk.

Workshops on related topic

IA a demanda: IA sin servidor
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
IA a demanda: IA sin servidor
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
En esta masterclass, discutimos los méritos de la arquitectura sin servidor y cómo se puede aplicar al espacio de la IA. Exploraremos opciones para construir aplicaciones RAG sin servidor para un enfoque más lambda-esque a la IA. A continuación, nos pondremos manos a la obra y construiremos una aplicación CRUD de muestra que te permite almacenar información y consultarla utilizando un LLM con Workers AI, Vectorize, D1 y Cloudflare Workers.
AI para Desarrolladores de React
React Advanced 2024React Advanced 2024
142 min
AI para Desarrolladores de React
Featured Workshop
Eve Porcello
Eve Porcello
El conocimiento de las herramientas de AI es fundamental para preparar el futuro de las carreras de los desarrolladores de React, y la suite de herramientas de AI de Vercel es una vía de acceso accesible. En este curso, examinaremos más de cerca el Vercel AI SDK y cómo esto puede ayudar a los desarrolladores de React a construir interfaces de transmisión con JavaScript y Next.js. También incorporaremos APIs de terceros adicionales para construir y desplegar una aplicación de visualización de música.
Temas:- Creación de un Proyecto de React con Next.js- Elección de un LLM- Personalización de Interfaces de Transmisión- Construcción de Rutas- Creación y Generación de Componentes - Uso de Hooks (useChat, useCompletion, useActions, etc)
Aprovechando LLMs para Construir Experiencias de IA Intuitivas con JavaScript
JSNation 2024JSNation 2024
108 min
Aprovechando LLMs para Construir Experiencias de IA Intuitivas con JavaScript
Featured Workshop
Roy Derks
Shivay Lamba
2 authors
Hoy en día, todos los desarrolladores están utilizando LLMs en diferentes formas y variantes, desde ChatGPT hasta asistentes de código como GitHub CoPilot. Siguiendo esto, muchos productos han introducido capacidades de IA integradas, y en este masterclass haremos que los LLMs sean comprensibles para los desarrolladores web. Y nos adentraremos en la codificación de tu propia aplicación impulsada por IA. No se necesita experiencia previa en trabajar con LLMs o aprendizaje automático. En su lugar, utilizaremos tecnologías web como JavaScript, React que ya conoces y amas, al mismo tiempo que aprendemos sobre algunas nuevas bibliotecas como OpenAI, Transformers.js
Masterclass: Qué son y cómo aprovechar los LLMs
React Summit 2024React Summit 2024
66 min
Masterclass: Qué son y cómo aprovechar los LLMs
Featured Workshop
Nathan Marrs
Haris Rozajac
2 authors
Únete a Nathan en esta sesión práctica donde primero aprenderás a alto nivel qué son los modelos de lenguaje grandes (LLMs) y cómo funcionan. Luego sumérgete en un ejercicio de codificación interactivo donde implementarás la funcionalidad de LLM en una aplicación de ejemplo básica. Durante este ejercicio, adquirirás habilidades clave para trabajar con LLMs en tus propias aplicaciones, como la ingeniería de indicaciones y la exposición a la API de OpenAI.
Después de esta sesión, tendrás una idea de qué son los LLMs y cómo se pueden utilizar prácticamente para mejorar tus propias aplicaciones.
Tabla de contenidos:- Demostración interactiva de la implementación de funciones básicas impulsadas por LLM en una aplicación de demostración- Discutir cómo decidir dónde aprovechar los LLMs en un producto- Lecciones aprendidas sobre la integración con OpenAI / descripción general de la API de OpenAI- Mejores prácticas para la ingeniería de indicaciones- Desafíos comunes específicos de React (gestión de estado :D / buenas prácticas de UX)
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
React Advanced 2023React Advanced 2023
98 min
Trabajando con OpenAI y la Ingeniería de Prompts para Desarrolladores de React
Top Content
Workshop
Richard Moss
Richard Moss
En esta masterclass daremos un recorrido por la IA aplicada desde la perspectiva de los desarrolladores de front end, enfocándonos en las mejores prácticas emergentes cuando se trata de trabajar con LLMs para construir grandes productos. Esta masterclass se basa en los aprendizajes obtenidos al trabajar con la API de OpenAI desde su debut en noviembre pasado para construir un MVP funcional que se convirtió en PowerModeAI (una herramienta de creación de ideas y presentaciones orientada al cliente).
En la masterclass habrá una mezcla de presentación y ejercicios prácticos para cubrir temas que incluyen:
- Fundamentos de GPT- Trampas de los LLMs- Mejores prácticas y técnicas de ingeniería de prompts- Uso efectivo del playground- Instalación y configuración del SDK de OpenAI- Enfoques para trabajar con la API y la gestión de prompts- Implementación de la API para construir una aplicación orientada al cliente potenciada por IA- Ajuste fino y embeddings- Mejores prácticas emergentes en LLMOps
Construyendo Aplicaciones AI para la Web
React Day Berlin 2023React Day Berlin 2023
98 min
Construyendo Aplicaciones AI para la Web
Workshop
Roy Derks
Roy Derks
Hoy en día, cada desarrollador está utilizando LLMs en diferentes formas y figuras. Muchos productos han introducido capacidades AI incorporadas, y en esta masterclass aprenderás cómo construir tu propia aplicación AI. No se necesita experiencia en la construcción de LLMs o en el aprendizaje automático. En cambio, utilizaremos tecnologías web como JavaScript, React y GraphQL que ya conoces y amas.