Una pantalla vacía no siempre corresponde al primer uso. Una búsqueda puede no encontrar coincidencias. Un filtro puede ocultarlo todo. Un cambio de permisos puede retirar el acceso. Una sincronización puede seguir en curso. Tratar todas estas situaciones como “Todavía no hay nada” obliga a la persona a diagnosticar el producto antes de continuar su trabajo.
Imagina abrir una carpeta compartida de investigación y no encontrar referencias. Necesitas saber si la carpeta es nueva, si alguien eliminó su contenido o si no puedes verlo. Una ilustración simpática no resuelve esa incertidumbre. El mensaje debe explicar el estado y ofrecer un siguiente paso adecuado.
Separa la ausencia del fallo
Antes de escribir, enumera las posibles causas de esa zona vacía. Agrúpalas según lo que la persona puede hacer después. Una carpeta nueva puede necesitar una acción para añadir referencias. Una búsqueda sin resultados puede requerir otros términos o un alcance mayor. Un fallo de red necesita una opción para reintentar y una indicación honesta de que la solicitud no terminó.
Estos estados deben tener mensajes distintos aunque compartan el diseño. No muestres un mensaje definitivo de cero resultados mientras la solicitud sigue cargando. Tampoco mantengas resultados anteriores bajo una consulta nueva que ha fallado. Ambos comportamientos hacen que la interfaz cuente algo que la solicitud no respalda.
Dale tres tareas al mensaje
Un estado vacío útil responde a tres preguntas: ¿Qué pasó? ¿Por qué pudo pasar? ¿Qué puedo hacer ahora? La segunda respuesta puede ser breve y debe reconocer la incertidumbre cuando el producto desconoce la causa.
En un catálogo filtrado, prueba un título como “Ningún flujo de checkout en Android coincide con estos filtros”, seguido de “Elimina un filtro de componente o busca en todas las plataformas”. La acción debe realizar ese cambio sin descartar silenciosamente el resto de la consulta. Conserva una forma accesible de revisar los filtros activos para que la explicación se pueda comprobar.
Acerca la acción a la situación
Un botón genérico de Crear no siempre es la respuesta adecuada. Quien consulta una carpeta compartida quizá no tenga permiso para añadir elementos. Si hay una importación pendiente, iniciar otra podría duplicar el trabajo. Adapta la acción al estado y al papel de esa persona.
Para cambios reversibles, considera ofrecer deshacer o una vuelta clara al alcance anterior. Si una acción destructiva vació la vista, explica dónde se puede recuperar el contenido. Evita proponer formas de recuperación que el producto no ofrece realmente.
Investiga también la transición
Reúne referencias del momento anterior al estado vacío y de la primera acción exitosa después. En Refcat, compara cómo productos similares pasan de una colección vacía a su primer elemento guardado. Observa si las instrucciones desaparecen, si la acción principal permanece en el mismo lugar y si el contenido cambia de posición inesperadamente.
Prepara una tabla de revisión con una fila por estado: causa, mensaje, acción disponible y resultado esperado. Revísala con datos realistas, incluyendo una solicitud fallida y una cuenta con acceso restringido. Una pantalla vacía que enseña el siguiente paso puede resultar útil; una pantalla vacía que oculta la situación real entrega la investigación del problema a quien la utiliza.