Acelerando la Innovación en Diseño y Desarrollo con Herramientas Impulsadas por IA

Rate this content
Bookmark
Slides

Los diseñadores y desarrolladores trabajan en diferentes cronogramas: los diseñadores miran hacia el futuro mientras que los desarrolladores construyen a partir de lo que ya se ha diseñado. Hablan diferentes idiomas y siguen diferentes procesos. ¿Cómo podemos cerrar estas brechas y construir un proceso de desarrollo más colaborativo? En esta charla, exploraremos la integración de herramientas y técnicas impulsadas por IA para mejorar los sistemas de diseño, fomentando una mejor comunicación entre equipos multifuncionales. Al aprovechar la inteligencia artificial, no solo podemos aumentar la productividad y la innovación, sino también crear un flujo de trabajo más armonioso y eficiente para diseñadores y desarrolladores

This talk has been presented at React Day Berlin 2023, check out the latest edition of this React Conference.

FAQ

Cristobal Chao es un profesional originario de España que llegó a los Estados Unidos en 2012. Comenzó trabajando en Hatchery Labs, un laboratorio de innovación en San Francisco, y luego se unió a Google donde participó en la transformación de front end y fue parte del equipo de material design. Posteriormente, fundó Torii Studio, un estudio que trabaja con startups y empresas medianas para mejorar sus aplicaciones de front-end.

Torii Studio es un estudio fundado por Cristobal Chao que trabaja con startups y empresas de tamaño mediano para ayudarlas a escalar sus productos frontend. El estudio se enfoca en construir interfaces que no solo escalen bien desde una perspectiva de ingeniería sino que también ofrezcan una excelente experiencia de usuario.

Según Cristobal Chao, las iteraciones rápidas son cruciales porque permiten a los innovadores aprender rápidamente del feedback y ajustar sus productos o servicios. Esta capacidad de iterar rápidamente puede llevar a un mayor entendimiento del problema a resolver y eventualmente a una solución más efectiva.

Cristobal Chao relata la historia de Paul McGrady, quien en los años 50 innovó en la construcción de una bicicleta voladora que podía ser reconstruida en horas en lugar de meses. Este enfoque permitió a McGrady experimentar rápidamente y eventualmente ganar un concurso, cruzando un canal de dos millas.

Cristobal Chao argumenta que las grandes empresas enfrentan dificultades para innovar debido a los largos ciclos de desarrollo de producto y la rigidez en sus procesos, lo que les impide adaptarse rápidamente y probar nuevas ideas efectivamente.

Cristobal Chao sugiere que diseñadores y desarrolladores deben colaborar desde las primeras etapas del proceso de innovación, utilizando herramientas como Figma y React para integrar sistemas de diseño que sean eficientes y reutilizables, mejorando así la cohesión y eficiencia en el desarrollo de productos.

Cristobal Chao
Cristobal Chao
21 min
12 Dec, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla discute la importancia de la innovación y las iteraciones rápidas en la resolución de problemas. Enfatiza los beneficios de mezclar diseñadores y desarrolladores desde el principio y usar React para la reutilización de componentes. Se mencionan las capacidades del modo de desarrollo de Figma como una herramienta para un desarrollo más rápido, aunque todavía es un trabajo en progreso.

1. Introducción a la Innovación

Short description:

Hola a todos. Muy emocionado de hablar con ustedes sobre este tema hoy. Un poco de antecedentes sobre mí. Comencé a trabajar para un laboratorio de innovación llamado Hatchery Labs. Me uní a Google como parte de la transformación de front end. Comencé mi propio estudio llamado Torii Studio. ¿Qué es la innovación? ¿Estás resolviendo el problema correcto?

Hola a todos. Estoy muy emocionado de hablar con ustedes sobre este tema hoy. La Innovation es algo que realmente me emociona. Y cuando veo productos que están innovando, o incluso personas que tienen grandes ideas, esto es algo que realmente me emociona. Y definitivamente esto es algo de lo que estoy muy emocionado de hablar con todos ustedes.

