Comment planifier stratégiquement une conception UX riche en données

Publié: 2023-02-12

Le Big Data explose. Pourtant, harmoniser les besoins de données complexes avec une interface utilisateur simple, propre et utile est un test pour tout concepteur UX aujourd'hui. Souvent, le design (l'outil pour transmettre un message) fait obstacle à la communication (le message ou le sens caché dans la montagne des données brutes).

Décoller les informations simplifiera et nettoiera l'interface utilisateur. Mais avec les applications basées sur les données, moins de données signifie souvent un tableau de bord moins pratique et moins utile.

Garder toutes les données contextuelles que vous pouvez, cependant, donne une application inutilisable.

Alors, comment trouver le bon équilibre ?

La façon dont une application présente les données joue un rôle énorme, et c'est là que les concepteurs UX entrent en jeu.

Dans cet article, je vais partager des trucs et astuces que les concepteurs UX peuvent utiliser pour développer une visualisation de données simple et claire, même lors de l'application de données volumineuses (données exécutées en gigaoctets) pour les tableaux de bord d'applications, les pages Web, etc.

Cependant, je laisserai de côté les meilleurs langages de conception d'applications Big Data pour l'instant.

Voici comment concevoir pour une expérience utilisateur riche en données :

Table des matières
1. Comment concevoir des applications Big Data impressionnantes que les clients adorent
1.1. 1. Employez des personas d'utilisateur pour concevoir des tableaux de bord utiles basés sur les données
1.2. 2. La convivialité avant le style : rester simple, clair et gracieux
1.3. 3. Combinez le matériau et la conception plate - la fonction plutôt que la forme
1.4. 4. L'accessibilité plutôt que l'esthétique
1.5. 5. Laisser place à l'amélioration
2. Principaux plats à emporter

Comment concevoir des applications Big Data impressionnantes que les clients adorent

Le meilleur endroit pour commencer est peut-être de demander qui est votre client.

homme et femme à table avec un ordinateur portable et des notes pendant qu'ils planifient l'expérience utilisateur sur un site riche en données

Peut-être avez-vous créé un tableau de bord magnifique et l'avez-vous livré au client juste à temps pour qu'il demande: "Alors, où puis-je faire X, Y et Z?"

Aie! Ça a dû faire mal.


1. Employez des personas d'utilisateur pour concevoir des tableaux de bord utiles basés sur les données

Même si l'intelligence artificielle et l'apprentissage automatique continueront de s'améliorer, la plupart des organisations auront toujours besoin d'une intervention humaine pour traiter des données non catégorisées.

Et les meilleurs concepteurs UX créent des produits qui aideront à résoudre un problème pour les personnes qui utiliseront des applications basées sur les données.

Comment font-ils?

Erik Klimcz, Senior Design Leader chez Uber and Advanced Technologies Group, a partagé quelques conseils pratiques sur Medium. Il suggère que les concepteurs UX doivent d'abord identifier, puis définir, les utilisateurs ou les personnages pour chaque projet.

Étant donné que les applications basées sur les données ont tendance à être utilisées par plusieurs personnes au sein ou à l'extérieur d'une organisation, vous devez identifier ces personnes afin de pouvoir organiser les structures filaires et les tâches de votre architecture d'informations pour répondre aux besoins de chacun.

Cela rendrait la conception utile à l'utilisateur final, votre public cible, votre principal client.

Voici une illustration :

exemple d'illustration de la planification de différentes personnalités d'utilisateurs
Chaque personne a des intérêts différents dans les données et notez comment la conception prend en compte les intérêts de chaque utilisateur.

Comprendre vos utilisateurs/personas peut vous aider à personnaliser les fonctionnalités de l'application en fonction de leurs besoins, ce qui est l'objectif ultime.

De plus, vous pouvez déterminer quel type d'outils de visualisation de données utiliser pour quel client en répondant à des questions importantes telles que :

  • Qui traitera les données (user personas) ? Est-il conçu pour les clients ou les analyseurs de données internes, par exemple ?
  • Qu'est-ce que ces utilisateurs ont besoin des données pour les aider à faire ensuite ?

Par exemple:

Vous pouvez concevoir un type d'infographie qui renseigne les informations en fonction des entrées personnelles d'un utilisateur.

Ce type de conception d'application basée sur les données serait utile dans les situations où l'utilisateur est tenu ou libre de télécharger des informations au fur et à mesure qu'il les obtient ou lorsqu'il doit les retirer pour prendre d'autres mesures.

Un exemple est le service client où un représentant CS peut entrer le nom ou le numéro d'un client pour recueillir plus d'informations à son sujet.

Vous pouvez trouver ce type d'outil interactif de visualisation de données en action sur Mahfix for You vs John Paulson. Il vous permet d'entrer un nombre, puis il rapporte des informations en fonction de votre entrée. C'est plutôt lisse !


2. La convivialité avant le style : rester simple, clair et gracieux

Un homme et une femme planifient la clarté de l'utilisateur devant un mur plein de post-it multicolores

Il est facile de se laisser prendre par la conception d'une UX attrayante qui vous accroche, mais qui, franchement, n'est pas pratique pour votre client.

