Comment planifier stratégiquement une conception UX riche en données
Publié: 2023-02-12Le 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 :
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.

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 :

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

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 :

Mieux encore, la conception d'interfaces gourmandes en données pourrait prendre une tournure plus 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é.

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.

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.