-
Notifications
You must be signed in to change notification settings - Fork 40
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Ecran de fin v3 + graphique de simulation #511
Conversation
C'est top !
|
Oui je valide toutes les remarques ! Et la dernière est très pertinente, je cherchais justement une idée d'animation, on va tester ça ! |
Propositions pour le partage emoji. À noter, ça ne rend pas pareil en fonction des plateformes sur lesquelles on colle le texte (les emojis de twitter sont cool, ils sont bien cadrés, idem pour telegram). Dans cette proposition, on se concentre sur le budget. Mais les catégories deviennent alors dures à lire, la clef de correspondance allong trop le tweet. Mais sans elle, difficilement compréhensible.
En vertical. Pas certain qu'on comprenne le fait que c'est un graphe, et potentiellement trop haut pour une timeline. Difficile de labelliser (moi/objectif) les barres.
Simplicité ! Mais peu d'informations finalement, et visuellement triste. Les cemantix et wordle apportent justement des couleurs pour ça.
Mon préféré : tout y est, un peu de couleur, clef de lecture bien alignée, notion de budget (plus c'est vert, plus t'es proche de la neutralité) mais sans tomber dans le piège des 2 tonnes. Rebus d'intro remplaçable par "J'ai calculé mon #empreinteClimat
Ajouter un chiffre quand même. Une autre proposition (@laem, @florianpanchout, @martinregner, @Clem-mrtn ):
Je pense qu'on peut tester avec ce partage sur les slides 1 et 2 :) |
Super PR favorisant de nombreuses expérimentations !
Mettre en avant la médiane ?Je vois que dans la version démo on ne propose plus la moyenne française. Ce qui me va car il me parait plus intéressant de mettre en avant la médiane, située autour de 7 tonnes je crois. Qu'en pensez-vous ? Je vais essayer de sourcer la donnée. Propositions d'autres écrans de restitution pouvant faire partie du "carrousel"
|
Le célèbre graphe de Ravijen.fr Le souci pour nous, c'est que ces graphes ne marchent qu'avec une moyenne, où les différentes barres sont du même ordre de grandeur. Mais avec les données d'un utilisateur, tout est possible ! Ainsi, je pense qu'il faut tenter un graphe un peu différent : on prend toutes les sous-catégories; on les classe par catégorie pour l'affichage, la couleur donne la catégorie (mais on l'affiche pas); on identifie les sous-catégories par un texte + icône ou juste icône si moins important. |
@Benjamin-Boisserie-ABC oui pour la médiane, mais j'étais resté sur l'idée qu'on n'en disposait pas, et que ce serait justement à nous de la calculer : médiane NGC non représentative, ou médiane NGC représentative (après notre sondage représentatif prévu pour cette année).
Oui bonnes réflexions. Ça rejoint ce qu'on s'était dit avec @Clemog sur la dualité salarié (/étudiant) - individu. Tu peux en faire une nouvelle issue ? Je pense que c'est bien trop lointain pour cette PR en particulier. |
Je trouve ça super intéressant, d'autant que ça aiderait effectivement à mieux comprendre les actions à faire dans son quotidien/ au travail etc. Pareil, sur le profil Investisseur ou Sensibilisateur c'est très intéressant mais ça ressemble + pour moi à des Actions. En sachant qu'on ne pose pas de questions sur la finance par ex
Carrément ! Beaucoup + intéressant que la moyenne et représentatif
Mais du coup exactement comme le graph de Carbone 4 ? |
dans la perspective de incubateur-ademe/nosgestesclimat-site#511
Pourquoi est-ce que dans cette représentation, pour la partie 2 tonnes on a que des cases Services Publics & Vêtements ? |
C'est un tri des catégories par leur poids 🙂 |
Mmmh, le graphe de sous-catégories dans sa version actuelle est buggué, il faut tester plusieurs personas pour s'en paercevoir. |
J'ai mis en place la visualisation des graphes de fin sur la page /personas :) |
Pour les sous-cat. https://mobile.twitter.com/mclucal/status/1531260934022365185 En gros, c'est ça qu'on fait mais lisible sur mobile. À noter, en mode bureau leur infographie s'adapte. Mais on perd alors les ordres de grandeur en un clin d'œil. |
Pour info, 10% des gens qui finissent la simulation voient la slide |
Avec une grosse simplification pour ne pas devor coder un algorithme un poil compliqué
Juste avant l'écran de fin, où elle sera placée par convention tout en bas car intouchable
Plutôt que d'afficher des actions qui sont forcément d'une autre catégorie. On pouvait se retrouver avec une 3ème action insignifiante
Objectif
La fin v2 a trainé trop longtemps (#109), je la reprends ici. Cette PR a donc pour but de répondre au problème identifié il y a bientôt 2 ans :
On s'est rendu compte que beaucoup de gens ne comprennent pas ce que veut dire "8 tonnes". Certains croyant même que c'est une note sur 10, probablement pas aidés par la moyenne FR à 10 tonnes. Cette moyenne donne l'opportunité de penser que si le résultat est < 10 tonnes, on est bien. D'où l'idée de mettre en priorité l'objectif à atteindre, et de reléguer la moyenne ailleurs (peut-être une idée de nouvelle slide, CF maquettes de Jérémie d'un double bar chart catégories toi/FR ?).
À noter, la page de fin actuelle a déjà eu un sacré succès avec un gros nombre de partage de captures d'écran sur les réseaux sociaux. Elle a un style caractéristique (dégradé de couleur / infographie reconnaissable) qui me semble important de garder.
L'autre objectif est de montrer la décomposition "transversale" de l'empreinte, non plus selon les catégories (alimentation), mais les sous-cat (midi et soir) et sous-sous-cat (repas viande).
Un troisième objectif était d'améliorer le partage de ces nouveaux écrans via un partage texte d'emojis qui se veut viral.
Vu qu'il s'agissait de toucher au graphique des sous-catégories, partagé par l'écran de fin et la simulation elle-même, j'ai voulu expérimenter un autre style plus concis pour ce graphe pendant la simulation, mais j'aurais pas du, ça allonge une PR déjà très grosse.
Minimum
Nouvelle diapo
D'après mes tests c'est mieux que l'actuel sur mon téléphone et sur bureau. Une grosse lourdeur en moins. Le swipe n'est pas parfait, loin de là, mais c'est compliqué à améliorer.
Testé dans un 1er temps sur iPhone SE2020/8/11/X/13, et Galaxy S10.
Graphique pendant la simulation
Partage
Il ne semble pas y avoir de consensus sur le partage. Pour moi, ce partage doit être un minimum mystérieux, inciter à cliquer, à vouloir voir son propre score. Je vous propose de tester celui qui est codé (grille de catégories qui vire à l'indicateur vert plus on est bas).
expliquer à l'utilisateur qu'il partagera des emojis, lui donner envie de cliquer <-- à investiguer, je ne sais pas trop si c'est nécessaire a priori
afficher le score emoji du persona sélectionné sur la page persona
Diapo sous-catégories
Adapter la slide 2 pour le rendre monochrome-emojis ? Ou concentré sous-catégories ? Plutôt reproduire le célèbre graphe de Ravijen, et les emojis en partage.
Il ne serait pas en %, mais en absolu. Le graphe de ravijen se fait sur la moyenne, qui est à 10 tonnes.
On peut mettre la barre la plus grande à 100%, et le reste en fonction. Les petits postes seraient alors peu visibles, mais c'est le but finalement, de relativiser. À voir si un zoom est possible.
MAJ : on adopte un graphique plus simple, car le ravijen est jusqu'à nouvel ordre impossible à caser sur mobile. Je le trouve aussi trop complexe, parlant à un public avec une culture scientifique importante. Voir plus bas pour les captures.
Le graphie est en % de l'empreinte, car en absolu, vu la diversité des empreintes (1 à 10), c'est plus compliqué de gérer l'affichage sur mobile.
On introduit donc la barre des 2 tonnes pour palier le choix du relatif et pour garder un lien avec la première diapo.
width=10
.Autres
Pas sur qu'il faille le mettre sur l'écran de fin en fait. Peut-être plutôt améliorer le message sur l'écran action, car il s'agit d'action ! Un bel encart illustré.
Ensuite
Tester le succès du partage par emoji sur quelques semaines via plusieurs tweets au même moment. Le faire évoluer si échec.
donner envie de partager les écrans de fin avec une petite animation du bouton partage. Exemple
Inciter au swipe sur le slider de fin, en utilisation la classe existante .attention multicolore ?
animer les graphiques
pour l'instant on se limite aux sous-catégories de niveau 1. On doit aller plus loin, et afficher les plats ("viande", "végé") etc, mais ce n'est pas trivial.
Il faut définir des règles de transition de valeurs ! Ça demande plusieurs essais, par exemple regrouper viande / poisson / végé ? Ou séparer les viandes ?