El estado vacío también es producto

En una herramienta web pequeña, los estados vacíos aparecen todo el tiempo: una cuenta nueva, una lista recién borrada, una búsqueda sin resultados, una vista guardada sin configurar. Si la pantalla solo dice “Sin datos”, el producto deja de orientar justo cuando la persona más lo necesita.

Un buen estado vacío hace tres cosas sencillas: nombra la situación, explica por qué importa y propone un siguiente paso. En una herramienta para guardar enlaces, “No hay enlaces” es correcto, pero pobre. “Guarda tu primer enlace para encontrarlo después por etiqueta” da una razón clara para empezar.

No se trata de decorar el vacío. Se trata de mantener comprensible el flujo cuando todavía no hay contenido.

Una sola acción principal

Un estado vacío no es una página de inicio. La persona ya está dentro de una tarea, a menudo sin suficiente contexto. Si aparecen demasiados botones, la pantalla se vuelve un menú en lugar de una guía.

La acción debe responder a la causa del vacío:

  • crear el primer elemento
  • limpiar un filtro
  • ajustar una búsqueda
  • volver al paso anterior
  • ver un ejemplo breve

Si no hay resultados de búsqueda, la acción principal no debería ser siempre “crear”. Muchas veces conviene ayudar a corregir la búsqueda. En un espacio de trabajo nuevo, en cambio, crear el primer elemento sí puede ser el paso natural.

Texto breve y reconocible

La redacción de un estado vacío debe ser clara, no grandilocuente. Frases sobre transformar la productividad suelen sonar fuera de lugar en una utilidad pequeña. La persona necesita entender qué está vacío, por qué y qué puede hacer ahora.

Una estructura fiable es simple: título para el estado, línea de apoyo para el motivo o beneficio, botón con un verbo claro. Por ejemplo: “No hay notas guardadas / Crea una nota para tener textos reutilizables a mano / Crear nota”. No es ingenioso, pero funciona.

Probar los bordes

Es fácil revisar solo la pantalla con contenido. Pero muchas herramientas pequeñas se conocen por primera vez cuando aún no hay nada que mostrar.

Conviene probar deliberadamente los casos de borde: cuenta nueva, último elemento eliminado, búsqueda fallida, falta de permisos, conexión interrumpida. Cada pantalla debería responder: qué pasó, por qué está vacía y cuál es el siguiente paso.

Un buen estado vacío no añade una gran función. Quita una pequeña pausa. Esa pausa menos puede hacer que una herramienta práctica se sienta más cuidada y más fácil de entender.