Fermer

mars 23, 2021

Pourquoi nous avons besoin d'une meilleure visualisation des données pour les applications mobiles


Grâce aux visualisations de données, vous pouvez augmenter considérablement la valeur que les utilisateurs tirent de votre application. Dans cet article, nous verrons pourquoi la visualisation des données est importante, ainsi que quelques conseils pour améliorer vos conceptions.

Avoir la possibilité de mettre les données entre les mains de vos utilisateurs est une bonne chose. C'est également une fonctionnalité précieuse pour de nombreuses applications différentes. Par exemple:

  • Outils de gestion de projet qui permettent aux utilisateurs de suivre et de gérer leurs tâches
  • CRM qui aident les utilisateurs à garder un œil sur les prospects et les clients, les pipelines de vente et les flux de trésorerie
  • Applications de jeu qui affichent des statistiques, des barres de progression et plus
  • Outils de marketing et de vente qui fournissent des analyses de performances
  • Applications de réservation qui transforment les données de localisation en cartes interactives

Mais ce n'est pas seulement l'inclusion d'une fonction de visualisation des données qui compte. La manière dont elle est conçue dans l'espace de votre application mobile est également importante.

Donc, aujourd'hui, je voudrais parler brièvement de ce qu'une bonne conception de visualisation de données peut apporter à l'expérience de vos utilisateurs. Ensuite, je vais partager quelques astuces pour améliorer la visualisation des données dans les applications mobiles.

Pourquoi la visualisation des données est importante pour les utilisateurs d'applications mobiles

Soyons honnêtes: même si le big data a définitivement amélioré la façon dont nous gérons nos entreprises. ainsi que nos vies, peu de gens aiment avoir à se pencher sur ces données pour en tirer un sens.

La visualisation des données est, bien sûr, une solution utile pour cela.

Prenons, par exemple, l'onduleur outil de recherche de localisation de l'application mobile :

 Les utilisateurs de l'application mobile UPS peuvent «Rechercher un emplacement UPS» en entrant leur code postal dans le champ de recherche et en cliquant sur «Rechercher».

UPS est une énorme entreprise, avec plus de 5 000 magasins aux États-Unis et au Canada. Dans les régions métropolitaines comme Providence, les utilisateurs peuvent de manière réaliste se retrouver avec des dizaines d'emplacements à proximité parmi lesquels choisir.

 Une recherche d'emplacements UPS à proximité du code postal 02903 dans l'application mobile donne des résultats pour les emplacements de boîtes de dépôt UPS sur 10 Dorrance St et 380 Westminster St à Providence, RI.

C'est beaucoup d'informations à digérer à la fois. Cependant, en visualisant ces données sur une carte, les utilisateurs peuvent choisir plus rapidement les magasins les plus proches de leur emplacement:

 L'application mobile UPS offre aux utilisateurs la possibilité de rechercher des emplacements par carte. Cette carte montre des dizaines de broches rouges dans et autour de la ville de Providence, RI.

Ce qui est également bien avec cette visualisation de données, c'est que les données de localisation correspondantes ne s'affichent pas tant que l'utilisateur n'a pas cliqué sur l'une des broches:

 Les utilisateurs de l'application mobile UPS peuvent cartographier les résultats de leur recherche d'emplacement. Chacune des broches rouges peut être cliquée pour révéler les informations correspondantes sur le type d'emplacement de l'onduleur, son adresse et sa distance par rapport à l'utilisateur.

Cela rend toutes ces informations beaucoup plus faciles à digérer car elles n'ont qu'à considérez un emplacement à la fois.

C'est l'une des façons dont une bonne conception de visualisation de données peut améliorer l'expérience d'un utilisateur mobile: pour accélérer les processus de recherche et de prise de décision.

Une bonne visualisation des données prend toutes ces horribles données brutes et le transforme en quelque chose de beau et, à son tour, améliore l'utilisateur:

  • Compréhension
  • Vitesse de compréhension
  • Détection de modèle
  • Surveillance
  • Analyse
  • Et plus encore

En conséquence, votre les utilisateurs peuvent faire des choix meilleurs et plus confiants pour eux-mêmes ou pour leur entreprise. Et lorsque cela se produit, vous constaterez qu’ils s’engagent plus fréquemment dans votre solution et qu’ils deviennent des défenseurs plus fidèles de celle-ci.

