ai for designersApril 30, 202611 min read

Integración de productos de IA: Cómo diseñar la experiencia de la primera ejecución de herramientas de IA

Un manual práctico para la incorporación de productos de IA. Análisis detallados de Cursor, Claude.ai, Linear AI, Granola, Perplexity, ChatGPT y v0. Los patrones que crean un modelo mental en 60 segundos, los patrones que impiden la activación y una lista de verificación previa al lanzamiento para cualquier experiencia de primera ejecución de IA.

By Boone
XLinkedIn
ai product onboarding design

La mayoría de los productos de IA fallan en la incorporación de usuarios porque utilizan el mismo flujo de formularios que cualquier SaaS. La IA presenta un problema diferente. El usuario debe construir un modelo mental funcional de una herramienta no determinista en los primeros sesenta segundos, y ningún carrusel de capturas de pantalla de funciones lo logrará.

Este es el manual de trabajo. Incluye las cuatro tareas que deben cumplirse en los primeros sesenta segundos, seis análisis de flujos que funcionan, los tres patrones que impiden la activación, el nuevo modelo para la primera prueba de IA y una lista de verificación previa al lanzamiento.

La incorporación de usuarios de IA es un problema de modelo mental, no de presentación de funciones

Los productos de IA fallan en la incorporación de usuarios porque la tratan como una presentación de funciones. El usuario no necesita una lista de funciones. Necesita un modelo mental funcional de lo que el producto puede y no puede hacer, cómo interactuar con él y qué significa el éxito. Nada de eso se muestra en una diapositiva de carrusel.

Un modelo mental es la teoría que el usuario tiene sobre cómo se comporta el sistema. Con el SaaS determinista, la experiencia se construye pasivamente a medida que el usuario interactúa con la aplicación. Con la IA, la interfaz es la misma barra de indicaciones para cada tarea, y el modelo debe construirse deliberadamente antes de que el usuario abandone la aplicación. Los equipos que desarrollan la mejor integración de IA abordan los primeros sesenta segundos como un único problema de diseño con cuatro tareas que resolver.

Las cuatro tareas que debe resolver en los primeros 60 segundos

Cada prueba inicial de IA debe ofrecer cuatro respuestas en los primeros sesenta segundos: ¿Qué puede hacer?, ¿Cómo me comunico con ella?, ¿Cómo se define el éxito?, ¿Cuál es mi primera indicación? Si se responden correctamente las cuatro, el usuario activa la aplicación. Si se falla en alguna, la activación se desploma.

Diagrama de vóxeles de cuatro pequeños y pesados ​​pilares de vóxeles en una fila horizontal en el suelo del estudio, cada uno de un color apagado diferente separado por finas líneas de conexión de vóxeles, etiquetas de una sola palabra BOUND, INPUT, SUCCESS, PROMPT grabadas en cada pilar.
Diagrama de vóxeles de cuatro pequeños y pesados ​​pilares de vóxeles en una fila horizontal en el suelo del estudio, cada uno de un color apagado diferente separado por finas líneas de conexión de vóxeles, etiquetas de una sola palabra BOUND, INPUT, SUCCESS, PROMPT grabadas en cada pilar.

Las cuatro preguntas son innegociables. El orden sí. Algunos productos priorizan las capacidades, otros priorizan la primera indicación y dejan que las capacidades surjan del resultado. Lo que no funciona es solicitar el rol del usuario y el tamaño del equipo antes de responder a cualquiera de estas preguntas.

Limitaciones de las capacidades: qué puede y qué no puede hacer la IA

La primera tarea es delimitar las capacidades de la IA. Los usuarios suelen llegar con demasiado escepticismo o con demasiadas expectativas, y ambas situaciones perjudican la primera experiencia. Los escépticos esperan un chatbot que parezca sacado de una película. Los optimistas esperan una máquina de respuestas mágica. Ninguna de las dos se corresponde con el producto real.