Así que comencemos. Y antes de comenzar, quiero darles un poco de antecedentes sobre mí. Mi nombre es Cristobal Chao. Soy originario de España, llegué a los Estados Unidos hace 11 años en 2012. Y cuando llegué a San Francisco, comencé a trabajar para un laboratorio de innovation llamado Hatchery Labs. Y nuestro objetivo era construir otras startups. Fue muy emocionante. Fui el primer ingeniero allí, y me lo pasé muy bien trabajando con muchas startups. Algunas de ellas no llegaron muy lejos, pero algunas de ellas pasaron al siguiente nivel. Y una de ellas se convirtió en un unicornio, lo cual es muy, muy emocionante. Un año y medio después, me uní a Google como parte de la transformación de front end. Y aprendí mucho, no solo desde una perspectiva de ingeniería, también desde un design UI y UX. Y trabajo en grandes equipos. Fui parte del material design versión 1 y versión 2, construyendo los principales sistemas de componentes, así como moviendo todas estas piezas a través de plataformas como Google Maps y Search. Fue muy emocionante y me lo pasé muy bien allí. Y luego, hace unos años, en realidad a finales de 2019, hace tres años y medio, comencé mi propio estudio llamado Torii Studio y trabajamos con startups y también pequeñas, empresas de tamaño mediano para tratar de ayudarlas a pasar al siguiente nivel construyendo grandes aplicaciones de front-end. Y lo que quiero decir con geniales es front-ends que pueden escalar muy bien desde una perspectiva de ingeniería, así como construir productos que se ven y se sienten geniales. Esto es muy emocionante para mí y hemos visto a algunas startups pasar al siguiente nivel utilizando algunos de nuestros sistemas, procesos, y lo que todavía estamos aprendiendo. Y tenemos muchas cosas que aprender todos los días que es algo nuevo. Así que estoy muy emocionado de hablar realmente sobre la innovation hoy, que es lo que intentamos hacer con las empresas con las que trabajamos en Torii Studio. Entonces, ¿qué es la innovation, verdad? Muchas personas probablemente están innovando ahora mismo, las que me están escuchando hoy, tal vez en el pasado o tal vez están pensando en hacerlo en el futuro. Pero todos nosotros tenemos un sentido diferente de lo que es la innovation. Para que yo pueda explicar cómo pienso en la innovation, les hago esta pregunta, ¿estás resolviendo el problema correcto? Y su primera reacción probablemente sea seguro, quiero decir, esa es la parte fácil entender el problema. Y lo conozco muy bien. Sin embargo, mi respuesta para usted probablemente sea

2. Desafiando Perspectivas y Rápidas Iteraciones

Short description:

Comienzas a construir la mejor solución para ese problema, pero la mayoría de los productos fallan en la primera iteración. ¿Puede un avión volar impulsado solo por la energía del piloto? Henry Cramer ofreció una gran suma de dinero para que las empresas cruzaran un canal con una bicicleta voladora. Después de años de costosos experimentos, Paul McGrady desafió la perspectiva y construyó un avión que podía ser reconstruido en horas, no en meses.

