Skip to main content

Rediseño de la interfaz de informes en vivo

por Jaime Iniesta

Hemos estado trabajando en un rediseño completo de la interfaz de informes en busca de una experiencia más simple, ligera y rápida. Gracias a Tailwind CSS y Phoenix LiveView, creemos que la nueva interfaz de informes ofrece una experiencia mucho mejor y un flujo de trabajo más fluido para validar sitios grandes.

Búsqueda en vivo en todas partes

Cuando trabajas con muchos sitios que tienen muchas páginas web e incidencias, necesitas una forma de filtrar para poder centrarte en lo que quieres arreglar primero. La nueva función de búsqueda en vivo te permitirá hacer eso.

Filtrado de informes por URL

Introduce parte de la URL y la lista de informes mostrará solo los que la contengan.

Filtrado de informes por URL

Filtrado de páginas web dentro de un informe por la URL de la página web

Introduce parte de la URL de la página web y la lista de páginas web mostrará solo las que la contengan. Esto es útil para reducir el ámbito a una sección del sitio, por ejemplo mostrando solo páginas web que contengan “/blog”.

Filtrado de páginas web en un informe por URL

Filtrado de incidencias en un informe por su mensaje

Úsalo para reducir una lista larga de incidencias a solo el tipo de incidencias en las que estás trabajando en un momento dado. Por ejemplo, buscando solo las relacionadas con “img”.

Filtrado de incidencias en un informe por mensaje

Filtrado de páginas web afectadas por una incidencia determinada por la URL

Cuando examinas una incidencia común de HTML o accesibilidad en un informe, se te presentará la lista de páginas web afectadas. Puedes reducir esta lista filtrando por la URL de las páginas web.

Filtrado de páginas web afectadas por incidencia por URL

La nueva tarjeta de incidencias incluye ayuda y acciones

Las incidencias de HTML y accesibilidad encontradas en tus sitios ahora se muestran como tarjetas accionables, ofreciendo el mensaje de la incidencia y una ayuda rápida, incluyendo ejemplos de código para una mejor comprensión.

Las acciones de incidencia te permitirán silenciar, volver a comprobar y ver más detalles sobre una incidencia determinada.

Tarjeta de incidencia que contiene ayuda y acciones

Acciones por lotes

Las acciones por lotes han sido mejoradas, para permitirte seleccionar varias páginas web dentro de un informe para volver a comprobarlas por lotes, o varios informes para ser eliminados. Usa la tecla shift para seleccionar un rango de elementos.

Las casillas de verificación te permiten seleccionar varias páginas web para volver a comprobar

Nuevo panel de control

El nuevo panel de control es tu nuevo punto de partida, con enlaces directos para crear nuevos informes, horarios, reglas de silenciado, tokens de API, leer la documentación o gestionar tu cuenta.

La vista de actividad reciente te mostrará estadísticas rápidas sobre los créditos restantes, páginas totales comprobadas e incidencias encontradas.

Para cada sitio reciente comprobado, se mostrará un resumen del número de páginas web, incidencias de HTML y accesibilidad, con un enlace a su último informe.

Nuevo panel de control

¡Pruébalo ahora!

¡La nueva interfaz de usuario de informes en vivo ya está lista para todos los usuarios de Rocket Validator! Si aún no la has probado, puedes registrarte para una prueba gratuita y comenzar a comprobar tus sitios grandes en segundos.

¿Listo para validar tus sitios?
Inicia tu prueba gratuita hoy.