La solución consiste en mostrar las capacidades, no en describirlas. La página de inicio original de ChatGPT lo hizo con un diseño de tres columnas: ejemplos a la izquierda, capacidades en el centro y limitaciones a la derecha. Esa única pantalla explicaba el funcionamiento de la herramienta más rápido que cualquier tutorial. Ocultar las limitaciones para parecer más impresionante es un error. Los usuarios descubren los límites en la segunda sesión de todos modos, pero ahora se sienten engañados.

Modelo de interacción: cómo debe interactuar el usuario con la IA

La segunda tarea es enseñar el patrón de entrada. El chat no es la única interfaz de IA. El usuario debe saber si debe escribir una frase, pulsar una tecla de acceso rápido o arrastrar y soltar un archivo. Suponer que el usuario ya sabe es el error más común en la incorporación de IA.

Cursor enseña el modelo de interacción en tres segundos. El usuario abre una carpeta y una pequeña sugerencia en la paleta de comandos le ofrece aplicar una edición. Notion La IA ofrece la misma lección con el menú de barra. Muestra la invocación en contexto, no en una superposición de tutorial. Las superposiciones de tutorial enseñan al usuario cómo descartarlas.

Estado de éxito: cómo se ve un resultado correcto

La tercera tarea es mostrar cómo se ve un resultado correcto antes de que el usuario haya producido alguno. Los resultados de la IA son tan desconocidos que los usuarios no pueden reconocer un buen resultado sin una referencia. Una barra de indicaciones en blanco no es un estado de éxito; es una pregunta que el usuario no sabe cómo responder.

Perplexity resuelve esto mostrando un resultado real en la pantalla de inicio. Al hacer clic en cualquier pregunta popular, aparece una página con la respuesta completa, con citas, seguimientos y el registro visual de un resultado finalizado. Compárese esto con una herramienta que introduce al usuario en un chat en blanco con un saludo. El usuario debe imaginar el estado de éxito, y la mayoría no lo hará.

Primera solicitud: el momento en que se obtiene el valor

La cuarta tarea consiste en lograr que el usuario acceda a una solicitud real en treinta segundos. Cada segundo que pasa después, el modelo mental se deteriora. Treinta segundos es el presupuesto real, no un objetivo flexible.

Granola consigue el presupuesto activando el primer proceso mediante un evento. La incorporación se realiza en una sola pantalla; conecta tu calendario. El producto se activa la próxima vez que el usuario se une a una llamada. Cursor lo consigue solicitando al usuario que abra un código fuente real. La IA se invoca la primera vez que resulta útil.

Seis flujos de incorporación de IA que funcionan

Los patrones solo importan si se mantienen en contacto con los productos lanzados. Seis primeras ejecuciones de IA que cumplen correctamente las cuatro tareas.

Cursor: abre un código fuente real como arranque en frío

La primera ejecución de Cursor no muestra Cursor. Solicita que abras una carpeta real y el editor toma el control. El modelo mental se establece en menos de un minuto porque el usuario ya está viendo código familiar, la IA se invoca mediante atajos conocidos y la primera edición útil se produce en el trabajo real del usuario.

El mejor punto de partida para una herramienta de IA es el entorno real del usuario. Un entorno de pruebas estructurado da una sensación de seguridad al implementarlo, pero no enseña nada sobre cómo se comportará la herramienta en el trabajo que realmente importa.

Claude.ai, ejemplos de indicaciones como demostración

Claude.ai muestra una página de inicio con ejemplos de indicaciones al cargarla por primera vez. Al hacer clic en uno, el usuario accede a una conversación funcional sin configuración, sin tutorial ni carrusel. El usuario obtiene un resultado real en cinco segundos.

Los ejemplos de indicaciones son una mejor demostración que una lista de características. Cada ejemplo incluye simultáneamente las capacidades, el modelo de interacción y el estado de éxito. El usuario lo lee, hace clic y el modelo mental se establece en un solo paso.

