La misma pantalla vacía puede significar tres cosas distintas

Las referencias que se usan para diseñar suelen mostrar la pantalla llena: tarjetas completas, fotos, datos bien alineados. Es el momento más cómodo de cualquier interfaz. Pero la persona también llega cuando no hay nada que mostrar, y ahí necesita entender por qué y qué puede hacer.

Si le pides a un agente que copie una referencia, es fácil que resuelva la versión llena y deje los vacíos con un mensaje genérico. Con tres estados bien definidos y una prueba sencilla, puedes pedirle que resuelva también los momentos incómodos.

El caso: un catálogo de clases

Imagina el catálogo de un estudio que publica sus clases de la semana. La misma zona de la pantalla puede quedar vacía por tres motivos:

• el estudio acaba de abrir su cuenta y todavía no cargó ninguna clase;
• alguien filtró por sábado y ese día no hay clases;
• el catálogo no pudo cargar.

A simple vista es la misma pantalla. Para quien la mira son situaciones distintas, y cada una tiene una salida diferente.

Cuenta nueva: lleva a la primera acción

El estudio todavía no tiene clases. Un «No hay clases» es verdad, pero deja a la persona sin saber qué hacer. Lo útil es la acción que resuelve el vacío: crear la primera clase desde ese mismo lugar.

Esta pantalla la ve sobre todo quien administra el estudio, y puede ser su primer contacto con el producto. Conviene que lo lleve directo a algo que le sirva.

Filtro sin resultados: conserva lo que eligió

Ahora la persona busca clases para el sábado y no hay ninguna. Necesita ver que el filtro sigue aplicado, porque eso explica por qué la lista está vacía. También necesita poder cambiar de día sin empezar la búsqueda de nuevo.

Si la pantalla quita el filtro sin avisar, o muestra el mismo mensaje que una cuenta nueva, parece que el estudio no tiene clases en toda la semana. La persona puede irse con una idea equivocada.

Carga fallida: separa lo vacío de lo desconocido

Si el catálogo no cargó, «No hay clases disponibles» afirma algo que nadie sabe. Puede haber diez clases el sábado. La pantalla tiene que distinguir lo vacío de lo desconocido: la información no está disponible por ahora, y la persona puede volver a intentarlo.

Es el estado que más se presta a confusión, porque visualmente se parece a los otros dos. Un mensaje vago aquí convierte un fallo pasajero en una respuesta falsa.

Cómo pedírselo al agente

Cuando compartas una referencia, pide al agente que también mire qué hace cuando no hay nada que mostrar. Muchas capturas públicas no enseñan esos estados, y eso también es un dato: el agente tendrá que resolverlos con los componentes del producto.

Después, pídele que prepare los tres estados con contenido de prueba propio:

1. Una cuenta sin clases cargadas.
2. Un filtro por un día sin coincidencias.
3. Una carga que falla a propósito.

Para cada estado, el agente debería poder responder tres preguntas: qué ve la persona, por qué la pantalla está vacía y qué puede hacer a continuación. Si alguna respuesta es «nada», ese estado todavía no está diseñado.

Usa contenido inventado con forma real. No hace falta el catálogo de un cliente para probar esto; bastan clases ficticias con nombres, horarios y días parecidos a los que tendrá el producto.

Prueba los tres juntos

Revisar cada estado por separado ayuda poco, porque el riesgo está en que se parezcan. Pon las tres pantallas una al lado de la otra y compáralas. El texto, la acción principal y lo que queda visible tienen que cambiar según el motivo del vacío.

Fíjate en las palabras. «Crea tu primera clase», «No hay clases el sábado» y «No pudimos cargar el catálogo» dicen cosas distintas y llevan a acciones distintas. Si los tres estados terminan con el mismo mensaje, el agente resolvió una sola situación y la repitió.

La comprobación final

Muestra los tres estados a alguien que no conoce el producto. En cada uno, esa persona debería poder decir por qué la pantalla está vacía y qué haría después. Si confunde dos de ellos, todavía falta trabajo; si los distingue sin ayuda, la pantalla está lista también para cuando no hay nada que mostrar.