Conception de tableaux de bord pour un site de commerce électronique d'analyse Web. Partie 1: Interface conviviale

Les tableaux de bord sont appelés un tableau de données présenté sous une forme visuelle sous la forme de tableaux, de graphiques, d'éléments d'infographie. Parfois, un tableau de bord est un ensemble de chiffres magnifiquement conçu. Comme, par exemple, le panneau d'informations montré dans l'image.


Tableau de bord pour un automobiliste

Le cycle de publication comprendra des articles décrivant le contenu des tableaux de bord pour l'analyse Web des sites de commerce électronique. Parlons de la création d'une interface de tableau de bord pratique.

Rendez le contenu du rapport délicieux!


Pour que l'ensemble de nombres, de graphiques et d'autres éléments visuels présentés dans le tableau de bord soit compris par le client final, plusieurs itérations seront nécessaires. Lors de la conception d'un tableau de bord, vous devrez répondre aux questions:

  • Pour qui un tableau de bord est-il créé? Un directeur marketing ou un directeur l'utilisera-t-il? À quelle fréquence le client ouvrira-t-il ce rapport? Le niveau d'affichage des informations et les périodes de la dynamique des indicateurs dépendent de l'utilisateur final du tableau de bord.

    Il existe trois types de tableaux de bord: opérationnel, analytique et stratégique. Les panneaux de commande sont utilisés pour afficher des informations qui changent rapidement au fil du temps. Un tableau de bord analytique est utilisé pour effectuer des recherches sur les tendances actuelles, évaluer la situation et tirer des conclusions pour corriger les tendances négatives. Les tableaux de bord stratégiques, en règle générale, sont utilisés comme guide pour déterminer la direction des activités de l'entreprise, identifier les problèmes dans les unités structurelles et définir les tâches pour les corriger.

    Un exemple . Le marketeur voit que le trafic de la publicité contextuelle génère des leads trop chers (tableaux de bord stratégiques), et confie à un directologue la tâche de corriger la situation. Le directeur du rapport analytique constate une diminution des positions pour les mots clés de conversion en raison du coût plus élevé du clic et augmente les enchères sur les mots clés. Il définit la tâche des gestionnaires de comptes pour surveiller les positions que les mots-clés prendront après avoir modifié le coût d'un clic et si le coût du traitement dépassera la valeur cible. Les directeurs de comptes "se tiennent au courant" à l'aide de tableaux de bord opérationnels.


    Tableau de bord stratégique, analytique et opérationnel sans conclusions ni recommandations

  • Quelle décision faut-il prendre? Rappelez-vous les principes de la pyramide de décision. Nous passons du général au particulier: nous choisissons d'abord quelle solution est nécessaire, puis quels indicateurs de performance aideront à évaluer la décision prise et, enfin, quels indicateurs peuvent affecter les KPI. Ces indicateurs et d'autres devront être reflétés sur le tableau de bord de haut en bas.

    Un exemple . Le client du tableau de bord souhaite comprendre comment augmenter le nombre de commandes et réduire leur coût. Au début de la feuille, nous reflétons les principaux KPI, par exemple, le nombre de commandes et leur valeur. Ensuite, nous dérivons des KPI auxiliaires, tels que le taux de rebond et la profondeur de visualisation, pour évaluer la qualité du trafic. Nous organiserons des données segmentées encore plus faibles, par exemple, des indicateurs du nombre de commandes et du coût de circulation dans le contexte des villes, des types d'appareils, des jours de la semaine et de l'heure.

    Les objectifs de performance doivent être conformes aux principes de l'ACTA:

    • Actionnable - le nom de la métrique doit afficher son contenu. Par exemple,% des commandes livrées à temps.
    • Interprétation commune - tous les utilisateurs du rapport doivent interpréter les indicateurs de la même manière.
    • Transparent - tout le monde doit comprendre comment la métrique est calculée.
    • Données accessibles et crédibles - la source de données doit être fiable.

    Le tableau de bord diffère du panneau d'informations en ce qu'il contient des analyses, des conclusions et des recommandations pour changer la situation. De bons tableaux de bord contiennent également des hypothèses sur les conséquences des décisions prises. L'analyse de la situation et les conclusions n'ont pas besoin de décrire les informations si évidentes à partir des graphiques. Les clients attendent une analyse des tendances et des raisons du comportement actuel des objectifs de performance. Assurez-vous de fournir des guides d'action clairs et compréhensibles basés sur les données du tableau de bord. Il ne sera pas toujours possible de prédire le résultat de vos actions, mais lorsque vous montrerez au client les bénéfices attendus de la mise en œuvre des changements, il tiendra certainement compte de vos recommandations dans le travail.

    N'oubliez pas l'apparence du tableau de bord


    La présentation d'informations sur un tableau de bord n'est pas une tâche facile, surtout lorsque vous devez afficher un grand nombre de données hétérogènes dans une langue que le client comprend. Il est d'usage d'utiliser les visualisations suivantes:


    Visualisation par type d'information

    La convivialité du tableau de bord est quelque peu similaire à la convivialité du site, je rappelle les règles de base.

    Heder

    Lors de la première ouverture du tableau de bord, le client doit comprendre en un coup d'œil où il se trouve et quels avantages il peut tirer des données. Vous ne devez pas vous fier au fait que seul votre client utilisera votre tableau de bord conçu. Il pourra toujours partager le tableau de bord avec l'un de ses collègues. Et encore mieux s'il veut le faire. Par conséquent, n'oubliez pas le chapeau. Il se compose du nom du tableau de bord, du logo de l'entreprise cliente et, éventuellement, de l'entreprise exécutante.

    Pied de page

    Après avoir examiné les données, le client souhaite voir les conclusions et recommandations pour d'autres actions. Les conclusions et recommandations ne doivent pas nécessairement se trouver dans le pied de page, mais doivent être présentes dans le tableau de bord.

    Information structurante

    La disposition des blocs d'informations doit respecter certaines règles. L'emplacement des éléments sur le tableau de bord d'une page à l'autre est préférable de ne pas changer et d'utiliser la grille. Il doit y avoir suffisamment d'espace libre entre les éléments. Les graphiques doivent être signés en respectant un formatage uniforme. Utilisez 2-3 polices. Mettez en évidence les informations importantes en couleur, taille.

    Navigation pratique

    La navigation doit être claire et accessible. Si vous n'avez pas affiché d'informations détaillées sur la dynamique des indicateurs sur cette feuille de tableau de bord, mais que le client en a besoin, vous devez donner un lien vers la feuille de tableau de bord sur laquelle ces informations sont présentées.

    Gamme de couleurs

    La palette de couleurs que vous sélectionnez doit correspondre à la palette de couleurs du site client. Pas besoin de composer votre propre palette de couleurs.


    Tableau de bord par Kevin Jackson


    Tableau de bord par Christopher Eddy

    Prototype de tableau de bord avec interface conviviale


    Tous les tableaux de bord suivants pour les articles sur Habré seront créés dans Power BI, je vais donc donner un croquis du prototype dans le même programme.

    La casquette contient le nom du tableau de bord, un filtre par date (la première lecture sera claire lors de la mise à jour du tableau de bord), le logo de l'entreprise. L'attention maximale de l'utilisateur du tableau de bord est concentrée sur les éléments dans le coin supérieur gauche de l'écran. Les filtres sont situés dans le coin droit afin de ne pas attirer l'attention sur vous. Les conclusions, recommandations et prévisions se trouvent dans le coin supérieur gauche. La dynamique positive est marquée en vert, la dynamique négative est marquée en rouge. La barre de défilement n'interfère pas avec la perception des informations. L'espace entre les éléments est observé.


    Prototype de mon tableau de bord

    Les sources



    Articles du cycle

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


All Articles