Saltar al contenido
Competencia Clave

Prototipado y UX/UI para IA

Diseño de interfaces y experiencias para asistentes e interacciones con IA.

¿De qué se trata?

El prototipado en IA va más allá del diseño visual: implica crear experiencias que comuniquen claramente las capacidades y limitaciones del sistema, gestionen expectativas, y permitan interacciones naturales.

¿Por qué importa?

La mejor IA del mundo fracasa si la interfaz es confusa. Los prototipos permiten validar ideas rápidamente, iterar con feedback real, y alinear equipos técnicos y de negocio antes de invertir en desarrollo.

Consejos clave

  • Prototipa antes de construir: es más barato fallar en Figma que en producción.
  • Diseña para el error: ¿qué ve el usuario cuando la IA falla?
  • Gestiona expectativas: comunica claramente qué puede y qué no puede hacer el sistema.
  • Incluye siempre una vía de escape a soporte humano.

Habilidades específicas

01

Diseño de interfaces

Figma, Adobe XD y Sketch para diseñar la capa visual y la jerarquía de información de asistentes y aplicaciones de IA.

WireframingPrototipado de alta fidelidadSistema de diseñoEstados de loading y errorFeedback visual de IA

Ejemplos prácticos

1
UI de chatbot empresarial en Figma

Diseñar interfaz de chat con: (1) sugerencias contextuales de preguntas, (2) indicadores de confianza en respuestas, (3) botón "Hablar con humano" siempre visible, (4) historial de conversación con búsqueda, (5) estados de "escribiendo..." con animación. Crear componentes reutilizables para mensajes, botones y cards.

Escenario: Una empresa quiere lanzar un asistente interno de RRHH para empleados con diseño profesional.

2
Dashboard de análisis de sentimiento

Diseñar interfaz que muestre: gráfico de línea de sentimiento en tiempo real, filtros por fuente/fecha, ejemplos de menciones clasificadas, y botón para exportar informe. Incluir tooltips explicativos para cada métrica.

Escenario: Herramienta interna para equipo de marketing que monitoriza redes sociales.

02

Prototipado funcional

Voiceflow, Botmock y Landbot para crear simulaciones interactivas de flujos conversacionales sin código.

Diseño de flujos de diálogoSimulación de intentsTesting con usuariosValidación de rutas conversacionales

Ejemplos prácticos

1
Prototipo de onboarding conversacional en Voiceflow

Crear flujo interactivo que: (1) da bienvenida, (2) pregunta nombre y email con validación, (3) ofrece 3 planes con descripciones, (4) confirma selección, (5) envía email de confirmación. Incluir manejo de errores ("no entendí", "quiero cambiar") y botón de salida.

Escenario: Validar con 20 usuarios si prefieren onboarding conversacional vs formulario tradicional antes de desarrollar.

2
Prototipo de soporte técnico con Botmock

Simular bot que clasifica tipo de problema (acceso, facturación, técnico), hace preguntas de diagnóstico específicas por categoría, y escala a humano si es necesario. Diseñar 5 rutas conversacionales diferentes con ejemplos reales de utterances.

Escenario: Definir scope del bot de soporte antes de invertir en desarrollo completo.

03

User research para IA

Tests de Wizard-of-Oz, análisis de conversaciones y estudios de usabilidad específicos para productos de IA.

Tests de Wizard-of-OzAnálisis cualitativo de conversacionesEntrevistas de modelos mentalesTests de usabilidad con IAA/B testing de experiencias

Ejemplos prácticos

1
Test Wizard-of-Oz para asistente médico

Simular un asistente de triaje médico con humano respondiendo. Observar cómo los usuarios formulan síntomas, qué nivel de detalle dan espontáneamente, qué preguntas esperan que el sistema haga, y cuándo confían en la recomendación vs. piden hablar con doctor.

Escenario: Antes de desarrollar, entender cómo usuarios reales interactuarían con un bot de salud para definir alcance y limitaciones.

2
Análisis de 100 conversaciones reales de soporte

Revisar manualmente transcripciones de chat de soporte identificando: patrones de cómo usuarios piden ayuda, ambigüedades comunes, frustración con respuestas automáticas, y casos donde escalaron a humano. Extraer insights para rediseñar flujos.

Escenario: Mejorar un chatbot existente que tiene 40% de escalación a humanos.

3
Test A/B de tono conversacional

Probar dos versiones del asistente con 50 usuarios cada una: Versión A formal ("Buenos días. ¿En qué puedo asistirle?") vs Versión B casual ("¡Hola! ¿Cómo te puedo ayudar hoy?"). Medir satisfacción, tasa de completitud, y preferencia declarada.

Escenario: Definir voice & tone para un asistente bancario dirigido a millennials.