Linear IA, divulgación progresiva dentro del flujo existente

Linear La IA no requiere una introducción independiente para sus funciones. La IA aparece dentro de las acciones que el usuario ya realiza. Al redactar un problema, la IA ofrece una descripción más precisa. Al priorizar tareas, sugiere un orden de clasificación. Cada interacción se activa con un solo clic.

Composición de vóxeles de tres pedestales de vóxeles que contienen patrones defectuosos, a la izquierda una pila de tarjetas de tutorial con una regla de coral tachada, en el centro un carrusel modal con la misma regla, a la derecha una puerta de formulario de barras de entrada vacías con la misma regla, etiquetas de una sola palabra TUTORIAL, CARRUSEL, PUERTA
Composición de vóxeles de tres pedestales de vóxeles que contienen patrones defectuosos, a la izquierda una pila de tarjetas de tutorial con una regla de coral tachada, en el centro un carrusel modal con la misma regla, a la derecha una puerta de formulario de barras de entrada vacías con la misma regla, etiquetas de una sola palabra TUTORIAL, CARRUSEL, PUERTA

La IA integrada en un producto existente no requiere una introducción independiente. El modelo ideal es la divulgación progresiva dentro de los flujos que el usuario ya conoce. Una introducción independiente para la IA dentro de un producto que el usuario ya utiliza supone un coste adicional.

Granola, únete a tu próxima llamada como activador

La introducción de Granola se resume en una frase: conecta tu calendario. El producto se activa la próxima vez que el usuario se une a una llamada. El usuario no tiene que recordar usar el producto; este lo recuerda automáticamente.

Las primeras ejecuciones activadas por eventos superan a las activadas por sesión para cualquier producto de IA vinculado a un comportamiento recurrente del usuario. La primera solicitud se produce en la siguiente reunión real del usuario, en la siguiente confirmación real, en el siguiente documento real que abre. El valor se obtiene sin que el usuario tenga que abrir la aplicación por segunda vez.

Perplexity, sugerencias de comandos como punto de partida

La pantalla de inicio de Perplexity es un campo de entrada de comandos con cinco preguntas sugeridas debajo. Las sugerencias son lo suficientemente buenas como para que la primera consulta se genere en menos de veinte segundos. El usuario no tiene que inventar una pregunta; elige una y la página de respuestas le enseña el resto.

Las sugerencias de comandos son el punto de partida más económico para la incorporación de usuarios de IA. Su implementación es prácticamente gratuita y reducen drásticamente el tiempo hasta la primera respuesta. Todo producto de IA con una barra de comandos vacía debería ofrecer sugerencias hasta que el usuario genere las suyas propias.

ChatGPT, ¿qué puedes hacer como página de inicio?

La primera versión de ChatGPT, en su formato original, mostraba ejemplos, capacidades y limitaciones en una sola pantalla. Esta página de inicio de tres columnas sigue siendo la más clara y concisa para la incorporación de usuarios a gran escala. Cada columna cumplía una de las cuatro funciones con un lenguaje sencillo.

Una página de inicio honesta y centrada en las capacidades siempre supera a un tutorial complejo. Las limitaciones deben aparecer en la misma pantalla que las capacidades. Ocultar los límites para parecer más impresionante es lo que mina la confianza al segundo día.

¿Quieres un producto de IA que transmita su modelo mental en los primeros sesenta segundos? Contratar Brainy. UXBrainy ofrece auditorías iniciales y rediseños de la incorporación de usuarios, AppBrainy ofrece la entrega completa del producto de IA, y ClaudeBrainy ofrece la capa de indicaciones y habilidades que abarata la demostración de capacidades. Combínalo con el trabajo de Patrones de diseño de interfaz de usuario para agentes de IA para que la capa del agente se implemente con el mismo nivel de calidad.

Tres patrones de incorporación de IA que fallan

