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

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
La neurotecnología es el uso de herramientas tecnológicas para entender más sobre el cerebro y permitir una conexión directa con el sistema nervioso. La investigación en este campo no es nueva, sin embargo, su accesibilidad para los desarrolladores de JavaScript sí lo es.En los últimos años, los sensores cerebrales se han puesto a disposición del público, con herramientas que hacen posible que los desarrolladores web experimenten construyendo interfaces controladas por el cerebro.A medida que esta tecnología evoluciona y desbloquea nuevas oportunidades, vamos a analizar uno de los últimos dispositivos disponibles, cómo funciona, las posibilidades que abre y cómo empezar a construir tu primera aplicación controlada por la mente usando JavaScript.
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á
Descubre cómo aprovechar el aprendizaje automático en JavaScript utilizando TensorFlow.js en el navegador y más allá en esta charla rápida. Inspírate a través de un montón de prototipos creativos que empujan los límites de lo que es posible en el navegador web moderno (las cosas han avanzado mucho) y luego da tus primeros pasos con el aprendizaje automático en minutos. Al final de la charla, todos entenderán cómo reconocer un objeto de su elección que luego se puede utilizar de cualquier manera creativa que puedas imaginar. Se asume familiaridad con JavaScript, pero no se requiere experiencia en aprendizaje automático. ¡Ven y da tus primeros pasos con TensorFlow.js!
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
WebAssembly es una característica del navegador diseñada para brindar un rendimiento predecible y alto a las aplicaciones web, pero sus capacidades a menudo son mal entendidas.
Esta charla explorará cómo WebAssembly es diferente de JavaScript, desde el punto de vista tanto del desarrollador como del motor del navegador, con un enfoque particular en la implementación V8/Chrome.
WebVM es nuestra solución para ejecutar eficientemente binarios x86 sin modificaciones en el navegador y muestra lo que se puede hacer con WebAssembly hoy en día. Se discutirá una descripción general de los componentes del proyecto, incluido el motor JIT, la capa de emulación de Linux y el backend de almacenamiento, seguido de demostraciones en vivo.
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
En esta charla mostraré Makepad, una nueva pila de UI que utiliza Rust, Wasm y WebGL. A diferencia de otras pilas de UI, que utilizan un enfoque híbrido, todo el renderizado en Makepad se realiza en la GPU. Esto permite aplicaciones altamente pulidas y visualmente impresionantes que hasta ahora no han sido posibles en la web. Debido a que Makepad utiliza Rust, las aplicaciones se ejecutan tanto de forma nativa como en la Web a través de wasm. Las aplicaciones de Makepad pueden ser muy pequeñas, del orden de solo unos pocos cientos de kilobytes para wasm, hasta unos pocos megabytes con nativo. Nuestro objetivo es desarrollar Makepad en la pila de UI de elección para aplicaciones multiplataforma ligeras y de alto rendimiento. Tenemos la intención de enviar con nuestra propia aplicación de diseño e IDE.
API WebHID: Controla Todo a través de USB
JSNation 2022JSNation 2022
23 min
API WebHID: Controla Todo a través de USB
El sistema operativo permite controlar diferentes dispositivos utilizando el protocolo de dispositivo de interfaz humana desde hace mucho tiempo. Con la API WebHID, puedes hacer lo mismo directamente desde el navegador. Vamos a hablar sobre las características y limitaciones del protocolo. Intentaremos conectar algunos dispositivos a la laptop y controlarlos con JavaScript.
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
La programación de software es naturalmente divertida, pero hacer algo físico para interactuar con el mundo en el que vives es como magia. Es aún más divertido cuando puedes reutilizar tus conocimientos y JavaScript para hacerlo. Esta charla presentará casos de uso reales de automatización de una casa utilizando JavaScript en lugar de utilizar C++ como de costumbre, y Espruino como herramientas de desarrollo y microcontroladores como Arduino, ESP8266, RaspberryPI y NodeRed para controlar luces, puertas, armarios y mucho más.