Una bandeja de entrada sin ningún mensaje, una lista de tareas recién creada sin ninguna tarea todavía, un panel de resultados de búsqueda sin ninguna coincidencia: ese momento, tan habitual como descuidado en muchos productos, es lo que se conoce como estado vacío (empty state), la pantalla que se muestra cuando no hay ningún contenido que exhibir todavía, y que muchos equipos de diseño dejan sin ninguna atención específica hasta el final del proyecto, si es que llegan a diseñarla a propósito.
Por qué merece tanto cuidado como cualquier pantalla con contenido
Un estado vacío mal resuelto (una pantalla en blanco, sin ninguna explicación ni guía) genera la sensación de que algo se ha roto, aunque en realidad simplemente no existe contenido todavía porque el usuario acaba de empezar a usar el producto. Un estado vacío bien diseñado convierte ese mismo momento en una oportunidad: explicar qué debería aparecer ahí, y guiar activamente hacia la primera acción que llenaría ese espacio.
Tipos habituales de estado vacío, según el motivo de la ausencia
- Primer uso: el usuario todavía no ha creado ningún contenido, momento ideal para explicar el valor del producto y guiar hacia la primera acción.
- Búsqueda sin resultados: conviene sugerir alternativas o ajustar la búsqueda, en lugar de un simple «no se encontraron resultados» sin más ayuda.
- Contenido eliminado: confirmar que la acción se realizó correctamente, no dejar una ausencia ambigua que genere dudas sobre si algo falló.
- Error de carga: distinto de una simple ausencia de contenido, requiere explicar qué falló y, si es posible, ofrecer una forma de reintentar la acción.
Un ejemplo que muestra la diferencia entre ignorarlo y aprovecharlo
Una app de gestión de tareas, ante una lista recién creada sin ninguna tarea, podría mostrar simplemente un espacio en blanco. O podría mostrar una ilustración amigable junto a un texto claro («Todavía no tienes tareas aquí») y un botón destacado para crear la primera, convirtiendo un momento potencialmente confuso en una invitación clara a la acción que el producto necesita que el usuario realice para empezar a sacarle valor real.
Por qué se descuida con tanta frecuencia durante el diseño
Durante el proceso de diseño, es habitual trabajar siempre con datos de ejemplo ya cargados, mostrando la interfaz en su estado «ideal» con contenido de sobra. Esto hace que el estado vacío, precisamente el primer momento real que experimenta cualquier usuario nuevo, quede relegado a una ocurrencia de última hora, cuando en realidad merece tanta atención de diseño como cualquier otra pantalla del producto, si no más, por ser la primera impresión real de uso.
Cómo se conecta con el propio onboarding del producto
Un buen estado vacío no es solo un mensaje amable: puede funcionar como parte activa del proceso de onboarding, mostrando ejemplos concretos de lo que otros usuarios ya han hecho, plantillas listas para empezar, o un vídeo corto explicando el primer paso recomendado. Tratarlo como una extensión natural del onboarding, en lugar de como una pantalla aislada y genérica, suele acelerar notablemente el momento en que un usuario nuevo experimenta el primer valor real del producto.