Plantilla Figma para la página de error

Diseña la página de error con un objetivo claro

En la página de error, los usuarios pueden entender por qué una página no está disponible y encontrar cómo continuar. Ordena la información según la siguiente tarea y facilita encontrar la acción principal. Mantén el contenido secundario en un nivel visual discreto para que la pantalla siga siendo fácil de recorrer.

Organiza el contenido y las acciones

Organiza los elementos principales: mensaje de error, acción para recuperarse y ruta a contenido útil. Mantén las etiquetas, los mensajes de estado y las acciones junto al contenido que describen para facilitar la lectura. En móvil, prioriza los datos clave y la acción principal antes del contenido secundario.

Adapta la plantilla de la página de error en Figma

La retroalimentación de errores efectiva mejora la experiencia del usuario proporcionando una comunicación clara y concisa sobre problemas y soluciones potenciales. Los componentes como las herramientas emergentes, los diálogos modales, los mensajes en línea y las barras de alerta se utilizan para entregar estos mensajes. Al explicar claramente el problema y ofrecer pasos de acción, la retroalimentación de errores ayuda a los usuarios a navegar por los desafíos sin frustración.

Nuestro UI KIT incluye componentes de retroalimentación de errores personalizables diseñados para proporcionar notificaciones y advertencias claras y amigables para el usuario, garantizando que los usuarios estén bien informados y guiados a través de sus interacciones con el sistema.