no eres realmente consciente de toda la perspectiva. Estás trayendo tu propia realidad, tus propios sesgos, y crees que lo sabes todo. Así que empiezas a construir la mejor solución para ese problema. Y esa es la principal razón por la que la mayoría de los productos fallan en la primera iteración. Realmente no conozco un producto que haya tenido éxito en el primer intento. Y te desafío a que me digas si me equivoco. No he visto uno en mi vida. Y para ilustrarte un poco sobre este tema, solo voy a compartir una historia que ocurrió en los años 50, 1959. Así que hace 70 años, el mundo era diferente al de hoy. Y Henry Cramer, era un magnate y surgió con esta pregunta. ¿Puede un avión volar impulsado solo por la energía del piloto? Así que es como ET, como volar en una bicicleta. ¿No es eso loco? Ofreció más de cien mil libras. En aquel entonces, era mucho dinero. Solo piensa que esa cantidad era alrededor de dos millones y medio de dólares. Así que era mucho dinero. Y había grandes empresas porque había una gran suma allí y mucha reputación que podían construir intentando resolver el problema. Quería que las empresas cruzaran un canal de dos millas con esta bicicleta voladora. Así que tenían que construirla. Tenían que hacer todo y luego intentar volar el canal. Así que grandes empresas estaban allí como la NASA y también un montón de individuos. Entonces, años después, nadie había descubierto eso todavía. Estaban gastando mucho dinero, mucho tiempo en cada experimento. Y era muy costoso porque cada vez que tenían que poner algo, les llevaría meses y luego se rompería y tendrían que reconstruir e intentar de nuevo. Así que estaba llevando mucho tiempo, mucho dinero. 18 años después, Paul McGrady como individuo desafió la perspectiva de las cosas. Así que vino con esta perspectiva, con una diferente. ¿Cómo puedes construir un avión que puedes reconstruir en horas, no en meses? Así que con esta perspectiva en mente donde estaba pensando en formas de crear un sistema que le permitiera aprender más sobre el problema haciendo iteraciones muy rápidas. Así que cada rápida iteración le ayudaría, bueno, le ayudaría a entender más sobre el problema e intentar de nuevo a partir de un aprendizaje que obtuvo de la iteración anterior y construir sobre eso. Así que en unos pocos meses, en realidad pudo crear un sistema que le permitió reconstruir la bicicleta que estaba construyendo en cuestión de horas. Así que en un solo día, en realidad pudo experimentar dos o tres veces. Y todos los competidores estaban tomando

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 Interfaces Controladas por el Cerebro en JavaScript
JSNation Live 2021JSNation Live 2021
27 min
Construyendo Interfaces Controladas por el Cerebro en JavaScript
Top Content
Learn how to build brain-controlled interfaces using JavaScript and brain sensors. Understand the functions of different parts of the brain and how they relate to sensor placement. Explore examples of calm and focus detection, as well as the Kinesis API for mental commands. Discover the applications of brain-controlled interfaces, such as scrolling web pages and password-less authentication. Understand the limits and opportunities of brain control and the potential for using brain sensors in medical applications.
Creando lo Imposible: Virtualización X86 en el Navegador con WebAssembly
JSNation 2022JSNation 2022
21 min
Creando lo Imposible: Virtualización X86 en el Navegador con WebAssembly
ChirpX is a technology to securely run binary code in the browser, written in C++ and compiled to JavaScript WebAssembly. It can run a full virtualized system in the browser, including Bash and other languages like Python and JavaScript. ChirpX aims for scalability and the ability to work with large code bases, supporting multiprocessing and multithreading. It uses a two-tiered execution engine with an interpreter and a JIT engine. Future plans include running the full X.Org server in the browser and implementing the Windows system call. WebVM, the underlying technology, has a virtual file system backed by Cloudflare.
TensorFlow.js 101: Aprendizaje automático en el navegador y más allá
ML conf EU 2020ML conf EU 2020
41 min
TensorFlow.js 101: Aprendizaje automático en el navegador y más allá
TensorFlow.js enables machine learning in the browser and beyond, with features like face mesh, body segmentation, and pose estimation. It offers JavaScript prototyping and transfer learning capabilities, as well as the ability to recognize custom objects using the Image Project feature. TensorFlow.js can be used with Cloud AutoML for training custom vision models and provides performance benefits in both JavaScript and Python development. It offers interactivity, reach, scale, and performance, and encourages community engagement and collaboration between the JavaScript and machine learning communities.
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
JSNation 2022JSNation 2022
22 min
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
Top Content
Welcome to MakePad, a new way to build UI for web and native using WebAssembly and Rust. JavaScript is not suitable for complex applications like IDEs and design tools. Rust, a new programming language, was used to reimagine MakePad, resulting in a fast and efficient platform. MakePad offers live editing, high CPU performance, and the ability to load native instrument components. The future of MakePad includes an open-source release, a design tool, and support for importing 3D models.
API WebHID: Controla Todo a través de USB
JSNation 2022JSNation 2022
23 min
API WebHID: Controla Todo a través de USB
Today's Talk introduces the webHID API, which allows developers to control real devices from the browser via USB. The HID interface, including keyboards, mice, and gamepads, is explored. The Talk covers device enumeration, input reports, feature reports, and output reports. The use of HID in the browser, especially in Chrome, is highlighted. Various demos showcase working with different devices, including a DualShock controller, microphone, gamepad, and Stream Deck drum pad. The Talk concludes with recommendations and resources for further exploration.
Cómo he estado utilizando JavaScript para automatizar mi casa
JSNation 2022JSNation 2022
22 min
Cómo he estado utilizando JavaScript para automatizar mi casa
The Talk covers various experiments with JavaScript and C++, including controlling lights and creating a car control system. The speaker shares his experiences with home automation and the challenges of hiding wires. He explores using JavaScript with Esperino for face recognition and discusses the benefits and limitations of the platform. The Talk concludes with suggestions for using JavaScript in hardware projects and learning opportunities.