Estado vacío aplicación web

Convierta el espacio en blanco en una guía útil.

6 comprobaciones · 2 grupos de contenido

Contenido de la lista

Progreso de la revisión

Información y estructura

Comparar información y presentación en contexto de uso.

Indica claramente lo que faltaUtilice un título específico para diferenciar la falta de contenido de la falta de resultados.Probé una cuenta que no generaba datos y un filtro sin resultados. Los dos estados requieren instrucciones diferentes; No se recomienda crear uno nuevo cuando solo necesita editar las condiciones de búsqueda.Ejemplo El mensaje “No hay proyectos que cumplan las condiciones” va acompañado de “Eliminar filtro”; Las cuentas nuevas utilizan "Crear primer proyecto".La explicación del contenido estará disponible.Dígales a los novatos para qué sirve esta área y de dónde provienen los datos.Deja en claro que es la primera vez que lo usas, que aún no tienes permiso para verlo o que los filtros no coinciden; Cada causa requiere un tratamiento diferente.Tener un primer paso claroEstablezca una nueva acción de creación, importación de datos o conexión para que coincida con la causa vacía.Elija una acción que obtenga los datos primero. Si el usuario no está autorizado a crear, muestre cómo contactar a la persona con permiso.

Acciones y estado

Pruebe la operación, cambie el estado y continúe trabajando.

Ampliar resultados de búsquedaSi no hay resultados, conserve la palabra clave y la sugerencia para editar o eliminar la condición del filtro.Mantener las palabras clave y las condiciones en uso; Elimine cada filtro antes de solicitar la eliminación de todos.No llames al error vacíoCuando falla la descarga de datos, informe un error e inténtelo nuevamente en lugar de decir que no hay contenido.No presente errores de red como una lista vacía; contiene datos cargados y proporciona un paso de reintento.Mantenga las ilustraciones útilesUtilice símbolos para respaldar el significado, no oculte la acción y no reemplace las explicaciones con imágenes.Las ilustraciones deben respaldar el mensaje, no ocupar una pantalla estrecha ni ocultar la acción principal.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Compruebe la causa de la lista vacía.

Probé una cuenta que no generaba datos y un filtro sin resultados. Los dos estados requieren instrucciones diferentes; No se recomienda crear uno nuevo cuando solo necesita editar las condiciones de búsqueda.

EJEMPLOS

Ejemplos de uso

Lista vacía debido al filtro

El mensaje “No hay proyectos que cumplan las condiciones” va acompañado de “Eliminar filtro”; Las cuentas nuevas utilizan "Crear primer proyecto".