Pour être utilisable, une interface doit être claire. "La clarté est le travail n ° 1", pour reprendre les mots du prolifique concepteur UX Joshua Porter.

En fait, Joshua Porter a écrit un article ingénieux sur les principes de conception d'interface utilisateur, qui s'applique toujours lors de la conception d'applications Big Data.

Donc, pour plus de clarté autour de la convivialité : les concepteurs doivent-ils utiliser une conception UX personnalisée ou opter uniquement pour des outils de visualisation éprouvés, tels que des graphiques linéaires ?

Cela dépendra de vos cas clients/utilisateurs.

De nouveaux outils de visualisation de données personnalisés continuent d'apparaître : infographies (à la fois statiques et interactives), blocs à code couleur, animations, visualisation 3D, etc.

Cependant, il n'y a vraiment que quatre outils de présentation de données dont vous devriez avoir besoin :

  • Graphiques linéaires pour illustrer des données continues, telles que la façon dont quelque chose a changé au fil du temps
  • Tableaux d'affichage des informations récapitulatives
  • Histogrammes pour montrer la distribution des variables et tracer les données quantitatives par intervalles
  • Graphiques à barres pour afficher des données discrètes, comparer des variables et tracer des données catégorielles

Pourtant, vous pouvez aller au-delà de la convivialité pour créer une interface attrayante de traitement des données.

Voici une façon de procéder :

exemple d'un visualiseur de données de qualité avec plusieurs styles de graphiques
Tellius fait un travail incroyable en combinant différents outils de présentation de données ici - et ils le rendent aussi beau

Mieux encore, la conception d'interfaces gourmandes en données pourrait prendre une tournure plus simple :

exemple d'une manière encore plus simple de présenter visuellement des données
Cette interface utilisateur de suivi des objectifs de Stanislav Hristov pour DtailStudio est un excellent exemple de l'impact d'une conception simple.

Combiner du texte et des graphiques est l'un des meilleurs moyens d'améliorer la clarté lors de la conception d'une UX basée sur les données. Les utilisateurs peuvent consommer les visuels et lire le texte pour une meilleure clarté. Mais cette approche peut ne pas fonctionner dans toutes les situations, en particulier pour des quantités colossales de données non catégorisées.


3. Combinez le matériau et la conception plate - la fonction plutôt que la forme

Ce concept de design est plus axé sur la convivialité et le minimalisme que, contrairement à la croyance populaire, sur un design bidimensionnel terne. Mais le design plat n'est ni ennuyeux ni ennuyeux. Vous pouvez utiliser des couleurs vives, des bords nets et des espaces ouverts.

L'utilisation d'un design plat et matériel est particulièrement recommandée pour les applications mobiles, les sites Web et les navigateurs de bureau. Parce que la conception est minimaliste et ne stocke pas une tonne de données supplémentaires (comme dans les conceptions précédentes), elle se charge rapidement et, lorsqu'elle est conçue pour stimuler l'engagement, peut aider les visiteurs à consulter la page plus longtemps.

C'est idéal pour les sites Web axés sur les données ou les sites mobiles qui pourraient bénéficier des taux de rebond adaptés aux mobiles, du chargement rapide et de la réduction (avantages du référencement et du classement) que les algorithmes des moteurs de recherche analysent en permanence sur les interwebs.


4. L'accessibilité plutôt que l'esthétique

Il ne s'agit pas seulement de rendre fluides et attrayantes les données lourdes et contextuelles (bien que cela aide beaucoup). Vous souhaitez également concevoir des présentations de données qui permettent à l'utilisateur final de :

  • Ayez une idée claire des données les plus importantes
  • Comprendre le flux logique des données présentées
  • Comprendre ce que signifient les données
  • Comprendre quelle est la prochaine étape à franchir

Et si on cassait chacun de ces éléments ?

Les utilisateurs doivent savoir quelles données sont les plus importantes

Un principe essentiel de conception UX est d'observer et de mettre en œuvre une hiérarchie d'informations, dans ce cas, une hiérarchie visuelle.

En d'autres termes, une conception qui donne la priorité aux bonnes métriques.

Vous souhaitez d'abord organiser, organiser et hiérarchiser les données les plus importantes et les compléter ultérieurement avec des données supplémentaires. Bien entendu, l'ordre de priorité variera en fonction de l'utilisateur de l'application (parmi les personas définis ci-dessus).

Non seulement cela désencombre le tableau de bord, mais cela aide également l'utilisateur à se concentrer sur ce qui est important pour lui d'une manière facile à suivre et moins écrasante.

Les utilisateurs doivent être capables de comprendre le flux logique des données

La simplicité joue un rôle majeur en aidant l'utilisateur à connecter les données à un certain résultat.

Semblable à ce qui est discuté dans le point précédent, vous souhaitez commencer avec une grille de présentation des données globales.

Vous pouvez ajouter un menu déroulant intuitif qui, lorsque l'utilisateur clique, glisse vers le bas pour révéler des informations supplémentaires, puis des tâches ou des éléments d'action spécifiques. Les gens adorent ça, et ça gagne déjà en popularité.

