Projetando painéis para o site de comércio eletrônico de análise da web. Parte 1: Interface amigável

Os painéis são chamados de uma matriz de dados apresentada em forma visual na forma de tabelas, gráficos, elementos de infográficos. Às vezes, um painel é um conjunto de números muito bem projetado. Como, por exemplo, o painel de informações mostrado na figura.


Painel para um motorista

O ciclo de publicação consistirá em artigos que descrevem o conteúdo de painéis para análise da Web de sites de comércio eletrônico. Vamos falar sobre a criação de uma interface de painel conveniente.

Faça o conteúdo do relatório delicioso!


Para que o conjunto de números, gráficos e outros elementos visuais apresentados no painel sejam entendidos pelo cliente final, será necessária mais de uma iteração. Ao projetar um painel, você terá que responder às perguntas:

  • Para quem é criado um painel? Um diretor ou diretor de marketing o usará? Com que frequência o cliente abrirá este relatório? O nível de exibição de informações e os períodos de tempo para a dinâmica dos indicadores dependem do usuário final do painel.

    Existem três tipos de painéis: operacional, analítico e estratégico. Os painéis de operação são usados ​​para exibir informações que mudam rapidamente ao longo do tempo. Um painel analítico é usado para conduzir pesquisas sobre tendências atuais, avaliar a situação e tirar conclusões para corrigir tendências negativas. Painéis estratégicos, como regra, são usados ​​como um guia para determinar a direção das atividades da empresa, identificar problemas em unidades estruturais e definir tarefas para corrigi-las.

    Um exemplo O profissional de marketing vê que o tráfego da publicidade contextual gera leads muito caros (painéis estratégicos) e define a tarefa de um directologista para corrigir a situação. O diretor do relatório analítico encontra uma diminuição nas posições das palavras-chave de conversão devido ao custo mais alto do clique e aumenta os lances das palavras-chave. Ele define a tarefa dos gerentes de conta para monitorar quais posições as palavras-chave assumirão após alterar o custo de um clique e se o custo do tratamento excederá o valor desejado. Os gerentes de contas "acompanham" com a ajuda de painéis operacionais.


    Painel estratégico, analítico e operacional sem conclusões e recomendações

  • Que decisão deve ser tomada? Lembre-se dos princípios da pirâmide de decisão. Vamos do geral ao particular: primeiro, escolhemos qual solução é necessária, depois quais indicadores de desempenho ajudarão a avaliar a decisão tomada e, finalmente, quais indicadores podem afetar o KPI. Esses e outros indicadores precisarão ser refletidos no painel de cima para baixo.

    Um exemplo O cliente do painel deseja entender como aumentar o número de pedidos e reduzir seus custos. No início da planilha, refletimos os principais KPIs, por exemplo, o número de pedidos e seu valor. Em seguida, derivamos KPIs auxiliares, como taxa de rejeição e profundidade de visualização, para avaliar a qualidade do tráfego. Organizaremos os dados segmentados ainda mais baixos, por exemplo, indicadores do número de pedidos e do custo de circulação por cidades, tipos de dispositivos, dias da semana e hora do dia.

    Os objetivos de desempenho devem obedecer aos princípios do ACTA:

    • Acionável - o nome da métrica deve exibir seu conteúdo. Por exemplo,% de pedidos entregues no prazo.
    • Interpretação comum - todos os usuários do relatório devem interpretar os indicadores da mesma maneira.
    • Transparente - todos devem entender como a métrica é calculada.
    • Dados acessíveis e confiáveis ​​- a fonte de dados deve ser confiável.

    O painel difere do painel de informações, pois contém análises, conclusões e recomendações para mudar a situação. Bons painéis também contêm suposições sobre as consequências das decisões tomadas. A análise da situação e as conclusões não precisam descrever as informações que são tão óbvias nos gráficos. Os clientes aguardam uma análise das tendências e os motivos do comportamento atual das metas de desempenho. Certifique-se de fornecer guias claros e compreensíveis para a ação com base nos dados do painel. Nem sempre será possível prever o resultado de suas ações, mas quando você mostra ao cliente os benefícios esperados com a implementação das mudanças, ele certamente levará em consideração suas recomendações no trabalho.

    Não se esqueça da aparência do painel


    Apresentar informações em um painel não é uma tarefa fácil, especialmente quando você precisa exibir muitos dados heterogêneos em um idioma que o cliente entenda. É habitual usar as seguintes visualizações:


    Visualização por tipo de informação

    A usabilidade do painel é um pouco semelhante à usabilidade do site, lembro-me das regras básicas.

    Heder

    Na primeira abertura do painel, o cliente deve entender rapidamente onde ele está e quais benefícios ele pode obter com os dados. Você não deve confiar no fato de que apenas seu cliente usará o painel projetado. Ele sempre poderá compartilhar o painel com um de seus colegas. E melhor ainda, se ele quiser fazer isso. Portanto, não se esqueça do chapéu. Consiste no nome do painel, no logotipo da empresa cliente e, possivelmente, na empresa executora.

    Rodapé

    Depois de revisar os dados, o cliente deseja ver conclusões e recomendações para outras ações. Não necessariamente as conclusões e recomendações devem estar localizadas no rodapé, mas devem estar presentes no painel.

    Estruturação de informações

    A organização dos blocos de informações deve seguir certas regras. A localização dos elementos no painel de uma página para outra é melhor para não alterar e usar a grade. Deve haver espaço livre suficiente entre os elementos. Os gráficos devem ser assinados, observando uma formatação uniforme. Use 2-3 fontes. Destaque informações importantes em cores, tamanho.

    Navegação conveniente

    A navegação deve ser clara e acessível. Se você não exibiu informações detalhadas sobre a dinâmica dos indicadores nesta folha de painel, mas o cliente precisa disso, deve fornecer um link para a folha de painel na qual essas informações são apresentadas.

    Gama de cores

    A paleta de cores selecionada deve corresponder à paleta de cores do site do cliente. Não há necessidade de compor sua própria paleta de cores.


    Dashboard por Kevin Jackson


    Dashboard por Christopher Eddy

    Protótipo de painel com interface amigável


    Todos os painéis subsequentes dos artigos sobre Habré serão criados no Power BI; portanto, darei um esboço do protótipo no mesmo programa.

    A tampa contém o nome do painel, um filtro por data (a primeira leitura ficará clara quando o painel foi atualizado), o logotipo da empresa. A atenção máxima do usuário do painel é focada nos elementos no canto superior esquerdo da tela. Os filtros estão localizados no canto direito para não chamar a atenção. Conclusões, recomendações e previsões estão localizadas no canto superior esquerdo. A dinâmica positiva é marcada em verde, a dinâmica negativa é marcada em vermelho. A barra de rolagem não interfere na percepção das informações. O espaço entre os elementos é observado.


    Protótipo do meu painel

    Fontes



    Artigos do ciclo

Source: https://habr.com/ru/post/pt422235/


All Articles