Botões de navegação do LuckyTemplates

Na maioria das vezes, os ícones também são usados ​​junto com os botões de navegação do LuckyTemplates ao criar relatórios do LuckyTemplates. Se você vir um ícone inicial, clicar nele o levará de volta à página de destino.

Um ícone de informações fornecerá mais contexto sobre um gráfico ou página específica. Um ícone do LinkedIn ou do Twitter direcionará você para a conta do designer.

Queremos usar ícones fáceis de identificar, mas isso não é suficiente, por isso devemos sempre fornecer contexto adicional aos nossos usuários .

Do ponto de vista da história de dados, precisamos controlar a experiência do usuário.

Como designer, somos responsáveis ​​pelo que mostrar ao usuário, quando mostrar ao usuário, antecipar as perguntas, fornecer interações e navegação claras e fornecer contexto adicional.

Devemos sempre ter um objetivo para o nosso relatório, como promover mudanças, fornecer recomendações e muito mais. Se usarmos ícones com interações específicas ou botões de navegação do LuckyTemplates e o usuário não os vir ou entender, nossa história se perde.

O usuário final não verá uma parte de sua análise que leve a uma conclusão específica. Mais uma vez, o contexto é extremamente importante. Você nunca deseja adicionar um ícone apenas para adicioná-lo na tela.

Você o deseja para uma finalidade específica e, se essa finalidade não estiver clara para o usuário final, certifique-se de adicionar contexto.

Ao usar um ícone inicial como um botão, diga aos usuários para clicar nele para retornar à página de destino. Se for um botão de informações, indique aos seus usuários que passem o mouse sobre as informações de descrição do painel.

Se você estiver usando um botão de ícone do Twitter ou LinkedIn, adicione esta descrição também. Lembre-se de que precisamos fornecer contexto para áreas que exigem interação do usuário.

Índice

• Relatórios do LuckyTemplates com botões de navegação
• Usando dicas de ferramentas em relatórios do LuckyTemplates
• Botões de navegação do LuckyTemplates direcionados para sites
• Adicionando ícones ao lado dos KPIs
• Adicionando bandas como KPIs
• Conclusão

Relatórios do LuckyTemplates com botões de navegação

Vamos agora entrar no LuckyTemplates e ver alguns exemplos da vida real.

Para este relatório, coloquei os ícones próximos aos botões de navegação. Associei-os segundo o princípio da semelhança para o estilo da peça e proximidade entre os botões.

A posição na página, o espaço negativo e a cor no contorno do primeiro item chamam a atenção e indicam que são botões de navegação do LuckyTemplates.

Não há rótulo dentro ou perto do botão para atuar como um identificador; portanto, colocar contexto adicional será útil para os usuários, para que eles saibam para qual página serão direcionados .

Usando dicas de ferramentas em relatórios do LuckyTemplates

As informações exibidas em uma dica de ferramenta ao passar o mouse sobre o botão são uma boa funcionalidade ao criar relatórios.

Caso você não utilize esta funcionalidade, não se esqueça de desabilitar esta opção, pois ela dá uma aparência não polida aos relatórios ao publicar no serviço.

Para ilustrar como é fácil manter as dicas de ferramentas ativadas e desativadas, vamos adicionar um botão em branco à página.

Sob o botão Ação , a opção Sem dicas de ferramentas não está ativa por padrão.

Isso significa que, ao passar o mouse sobre esse botão, você verá a mensagem “ CTRL+clique aqui para ir para a página anterior deste relatório ”, o que não é legal.

Portanto, temos que ativá-lo para desaparecer. Minha dica é manter as dicas de ferramentas ativadas se você as estiver usando; caso contrário, apenas desative-os.

Botões de navegação do LuckyTemplates direcionados para sites

Outra maneira de usar ícones é direcionar os usuários para páginas específicas do site. Por exemplo, clicar no logotipo da empresa levará diretamente ao site.

Neste relatório, tenho o logotipo do JIRA e também este botão invisível com a dica de ferramenta ativada. Vamos desativá-lo para ficar melhor.

Se eu clicar no botão do logotipo do JIRA, serei direcionado para o site da empresa, que neste caso é o .