La mayoría de los productos de IA que tienen problemas de activación utilizan una combinación de tres patrones fallidos: tutoriales extensos, carruseles modales y formularios. Cada uno retrasa la primera respuesta real y enseña menos de lo que la primera indicación habría enseñado de forma gratuita.

Los tutoriales extensos bloquean la primera indicación

Un tutorial de varios pasos que se ejecuta antes de que el usuario pueda escribir nada es el error más costoso en la incorporación de IA. Tres pasos son demasiados; cinco resultan contraproducentes. El usuario avanza sin leer y llega a la barra de indicaciones sin haber aprendido nada.

Elimine el tutorial. Reemplácelo con una pantalla de inicio con información, un ejemplo real o un evento desencadenante. El recorrido siempre ha sido un sustituto de la confianza.

Los carruseles modales explican funciones que el usuario aún no puede usar

Un carrusel modal que enumera las funciones de la IA antes de que el usuario haya producido ninguna respuesta es una explicación de funciones sin demostración de su capacidad. El usuario lee, descarta y olvida cada pantalla. Las listas de funciones no crean modelos mentales. Las respuestas reales sí.

Este es el modo de fallo más común en las empresas SaaS que integran IA en un producto existente. El equipo lanza una ventana emergente de novedades con capturas de pantalla de las funciones de IA y la denomina proceso de incorporación. La activación no avanza porque el usuario no reconoce un resultado exitoso y no tiene motivos para volver.

Los formularios solicitan contexto antes de ofrecer valor

Solicitar al usuario que complete su perfil de equipo, rol y caso de uso antes de obtener un solo resultado de IA constituye un formulario. Los formularios son un obstáculo para la activación, especialmente en productos de IA. El usuario se registró para ver qué podía hacer la IA, y el formulario se interpone entre él y la respuesta.

Primero, ofrece valor y después recopila contexto. La primera solicitud no requiere el tamaño del equipo del usuario. Traslada el formulario a una pantalla de configuración que el usuario completa después de decidir si vale la pena conservar el producto.

El nuevo modelo para la incorporación de IA

El nuevo modelo se basa en tres reglas: demostración de capacidades por encima de la explicación de funciones. Primera solicitud en treinta segundos. Estado de éxito visible en dos minutos. Todos los productos de IA que logran una activación exitosa actualmente cumplen con estas restricciones.

Composición de vóxeles de tres pilares de vóxeles en una tríada en el suelo del estudio: a la izquierda, una losa de coral con una pequeña pantalla de demostración de vóxeles; en el centro, una losa cian con una barra de indicaciones de un solo vóxel iluminada ligeramente más; y a la derecha, una losa color crema con una pequeña marca de verificación de éxito de vóxeles.
Composición de vóxeles de tres pilares de vóxeles en una tríada en el suelo del estudio: a la izquierda, una losa de coral con una pequeña pantalla de demostración de vóxeles; en el centro, una losa cian con una barra de indicaciones de un solo vóxel iluminada ligeramente más; y a la derecha, una losa color crema con una pequeña marca de verificación de éxito de vóxeles.

Las tres reglas se componen. Un producto que muestra una demostración de funcionalidad pero tarda tres minutos en mostrar la primera solicitud de interacción sigue sin cumplir con el presupuesto de activación. Un producto que muestra la primera solicitud rápidamente pero nunca muestra un resultado final sigue sin cumplir con el estado de éxito. O se cumplen las tres o ninguna.

Lista de verificación previa al lanzamiento de la integración de IA

