Saltar enlaces

Cómo las principales empresas utilizan la IA en sus flujos de trabajo de diseño

Utilice la inteligencia artificial en el diseño, la interacción, el movimiento y el marketing de la experiencia del usuario.

sombrero de inteligencia artificial

Recientemente, las principales empresas han salido públicamente a compartir los procesos implementados por sus diseñadores senior y equipos creativos completos. Destacan algunas empresas destacadas como Meta y Atlassian. Estas empresas no sólo crean sus propios flujos de trabajo de IA, sino que también gastan millones de dólares en formar a sus empleados. Desde ver entrevistas hasta leer artículos extensos, esto es lo que aprendí sobre su flujo de trabajo de IA cuidadosamente diseñado.

Flujo de trabajo de diseño a prototipo de Atlassian impulsado por IA

Flujo de trabajo de IA de Atlassian

Esta famosa empresa de software tiene que crear herramientas y software a gran escala para algunas de las empresas más grandes del mundo. La inteligencia artificial es la compañera perfecta para que sus equipos diseñen y prueben más rápido.

en el más reciente Cursos prácticos Junto con su equipo de diseño, la excelente gente de Dive Club se reunió con ellos para compartir lo que les funciona. PD Aquí todo es cuestión de equilibrio.

Utilice estrategias de plantillas prediseñadas:

El equipo de Atlassian se dio cuenta de que la IA a menudo estropeaba los elementos centrales y no entendía completamente los comandos complejos. Entonces crearon un “sistema de diseño” para la creación de prototipos basados ​​en IA. Aquí, alimentan la página con elementos precodificados que la IA no cambia, pero permite que la herramienta maneje otros elementos que pueden interpretarse de alguna manera.

Construyeron el archivo de instrucciones:

A diferencia de la mayoría de los diseñadores que simplemente requieren que las herramientas de IA estén codificadas en un determinado lenguaje de programación o utilicen un determinado marco, su equipo creó ciertos archivos de instrucciones para “guiar la IA”. Este archivo de instrucciones (que es esencialmente un archivo de texto) puede tener instrucciones específicas para usar elementos del sistema de diseño, variables o etiquetas específicas en caso de que la IA encuentre un determinado tipo de elemento.

Archivos de plantilla en Figma: estas son instrucciones escritas que la IA debe seguir

existir entrevistasu equipo discutió el uso de tailwind (un marco CSS) pero escribió instrucciones específicas Utilice únicamente componentes de su propio diseño. en algunas áreas. Esto es esencialmente un directiva de anulaciónla IA omitirá ciertas acciones para completar el mensaje.

Recetas para el trabajo duro:

Una empresa compleja como Atlassian requiere flujos de trabajo optimizados para hacer la vida más fácil. El equipo simplemente utilizó una estrategia de copiar y pegar para agregar instrucciones prefabricadas a sus consejos. El equipo analizó cómo la mayoría de sus productos incluyen interruptores de modo oscuro. Entonces, cada vez que crean un prototipo de una nueva página o producto, simplemente agregan un comando de alternancia del modo oscuro al mensaje. ¡Es una barbaridad, pero funciona!

Calibran su IA para ver más claramente:

Calibrar la IA para comprender su estilo y componentes

La producción de software personalizado requiere inteligencia artificial personalizada. Cuando entrenan una IA, la alimentan con elementos de diseño y le preguntan qué ve. Si la IA es precisa, seguirán adelante, pero si la IA tiene un elemento incorrecto, lo corregirán para evitar problemas en el futuro. Esto también corrige la conversión de captura de pantalla al código que utilizan en la empresa.

Los diseñadores de Meta están adoptando la IA en todos los niveles

Muchos diseñadores de los diferentes departamentos de Meta están luchando por incorporar IA y mejorar sus flujos de trabajo. Dicen que actualmente la IA sólo es adecuada para tareas mundanas, mientras que los procesos manuales centrados en el ser humano dominan pasos más importantes como la investigación y la estrategia de los usuarios.

Ejecución automática:

Vicepresidente de Diseño de Monetización—(JJ) Jhimir Jain Explica cómo los diseñadores de Meta utilizaron inteligencia artificial para generar pantallas rápidas e incluso codificar componentes para mejores transferencias. Sin embargo, cuando se trata de intuición y estrategia de producto, se centran más en formas de trabajo manuales y ancestrales. También prestan más atención a la perspectiva del usuario para asegurarse de que se está moviendo en la dirección correcta. Deberías leer su artículo. aquí.

Utilice guías para una mejor adopción:

Las empresas están utilizando el modelo Llama de Meta para personalizar los flujos de trabajo de IA