Donc, encore une fois, cela me ramène à mon argument initial. Il ne suffit pas de traduire les données brutes en un graphique. Cela doit être fait d'une manière qui ne frustre pas, ne perturbe pas ou n'entrave pas l'expérience des utilisateurs avec l'application.

Ensuite, nous verrons ce que vous pouvez faire pour vous assurer que vos visualisations de données ajoutent une valeur réelle.

Comment améliorer la conception de la visualisation de données sur mobile

En 2019, j'ai rédigé un article sur les 5 conseils qui aideraient les concepteurs à améliorer la conception de la visualisation de données :

  • Choisissez le bon type de l'élément de visualisation de données
  • Ne soyez pas créatif avec la copie
  • N'incluez que ce qui est nécessaire
  • Commandez les données logiquement
  • Faites attention à la couleur

Cela fait plus d'un an que j'ai écrit ce message, mais tous ces conseils sont tout aussi vrais aujourd'hui qu'ils l'étaient à l'époque. Cela dit, si nous spécifiquement parlons de conception de visualisation de données pour les applications mobiles, j'ai quelques conseils supplémentaires que je veux ajouter à la liste.

Si vous êtes curieux de savoir où j'ai tiré les exemples suivants sont tous des composants et des échantillons de Telerik Xamarin UI :

1. Réduire le nombre de visualisations de données affichées à la fois

L'une des raisons pour lesquelles vous utilisez les visualisations de données au lieu de tableaux ou de longues listes d'informations est qu'elles sont plus faciles à cibler et plus rapides à comprendre. Cependant, placer trop de visualisations dans un espace donné pourrait poser des problèmes aux utilisateurs.

Vous devrez donc réfléchir au nombre de graphiques que vous pouvez raisonnablement afficher à la fois sans que cela devienne une surcharge cognitive.

Par exemple, avec quelque chose comme une jauge, il est probablement préférable de n'en afficher qu'une à la fois:

 Un exemple de composant de jauge radiale de Telerik UI pour Xamarin. Le cadran de la jauge indique 130.

Ce n’est pas comme si ce graphique était difficile à interpréter. Il est parfaitement dimensionné et les chiffres sont aussi clairs que le jour. Cependant, l'information contenue dans quelque chose comme une jauge est très précise et mérite son propre espace, sans distraction.

D'un autre côté, des visualisations de données plus traditionnelles comme des graphiques et des graphiques peuvent être affichées simultanément. Dans la limite du raisonnable, bien sûr.

Voici un exemple CRM qui montre comment cela pourrait fonctionner:

 Un exemple Telerik CRM montre comment les visualisations de données apparaissent sous le profil d'employé de Patrick Serra. Un graphique à secteurs montre le salaire de l’employé par rapport aux avantages sociaux, aux jours de vacances, à l’utilisation, au nombre de ventes et à la valeur monétaire des ventes.

Il s’agit d’une page de profil d’employé. Il y a quatre visualisations de données ici, mais je pense qu'il est normal qu'elles s'affichent toutes en même temps.

L'une des raisons est qu'elles ont chacune un design distinct, de sorte qu'une personne familière avec l'application saurait immédiatement où chercher pour trouver le point de données pertinent. En outre, cette sélection de données raconte une «histoire» sur l'employé, qui peut être précieuse pour les employeurs et les responsables des ressources humaines qui utilisent ce portail pour évaluer leur équipe.

Une chose que je dirai, cependant, c'est que si vous placez plusieurs visualisations de données ensemble, classez-les en fonction de leur priorité afin de permettre aux utilisateurs de trouver plus facilement les données les plus importantes.

2. Concevez-le en toute confiance en un clic

Toutes les visualisations de données ne seront pas interactives. La jauge ci-dessus, par exemple, est un graphique qui n'aurait pas besoin que quelqu'un clique dessus pour comprendre ce qu'il voit.

Les tableaux et graphiques n'ont généralement pas non plus besoin de fournir des informations supplémentaires. Tant qu'il y a des étiquettes pour les axes x et y ou une légende en dessous, l'interactivité n'est pas vraiment nécessaire. Comme cet exemple d'analyse de photo:

 Un exemple de graphique à secteurs de l'application TagIt de Telerik fournit une légende correspondante en dessous. Les quartiers à tarte colorés correspondent à: assis, couché, table, chien et pièce.