Ejecute esta lista en cualquier prueba inicial de IA antes de su lanzamiento. Doce comprobaciones, todas medibles.

  1. El tiempo desde la llegada hasta la primera solicitud de interacción es inferior a treinta segundos en las pruebas de usuario.

  2. El tiempo desde la llegada hasta el primer resultado final es inferior a dos minutos.

  3. La interfaz de funcionalidad se muestra en la pantalla principal, no oculta en un centro de ayuda.

  4. Las limitaciones son visibles en la misma pantalla que las funcionalidades.

  5. El modelo de interacción se enseña en contexto, no en una superposición de tutorial.

  6. La pantalla de inicio muestra un ejemplo, sugerencia o activador de evento con datos.

  7. No hay una barrera de tutorial antes de la barra de solicitudes de interacción.

  8. No hay un carrusel modal que muestre las características antes del primer resultado.

  9. No hay un formulario antes del primer resultado de la IA.

  10. El estado de éxito es visible para el usuario antes de que lo haya generado.

  11. Las características de IA integradas se incorporan a los flujos existentes, no en un tutorial aparte.

  12. La primera solicitud se activa mediante un acceso directo, menú o evento conocido.

La lista reside en la plantilla de revisión de diseño y se vuelve más rápida con cada ejecución.

Preguntas frecuentes

¿Cuál es el momento más importante en la incorporación de un producto de IA?

La primera solicitud. Todos los demás momentos están orientados a que el usuario obtenga un resultado real lo más rápido posible. El límite es de treinta segundos.

¿Debería la incorporación de la IA incluir un tutorial?

No. Un tutorial sustituye la confianza en el producto. Una pantalla de inicio con información, una solicitud de ejemplo o un activador de eventos cumplen la misma función de enseñanza sin demora.

¿En qué se diferencia la incorporación de usuarios de IA de la de SaaS?

La incorporación de usuarios de IA requiere construir un modelo mental de una herramienta no determinista en sesenta segundos. SaaS puede basarse en que el usuario explore la interfaz para descubrir las funciones deterministas. Copiar patrones de SaaS es el error más común en esta categoría.

¿Cuál es la forma correcta de enseñar las limitaciones de un producto de IA?

Muéstrelas en la misma pantalla que las capacidades. Ocultar las limitaciones reduce la confianza al segundo día. La honestidad en la primera prueba es lo que garantiza una segunda sesión.

¿Los productos de IA necesitan cuentas de usuario antes de la primera solicitud?

Casi nunca. La primera solicitud debería ejecutarse sin cuenta siempre que el costo lo permita. Cada restricción de cuenta representa un costo de activación.

El cambio que realmente impulsa la incorporación de usuarios de IA

Un producto de IA con una excelente primera prueba no es un producto con un recorrido. Es un producto que transmite el modelo mental y el valor al mismo tiempo, en menos de sesenta segundos, sin obstáculos intermedios. Los productos que están triunfando ahora mismo abordan esto como un único problema de diseño, no como una secuencia de pantallas.

La mayoría de los productos de IA siguen utilizando el modelo de incorporación de SaaS: formulario, carrusel de funciones, ventana emergente de éxito, cursor parpadeante. Este flujo ya era mediocre para SaaS y resulta ineficaz para la IA. Los equipos que lideran el sector eliminan el formulario, reemplazan el carrusel con un ejemplo real y colocan la barra de sugerencias en la primera pantalla con sugerencias debajo.

Si la primera sugerencia aparece en treinta segundos y el primer resultado en dos minutos, el usuario activa el producto. Si alguno de los dos plazos se retrasa, el usuario lo abandona. Combina este trabajo con Diseño de productos nativos de IA, utiliza Claude Habilidades para abaratar las sugerencias de ejemplo y apóyate en jerarquía visual para que la primera pantalla sea fácil de escanear.

Si quieres un producto de IA que explique su modelo mental en sesenta segundos, utiliza contratar Brainy. UXBrainy ofrece auditorías iniciales y rediseños de incorporación, AppBrainy ofrece la entrega completa de productos de IA y ClaudeBrainy ofrece la capa de indicaciones y habilidades que abarata la demostración de capacidades.

Want an AI product that lands its mental model in the first sixty seconds, not the tenth session? Brainy ships UXBrainy as first-run audits and onboarding redesigns, AppBrainy as full AI product delivery, and ClaudeBrainy as the prompt and Skill layer that makes capability demonstration cheap to build.

Get Started