Al igual que Atlassian, están creando un conjunto de instrucciones y manuales para que los diseñadores los sigan cuando utilicen la IA. Es fundamental documentar y documentar los procesos y establecer estándares desde el principio.

Cambiar roles:

Un gerente de producto de Meta compartió recientemente cómo su rol en la empresa pasó de ser un PM regular a ser un verdadero propietario de producto. Explicó en un artículo que poder contribuir con código le otorgaba “superpoderes”. podcast.

Zevi Arnovitz muestra su flujo de trabajo con Lenny en Claude

Sus palabras: “Todos serán constructores” me impresionaron profundamente.

Fue un paso más allá y compartió los conceptos que ahora tiene para crear un diseño de interfaz de usuario básico y un código de atmósfera y entregárselo directamente a los desarrolladores. Aclaró que sólo se haría cargo de tareas más pequeñas, en lugar de excluir por completo a los diseñadores. Según el Primer Ministro, la mayoría de los puestos en estas empresas están colapsando y una persona necesita hacer más.

Los diseñadores de Tesco están codificando su propio complemento Figma en vivi

Tesco utiliza públicamente Adobe AI y Firefly

en un entrevistas recientes Se ha revelado que los diseñadores senior de Tesco han desarrollado su propio y potente complemento Figma para aprovechar al máximo la herramienta.

Crearon un complemento Figma que se conecta directamente a los datos de su sitio web. Entonces, cada vez que el equipo quería completar sus prototipos con datos reales, el complemento tomaba la información de su sitio web en vivo (imágenes, descripciones de productos, calificaciones, etc.) y la insertaba instantáneamente en diferentes componentes de la interfaz de usuario. Esto ahorra mucho tiempo y también mantiene el diseño fiel al producto real que aparece en su plataforma.

El diseñador senior de Tesco crea su propio complemento Figma
El diseñador senior de Tesco muestra su complemento interno

El diseñador mostró las herramientas que utiliza: Cursor para codificación de ambiente y el servidor Figma MCP para garantizar que los resultados sean acordes a la marca.

De hecho, he explorado la creación de mi propio complemento Figma; si estás interesado, mira el vídeo:ver vídeo.

Los diseñadores de Faire estudian el uso de inteligencia artificial

Construir inteligencia artificial
Big data requiere el filtrado de inteligencia artificial de Faire

Faire es una plataforma popular que conecta a minoristas mayoristas con clientes para quienes la investigación es absolutamente imprescindible. La calidad de los datos de la investigación determina en cierta medida su futuro.

en detalle artículo medianoJess Brown revela la tecnología que utilizan en la empresa para recopilar datos y conectarse con los usuarios más rápido.

Implementación de un chatbot de inteligencia artificial

El equipo lanzó un chatbot de IA llamado Fairey para fines internos, que puede recuperar rápidamente consultas y tickets de los usuarios y ayudarlos a descubrir los problemas que enfrentan los usuarios a distancia. Ella dice que cada vez que tiene una pregunta para un usuario o marca con la que trabajan, le preguntan al chatbot. Un buen ejemplo de estas preguntas es -“¿Puede encontrar los tickets de soporte que las marcas han emitido para nuestro programa Top Shop en los últimos seis meses?“.

El equipo de la feria participa en la Toronto Tech Week
El equipo de la feria demuestra su uso de la inteligencia artificial en la Toronto Tech Week

Esta es una excelente manera de realizar una investigación primaria sobre la experiencia del usuario sin tener que contactar directamente a los clientes ni realizar costosas entrevistas. Dado que tienen una gran cantidad de clientes de diferentes geografías y casos de uso, los chatbots pueden ayudar a filtrar la información correcta.

Datos sin procesar a contenido legible

Ahora bien, las entrevistas exhaustivas pueden ser un proceso largo que a veces lleva más tiempo que la recopilación de datos. Esta ardua tarea es reemplazada en Faire por ChatGPT, con por supuesto una capa de seguridad. Cada vez que realizan una entrevista real, los datos registrados se conectan a la herramienta, con indicaciones concisas para obtener información organizada.

Qué es esto plantilla de mensaje En Faire se ve así:

Esta es una serie que planeo seguir haciendo, así que asegúrate de sígueme ¡Más artículos como este!


Cómo las principales empresas utilizan la IA en sus flujos de trabajo de diseño Publicado originalmente en Colectivo de experiencia de usuario En Medium, la gente continúa la conversación destacando y respondiendo a esta historia.

Home
Account
Cart
Search
¡Hola! ¡Pregúntame lo que quieras!
Explore
Drag