Cela dit, pensez à quelque chose comme un plan de salle pour un avion ou un stade. Il serait très difficile de placer tous les détails sur la section, les numéros de siège et d'autres informations pertinentes à l'intérieur ou même à l'extérieur du graphique.

C'est là que la conception de vos visualisations de données pour qu'elles soient cliquables est utile.

Regardons ce composant de carte comme exemple de la valeur de cette fonctionnalité:

 Il s'agit d'un composant de carte de l'interface utilisateur Telerik pour Xamarin. Ce GIF montre le fonctionnement d'une carte interactive lorsque l'utilisateur clique sur différents états, comme la Géorgie, l'Illinois, le Kansas, le Nebraska et la Californie.

Remarquez que l'utilisateur n'a pas besoin de zoomer ou dézoomer sur le graphique pour obtenir des informations supplémentaires sur chaque état. Tant que chaque composant individuel de votre visualisation est suffisamment grand pour être exploité, c'est un excellent moyen d'afficher beaucoup d'informations dans un espace très tronqué sur une application mobile.

3. Permettre des vues et un filtrage personnalisés

L'un des avantages de la présentation des données sous forme graphique est qu'il existe souvent plusieurs façons de les gérer. Bien que vous, en tant que concepteur, sachez ce qu'il y a de mieux en termes de convivialité globale, il va y avoir des différences en termes de goût personnel que vous pouvez également expliquer.

Plutôt que d'espérer choisir le design ou la mise en page qui apaise le plus utilisateurs, donnez-leur la possibilité de le personnaliser eux-mêmes.

Il existe plusieurs façons de le faire:

  • Bascule du mode sombre / clair
  • Bascule du contraste normal / élevé
  • Widgets de tableau de bord personnalisables [19659004] Filtres de graphiques, de graphiques ou de tableaux
  • Voir les alternatives

Voyons comment vous pourriez gérer le dernier avec un composant de planification. Voici à quoi il ressemble dans la vue de l'agenda:

 Ce composant de planification fait partie de l'interface utilisateur Telerik pour la bibliothèque Xamarin. Dans cet exemple, nous voyons à quoi ressemble un calendrier pour mars 2021 dans la vue Agenda.

Ceci est le plus proche de la vue de liste que nous voyons souvent dans les outils de gestion de projet. Les couleurs améliorent la distinction des tâches. Cependant, chaque tâche est reléguée à une ligne de taille égale, quelle que soit la durée de la tâche, donc ce n'est pas la meilleure vue pour quelqu'un qui essaie de gérer les heures de sa journée.

Regardons maintenant ceci même planificateur dans la vue quotidienne:

 Ce composant de planification fait partie de l'interface utilisateur Telerik pour la bibliothèque Xamarin. Dans cet exemple, nous voyons à quoi ressemble une planification pour mars 2021 dans la vue Jour.

Dans cette vue, nous voyons maintenant les jours civils ci-dessus avec des points de couleur indiquant où et combien de tâches sont planifiées. Au milieu, nous voyons les tâches codées par couleur et espacées en fonction de la durée réelle de chacune.

Cette vue donne aux utilisateurs une représentation plus réaliste de leur charge de travail au cours d'une journée donnée ainsi que tout au long d'une semaine.

Encore une fois, en fournissant ces options d'affichage, vos utilisateurs peuvent personnaliser les données de l'application afin qu'elles leur donnent le plus de valeur.

Récapitulation

Peu importe si vos visualisations de données sont une fonctionnalité principale de votre application mobile ou une plus petite partie de celui-ci. La façon dont ils sont présentés peut faire ou défaire l'expérience de beaucoup de vos utilisateurs. Et lorsque la fidélisation et la fidélisation des utilisateurs sont essentielles au succès d'une application, vous ne pouvez pas vous permettre de vous tromper.

Comme nous l'avons vu ci-dessus, Telerik a une solution prête à vous aider. Il s’appelle Telerik UI pour Xamarin . En plus de vous fournir des visualisations de données préconçues et facilement personnalisables, vous trouverez une bibliothèque générale de composants qui facilitent la conception d'applications mobiles.




Source link