Mockups de chat para diseñadores y demos de producto

Todo portfolio, deck y captura de tienda que muestra una superficie de mensajería tiene el mismo problema: la conversación dentro del marco. El lorem ipsum en burbujas se lee como muerte; «¡Hola! / ¡Hola! / ¿Qué tal?» como un pueblo fantasma; y las conversaciones reales — el atajo tentador — son un incidente de privacidad vestido de captura. La conversación ficticia creíble es un activo de diseño como cualquier otro, y producirla bien es un pequeño oficio: las palabras de las burbujas trabajan más por la credibilidad del diseño que la mayoría de los píxeles que las rodean.

Por qué el contenido de las burbujas hace o rompe el mockup

Los espectadores leen el texto de demo antes de juzgar el layout — siempre. Una interfaz preciosa llena de «Mensaje mensaje mensaje» anuncia que ningún humano real ha tocado el producto. Peor: los stakeholders juzgan el producto por la conversación falsa — un chat de demo sin vida hace que la función de mensajería parezca inútil en la reunión. Lo inverso también vale: un hilo cálido, específico y creíble («¿le diste de comer al gato? / me maulló hasta que lo hice / buen gato») hace que hasta un prototipo tosco se sienta vivo. El contenido de demo no es relleno; es el escenario en el que se imagina tu diseño.

El oficio de las conversaciones falsas creíbles

Los hilos reales tienen una textura que a los inventados suele faltarles. Asimetría: la gente real no se turna educadamente — uno manda cuatro burbujas, la otra contesta con dos palabras. Imperfección: una errata, una frase en minúsculas, un mensaje que solo dice «?». Verdad temporal: horas que se agrupan y se separan como las conversaciones reales, no minutos equiespaciados. Comienzo in medias res: una captura creíble empieza en mitad de algo, no con «Hola». Y nombres aburridamente plausibles para el mercado real del producto. Cinco minutos de intención aquí elevan la calidad percibida de todo el diseño.

Higiene de datos de demo

Las reglas que evitan incidentes: nunca conversaciones reales, ni editadas — el contexto se filtra de formas que no puedes auditar del todo. Nunca nombres reales de colegas o clientes pegados a palabras inventadas; las palabras inventadas se vuelven citas atribuidas en cuanto el deck circula. Nunca números de teléfono reales (mockups de producción han publicado números alcanzables; sus dueños recibieron llamadas durante años). Mantén un set propio de personas ficticias con nombres y avatares consistentes en todas las demos — se lee como pensamiento de sistema de diseño deliberado, porque lo es. Estas reglas no cuestan nada aplicadas desde el inicio y son caras de arreglar cuando una captura ya escapó.

El flujo rápido

Para control pixel-perfect dentro del diseño de tu propio producto, rellena tus componentes de Figma con contenido de hilo bien escrito. Pero para todo lo genérico — la captura de mensajería dentro de una pieza de portfolio, el teléfono en un render de marketing, la diapositiva de «conversación con el cliente», material de vídeo demo — componer en un constructor de chat dedicado es un orden de magnitud más rápido: escribe la conversación, pon nombres, avatares, horas y checks, exporta un fotograma limpio en alta resolución. Constrúyelo una vez, reutilízalo en todas partes, y no vuelvas a gastar una tarde empujando auto-layout para una captura cuyo único trabajo es parecer el hilo de un martes cualquiera.