vue aérienne de personnes travaillant à table avec un ordinateur portable et des notes

Voici deux façons d'aider avec le flux :

Masquer les informations supplémentaires

Vous pouvez utiliser des liens cliquables ou des survols pour révéler plus d'informations. En outre, des fonctions telles que le glissement pour révéler les données et le zoom avant pour révéler sont d'excellents moyens d'inclure des informations supplémentaires ou de mettre en évidence des points de données clés. Le tout avec des gestes simples et naturels.

Cela permet aux utilisateurs de cliquer sur les liens ou survols qu'ils perçoivent comme importants pour leur travail et de laisser ceux qu'ils considèrent moins importants.

Encore une fois, vous verrez comment une recherche de persona de conception UX décente peut vous aider à identifier ce qui compte le plus pour quel utilisateur et quand.

Utiliser les animations de survol

Vous pouvez utiliser des effets d'animation de survol pour ajouter plus de zing, d'engagement et d'utilité aux données (apparemment) ternes.

Les animations de survol sont particulièrement exploitables pour fournir des informations supplémentaires sur des tâches ou des éléments spécifiques tout en aidant à organiser et à nettoyer votre application basée sur les données.

Pourtant, il existe d'autres façons d'utiliser l'animation pour fournir des applications utiles et attrayantes, riches en données.

La chose à propos de cacher des informations derrière des liens cliquables, des diapositives ou des survols est que vous faites le plus de travail sur le côté back-end des choses. Gardez donc à l'esprit que vous devez concevoir vos wireframes d'architecture en gardant cela à l'esprit dès le départ.

Les utilisateurs doivent être en mesure de comprendre ce que signifient les données

Après avoir organisé et hiérarchisé les données sur le tableau de bord, l'étape suivante consiste à décomposer les données en pages distinctes. S'il est possible de catégoriser les informations, assurez-vous d'allouer différentes pages/écrans pour différents ensembles de données.

Cela peut s'adapter à la fois aux projets de conception d'applications petits et complexes à forte densité de données, bien que cela puisse prendre plus de temps et exiger plus de travail sur le back-end.

Conformément au thème "écrasant" ci-dessus, non seulement cela aidera vos clients/utilisateurs à se sentir moins dépassés, mais ils sont susceptibles de mieux analyser les chiffres sur une page avant de passer à la suivante, en comprenant les données une étape à la fois. temps.

Par exemple, une interface utilisateur de contrôle de mission peut aider votre client à obtenir toutes les données sur une seule page, mais cela peut être écrasant pour lui au fil du temps, sans parler de la compression, en particulier pour différentes tailles d'écran.

Souvent, un client demandera ce type de tableau de bord, mais vous devriez le savoir.

gif d'un exemple de tableau de bord d'événement av
Une excellente solution aux tableaux de bord bourrés est la possibilité de personnaliser et de concevoir un peu comme cet exemple du tableau de bord AV Event Management.

Une interface utilisateur de contrôle de mission peut sembler sophistiquée, mais elle n'est pas aussi fluide et facile à utiliser que l'approche une page à la fois décrite précédemment. Les premiers pourraient facilement entraver la transmission du sens caché dans la montagne de données exposées. Et ce n'est pas utile.

Les utilisateurs doivent être en mesure de comprendre la prochaine étape à franchir

En suivant les étapes ci-dessus, il devient plus facile pour les utilisateurs d'identifier et de mettre en relation des modèles dans les données brutes - une autre victoire clé à viser lors de la conception d'applications gourmandes en données. Lorsque les outils de visualisation de données que vous utilisez aident les utilisateurs à donner un sens au Big Data, vous savez que vous avez fait un excellent travail.


5. Laisser place à l'amélioration

Enfin, vous voudrez rendre votre conception agile.

Au fur et à mesure que le temps passe et que les utilisateurs interagissent avec votre conception, leurs commentaires peuvent vous inciter à agir et à corriger ou à repenser le tout. Il n'y a pas qu'une seule façon de créer une conception parfaite pour analyser les données, donc garder votre conception agile peut vous aider à apporter des améliorations continues ou un correctif solide pour démarrer.

Points clés à retenir

Le but de la conception UX est de transmettre un message de manière claire et exploitable. Ceci est particulièrement crucial pour la conception d'applications gourmandes en données. Dans ce cas, l'activité d'une bonne conception consiste à aider les analystes, les responsables ou les utilisateurs finaux à prendre une décision éclairée.

Et les utilisateurs ne peuvent pas interpréter et utiliser des données brutes pour éclairer une décision s'ils n'en comprennent pas le bon sens et la manière dont elles sont présentées.

Concevoir pour des projets UX riches en données ne devrait pas être aussi exaspérant qu'il n'y paraît. Les conseils et astuces ci-dessus peuvent vous aider à comprendre comment concevoir des interfaces gourmandes en données.

Avez-vous des conseils pratiques que vous suivez pour concevoir des interfaces utilisateur de visualisation de données impressionnantes et que vous aimeriez partager ?

Faites-nous savoir dans la section commentaires ci-dessous.