web-dev-qa-db-fra.com

Prototypage pour la visualisation des données

Dans de nombreux cas de prototypage, je dois générer des tableaux, des graphiques et toutes sortes de visualisations de données. Je recherche des outils pour les générer facilement et rapidement.

Actuellement, MS Excel fait le travail pour moi, mais je recherche de meilleures alternatives. Je connais également la grande quantité de bibliothèques de composants, mais je ne veux pas obtenir de codage pour cette tâche.

example of chart sketches

2
Dvir Adler

Lorsque vous effectuez UX pour les données vis, les données réelles sont importantes.

Par exemple, lorsque vous affichez des graphiques à barres avec des données que vous souhaitez que les gens comparent, vos wireframes doivent clairement montrer que les axes Y doivent avoir les mêmes valeurs maximale et minimale.

Un autre exemple: si vous avez deux graphiques à barres/courbes où les axes Y ont les mêmes valeurs minimale et maximale, ils sont mieux présentés dans une rangée côte à côte. Cela facilite la comparaison entre eux, car la même hauteur représente la même valeur sur les deux graphiques.

Pour être honnête, je n'ai pas trouvé d'outil UX qui soit bon pour le prototypage de datavis, car vous ne pouvez pas importer de données dans les graphiques boursiers, mais ces données sont essentielles pour déterminer une mise en page utilisable.

tl; dr: Si le faire dans Excel fonctionne pour vous, continuez à le faire dans Excel.

3
Racheet

J'utilise Adobe Illustrator. Parfois, je fais les graphiques à la main, parfois j'utilise l'outil Graphique - c'est maladroit mais ça fonctionne, le plus souvent j'utilise une combinaison des deux. Cela étant dit, vous ne pouvez pas simplement y recoder les données, la saisie se fait à la main, et c'est là que c'est maladroit.

Si Excel fonctionne pour vous de manière fonctionnelle mais pas esthétique, j'exporterais des graphiques d'Excel au format .svg ou .eps et retravaillerais l'esthétique de l'IA.

C'est exactement pourquoi j'ai commencé à apprendre le D3, l'absence de produits pour DataVis est gênante.

2
Zoe K

Je dois aussi générer des graphiques. J'utilise généralement des graphiques ou Excel pour créer les prototypes, puis les placer dans Photoshop (ou une maquette HTML du site) en fonction de ce qui est requis. Dans les deux cas, à moins que le prototype ne soit un examen de la carte elle-même, les données n'ont pas beaucoup d'importance.

Un graphique générique linéaire ou en aires est souvent suffisant. J'ai en fait des dizaines de graphiques "factices" créés dans Excel, des graphiques en hauteur, des graphiques Google que je branche à diverses zones de mes wireframes. Au fur et à mesure que le prototype progresse, la discussion commence par le ou les graphiques réels qui seront affichés, donc si un graphique en courbes superposé sur un graphique en aires représente ce qui représentera avec précision les données, c'est ce qui est présenté (avec des plages de données semi-réalistes). Comme indiqué précédemment, vous pouvez facilement créer ces graphiques dans Excel ou des graphiques, puis les importer/capture d'écran/etc ...

J'ai découvert que ce n'est qu'à la toute fin du processus que les utilisateurs commenceront à demander des prototypes "fonctionnels". À ce stade, les développeurs sont généralement impliqués dans le processus.

2
Mayo