No entanto, a maioria dos usuários não saberá que essa interação existe. Pior ainda, eles podem esperar que funcione como um botão inicial. É muito comum que em sites ao clicar no logotipo, você seja direcionado para a página de destino.

Não nos esqueçamos da percepção do usuário. O usuário pode estar acostumado a esse tipo de navegação de outros sites e a melhor maneira é ter uma dica de ferramenta dizendo: “Vamos nos conectar ou ir para o site”.

Adicionando ícones ao lado dos KPIs

Vamos pular para outro exemplo. 

De acordo com o princípio da proximidade e semelhança, pode também utilizar ícones junto aos KPIs que podem ser associados aos botões mantendo um estilo semelhante entre eles. Além disso, o rótulo dos KPIs são os identificadores dos ícones, portanto, não há necessidade de contexto adicional.

Adicionando bandas como KPIs

Os KPIs também são conhecidos como bandas. Nesse caso, o tipo de banda que estamos vendo são as principais métricas que fornecem ótimas informações para rastrear a atividade. Temos o Prazo Médio de Entrega , Materiais , PO , Toneladas Não Encomendadas e Clientes .

No entanto, esses números são bons ou ruins? E se forem ruins, os números são ruins para um mês específico ou há uma dinâmica ruim? A tendência é subir ou descer? Por que eu deveria me importar com isso?

Ao olhar para este relatório desde o início, reparei que como utilizador final, preciso de trabalhar, explorar e descobrir sozinho a informação ou a mensagem que o designer quis criar.

Quando passo do primeiro KPI para o terceiro KPI, não há informações adicionais. Mas no quarto KPI, encontramos algumas informações muito interessantes que mostram o total de POs entregues .

Então, quando vamos em Clientes , podemos ver a Margem por cliente , que é muito importante.

Além disso, podemos ver que 80% da margem total vem de apenas 11 materiais. Esta informação é ótima.

Neste tutorial , expliquei como os usuários estão digitalizando a tela em um padrão Z da esquerda para a direita e de cima para baixo.

Meus dois principais KPIs estão situados na parte inferior da tela. Essa é uma má escolha de design, pois esses são os dois únicos KPIs criados com informações adicionais.

Deixe-me colocar-me no lugar do público. Se eu quisesse explorar os dados sozinho, por que me incomodaria em pedir a um desenvolvedor do LuckyTemplates para criar o relatório?

É engraçado porque fui eu que criei este relatório. Este é um dos meus primeiros envios para organizado pela LuckyTemplates no ano passado.

Estou criticando meu próprio trabalho inicial. Em nossa jornada para melhorar nossos relatórios, todos nós cometemos erros e aprendemos com eles .

Adicionar ícones ao lado do KPI é legal porque dá uma aparência profissional, mas não é suficiente para criar um KPI. Ao criar um KPI, a primeira coisa que você deve se perguntar é: “e daí?”

Você pode adicionar uma referência, fazer uma comparação com um orçamento da previsão do ano passado ou mostrar quanto tempo foi bom ou ruim adicionando uma tendência.

Se estiver muito ruim, antecipe as perguntas do usuário final . Por exemplo, se um dos KPIs chamar a atenção de um usuário, ele precisará se aprofundar nos detalhes. Você pode adicionar contexto adicional ou detalhar para fornecer mais detalhes ao usuário .

Uma vez que o usuário tenha informações detalhadas, o que ele ou ela deve fazer sobre isso? É lá que o usuário precisa estar no momento em que você apresentará suas recomendações para um plano de ação.

Ícones personalizados do LuckyTemplates | Técnica de visualização PBI
Desenvolvimento de relatórios do LuckyTemplates: criando temas, logotipos de empresas, ícones e planos de fundo
Como adicionar ícones personalizados do LuckyTemplates aos seus relatórios

Conclusão

Espero que através desses exemplos você entenda uma lição importante sobre os botões de navegação na narrativa.

Fazer as perguntas certas sobre os KPIs e colocar contexto adicional nos botões de navegação ajuda a narrativa a se tornar mais poderosa.

Como designer, tenha sempre em mente que não estamos apenas criando relatórios; estamos causando um impacto real.

Tudo de bom,