Experiência de navegação de relatório de alta qualidade do LuckyTemplates

Neste blog, mostrarei a você um relatório de alta qualidade do LuckyTemplates. Este exemplo surgiu de um desafio do LuckyTemplates que executamos no LuckyTemplates. Eu projetei este. Eu realmente queria me desafiar a criar uma experiência superior de navegação de relatórios do LuckyTemplates. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Com o LuckyTemplates, você pode literalmente criar os mais incríveis relatórios semelhantes a aplicativos.

Eu recomendo que você mergulhe em como isso pode funcionar porque pode melhorar muito a experiência de seus consumidores. Então vamos fazer isso.

Índice

• Recursos de navegação de relatórios do LuckyTemplates
• Design de navegação de relatórios do LuckyTemplates
• Criando a navegação do relatório do LuckyTemplates
• Inspiração de design de relatório
• Conclusão

Recursos de navegação de relatórios do LuckyTemplates

Se você der uma olhada em todo o relatório, não parece haver páginas separadas no relatório. Parece um aplicativo da Web contínuo.

Eu criei esta aparência interessante onde posso clicar em meu relatório para diferentes páginas de relatório , assim como você faria em um aplicativo da web. A maneira como defini as coisas realmente pequenas que fiz em cada página diferente torna o relatório realmente atraente.

Agrupei seções para poder clicar em diferentes áreas do meu aplicativo de relatório também. Então, criei uma seção diferente chamada Actions .

Também criei uma seção diferente chamada Details .

Observe que há apenas pequenas coisas que estão mudando quando vou para essas seleções diferentes. Alterei o contorno das caixas azuis (seções) para indicar em qual página você está.

Também criei a área Configurações , que é exclusiva do LuckyTemplates. Você pode criar páginas como esta que se parecem com páginas de índice. Portanto, em vez de alterar a data em cada página ou indicar a seleção principal em cada página, vou trazê-la para a página Configurações e farei seleções como esta (somente Nordeste e Sul).

Com esta técnica, esses filtros agora são sobrepostos no restante deste relatório. Como você pode ver no canto superior direito da página, o mapa mostra apenas as regiões que escolhemos em Configurações, Nordeste e Sul.

Design de navegação de relatórios do LuckyTemplates

Agora, vamos examinar rapidamente algumas das técnicas que usei aqui. Você verá na parte inferior que basicamente escondi cada página.

Então, quando você o visualiza online, parece que não há outras páginas. Você pode ver apenas uma página, que é a Visão Geral de Reclamações .

Você pode configurar a aparência dessas páginas com formas ou configurar as posições de determinados itens na página. Você só estará fazendo mudanças realmente pequenas. Por exemplo, pegue esta linha horizontal aqui; Acabei de adicionar a linha azul para indicar em qual página de relatório estou.

Eu me inspirei em alguns designs da web que vi e juntei uma série de coisas para tornar isso realmente atraente.

Uma coisa que fiz, que achei uma boa ideia do tipo web que roubei, foi colocar essas duas setas aqui, para que eu possa clicar em uma para me levar a diferentes relatórios. Isso faz com que a experiência de navegação de relatórios do LuckyTemplates pareça perfeita.

Criando a navegação do relatório do LuckyTemplates

Para configurar isso, basta clicar em um item, diga esta pequena seta para trás, vá para a área Ação e simplesmente coloque Navegação na página como Tipo e a página para a qual deseja ir ( Destino ).

Você nem precisa mais criar marcadores para a experiência de navegação de relatórios do LuckyTemplates. É assim que você pode criar essa navegação sem precisar mostrar todas as páginas na experiência online real.

E o que eu fiz para esses nomes de relatórios (Resumo, Corretores, Clientes), em cada caixa de texto, sobrepus um retângulo transparente, que é então sobreposto nas palavras. Em seguida, defino o Destino também, respectivamente.

Se você for para Configurações, poderá sincronizar seus filtros em diferentes páginas. Para fazer isso, vá para a guia Exibir e clique em Sincronizar segmentações . Você verá que pode ter um slicer ou mais em uma página, mas depois sincronizá-los com todas as outras páginas.

Uma coisa importante que acrescentei na página é a data para manter o relatório informativo. O usuário ou consumidor ainda precisa saber a seleção de data real no relatório.

Inspiração de design de relatório

Para obter mais inspiração de relatório, acesse nossa página (KB). Foi aqui que obtive a inspiração para esse design específico de navegação de relatório do LuckyTemplates. Coletamos muitos relatórios e ideias de qualquer coisa, não apenas do LuckyTemplates. Há muitos sites excelentes e nós os reunimos nesta seção: .

Você encontrará tantos relatórios incríveis lá. Este é um exemplo de um ótimo design de relatório, feito por um participante de um de nossos desafios.

E esta é a inspiração de design para o exemplo de navegação de relatório do LuckyTemplates que fiz. Isso não é o LuckyTemplates, mas você pode fazer um relatório do LuckyTemplates parecer com isso facilmente.

Criando um sistema de relatórios com o LuckyTemplates
Técnicas de relatórios do LuckyTemplates: configurando relatórios semelhantes a aplicativos
Visuais personalizados do LuckyTemplates – Crie um aplicativo de relatórios

Conclusão

Isso é algo que você pode encontrar em um site bem projetado e agora podemos fazer isso no LuckyTemplates. Basta um pouco de criatividade e imaginação.

Você pode facilmente criar relatórios exatamente como este no LuckyTemplates. Temos todas as formas e cores disponíveis, bem como todas as visualizações que você precisa. Você só precisa ser inovador e nossa inspiração de design de relatório é uma grande ajuda para você.

Saúde,