Skip to main content

Redesign da interface dos relatórios em tempo real

por Jaime Iniesta

Temos estado a trabalhar numa reformulação completa da interface dos relatórios em busca de uma experiência mais simples, mais leve e mais rápida. Graças ao Tailwind CSS e ao Phoenix LiveView, achamos que a nova interface dos relatórios oferece uma experiência muito melhor e um fluxo de trabalho mais suave para validar sites grandes.

Pesquisa em tempo real em todo o lado

Quando você está a trabalhar com muitos sites que têm muitas páginas web e problemas, precisa de uma forma de filtrar para se poder focar no que quer corrigir primeiro. A nova funcionalidade de pesquisa em tempo real vai permitir-lhe fazer isso.

Filtrar relatórios por URL

Introduza parte do URL e a lista de relatórios mostrará apenas os que o contenham.

Filtrar relatórios por URL

Filtrar páginas web dentro de um relatório pelo URL da página web

Introduza parte do URL da página web e a lista de páginas web mostrará apenas as que o contenham. Isto é útil para reduzir o âmbito a uma secção do site, por exemplo mostrar apenas páginas web que contenham “/blog”.

Filtrar páginas web num relatório por URL

Filtrar problemas num relatório pela sua mensagem

Use isto para reduzir uma longa lista de problemas apenas ao tipo de problemas em que está a trabalhar de cada vez. Por exemplo, pesquisar apenas os relacionados com “img”.

Filtrar problemas num relatório por mensagem

Filtrar páginas web afetadas por um determinado problema pelo URL

Quando você examina um problema comum de HTML ou acessibilidade num relatório, será apresentada a lista de páginas web afetadas. Pode reduzir esta lista filtrando pelo URL das páginas web.

Filtrar páginas web afetadas por problema por URL

O novo cartão de problema inclui ajuda e ações

Os problemas de HTML e acessibilidade encontrados nos seus sites são agora mostrados como cartões acionáveis, oferecendo a mensagem do problema e uma ajuda rápida, incluindo exemplos de código para melhor compreensão.

As ações do problema permitir-lhe-ão silenciar, verificar novamente e ver mais detalhes sobre um determinado problema.

Cartão de problema contendo ajuda e ações

Ações em lote

As ações em lote foram melhoradas, para lhe permitir selecionar várias páginas web dentro de um relatório para re-verificação em lote, ou vários relatórios para serem eliminados. Use a tecla shift para selecionar uma série de itens.

As caixas de verificação permitem-lhe selecionar várias páginas web para re-verificação

Novo painel de controlo

O novo painel de controlo é o seu novo ponto de partida, com links diretos para criar novos relatórios, horários, silenciamentos, tokens da API, ler a documentação ou gerir a sua conta.

A vista de atividade recente mostrar-lhe-á estatísticas rápidas sobre créditos restantes, total de páginas verificadas e problemas encontrados.

Para cada site recente verificado, será mostrado um resumo do número de páginas web, problemas de HTML e acessibilidade, com um link para o seu relatório mais recente.

Novo painel de controlo

Experimente agora!

A nova interface de relatórios em tempo real está agora pronta para todos os utilizadores do Rocket Validator! Se ainda não a experimentou, pode inscrever-se para um teste gratuito e começar a verificar os seus sites grandes em segundos.

Pronto para validar os seus sites?
Comece o seu teste gratuito hoje.