Utilisez ces « numéros fictifs » lors du prototypage avec des données : Norum Ipnum (vs Lorem Ipsum)

Si vous êtes designer, il y a de fortes chances que vous ayez entendu parler de Lorem Ipsum, un bloc de texte librement inspiré du De finibus bonorum et malorum de Cicéron, qui est couramment utilisé comme texte de remplacement dans les mises en page graphiques. Bien que le texte soit presque cohérent si vous savez lire le latin, il apparaît comme un non-sens lisible pour le reste d’entre nous. Le Lorem ipsum semble réaliste mais ne transmet aucune information au lecteur qui pourrait autrement colorer son interprétation de la maquette. C’est très bien pour les mises en page basées sur du texte, mais lorsqu’il s’agit de données, nous n’avons pas vraiment d’équivalent. Et si nous avions quelque chose comme le Lorem ipsum… mais pour les chiffres ?

Le problème des chiffres

Cette idée est née d’un véritable projet : Chris Kucharczyk, spécialiste des données de l’IDEO, s’est heurté à un problème lors de la réalisation d’un prototype de tableau de bord pour un client. Le tableau de bord était censé montrer les données de vente pour les propriétaires d’entreprises. Il utilisait des données sur les places disponibles dans la maquette, mais cela n’avait pas l’air correct. À l’IDEO, ils utilisent souvent des données de référence dans ces maquettes avant de savoir de quel type de données réelles ils ont besoin. Cela leur permet de faire des prototypes, puis de pivoter rapidement si et quand ils apprennent qu’un autre type de données est nécessaire.

En partageant un prototype, Chris espérait que cela pourrait aider son équipe à parler au client et à mieux comprendre les questions que les propriétaires d’entreprises se posent lorsqu’ils se présentent au tableau de bord. Plus précisément, lui et son équipe se posaient la question suivante : Comment ces chefs d’entreprise utilisent-ils les données pour les aider à gérer leur entreprise, et que changeraient-ils s’ils voyaient certaines tendances dans les données ?

L’effet langue étrangère

Les gens interrogent souvent les chiffres plus scrupuleusement que les autres parties d’un dessin et qu’ils sont très sensibles aux chiffres qui semblent « erronés ». Qu’il s’agisse de données de restaurant ou de santé, un mauvais numéro – même s’il s’agit d’un caractère de remplissage – incite le spectateur à vouloir corriger cette « fausseté » plutôt que de réagir à l’emplacement, à la couleur ou à la taille des chiffres.

En fait, les numéros qui semblent mal informés peuvent faire dérailler une conversation, même si le but de la conversation est de savoir quels types de numéros sont nécessaires. Alors que les maquettes semblent manifestement inachevées, les chiffres ont toujours l’air de haute fidélité en raison de l’effet « langue étrangère ».

Par exemple, si vous deviez prendre un journal écrit dans une langue que vous ne comprenez pas, vos yeux regardent physiquement cela différemment. Mais si ce journal comporte des tableaux ou des graphiques, vous pourrez vous demander ce que ceux-ci sont et ce qu’ils signifient, car vous pouvez lire et comprendre les chiffres visuellement.

Retour au projet. Chris avait quelques options. S’il laissait les chiffres à zéro, le tableau de bord n’aurait rien à visualiser. En revanche, s’il les remplissait au hasard, cela aurait l’air absurde. Tout modèle choisi devait être pertinent dans le contexte plus large du projet. Ce qu’il devait faire, c’était de trouver un autre langage écrit pour les chiffres qui imite l’effet que l’utilisation du latin a sur la rédaction et la mise en page.

Conception du Norum Ipnum

Pour répondre à ce problème, ils sont descendus dans un terrier de lapin créatif avec le concepteur de logiciels Ben Syverson pour concevoir une collection de familles de polices appelée Norum Ipnum (« Non » comme jeu de la sténographie typographique du numero № et de la substitution « num » comme dans « number ») qui sont des alternatives aux formes de lettres numériques. Elles agissent comme des substituts visuels sans transmettre de données. (Les familles de polices peuvent être téléchargées gratuitement ici !)

 

Voici un exemple de la façon dont il pourrait être utilisé dans une maquette :

Voici comment tout cela s’est mis en place. Dans le studio de l’IDEO à Chicago, Chris et un autre spécialiste des données, Joe Gambino, ont installé un tableau de bord en mousse pour saisir les idées du studio sur des post-it.

Ils ont demandé aux gens d’ajouter une idée de faux chiffre au tableau lorsqu’ils passaient. Ils ont eu beaucoup d’idées à partir desquelles travailler, mais une idée s’est révélée être une exploration intéressante.

Et si nous utilisions l’affichage à sept segments, qui a fait ses preuves, pour nous inspirer de ce à quoi ces chiffres pourraient ressembler ? Vous connaissez peut-être ce type d’affichage grâce à une montre numérique ou un micro-ondes. La raison pour laquelle ces affichages sont utilisés en électronique est qu’ils peuvent communiquer les dix chiffres en « allumant » les motifs des sept lignes simples qu’ils contiennent.

En s’inspirant de l’affichage à sept segments, Joe a ensuite écrit un script Python pour faire ressortir toutes les différentes permutations non numériques de ce qu’un affichage à sept segments pourrait montrer. Ils ont ensuite pris cette impression et ont mis en évidence les différents caractères qui étaient suffisamment différents des lettres et des chiffres pour avoir un ensemble fonctionnel de dix chiffres.

C’était un excellent début pour réduire la taille d’un ensemble de chiffres. En utilisant cet ensemble de chiffres, ils ont poursuivi le processus en utilisant le mémoire : Si ces chiffres étaient la forme abstraite d’un chiffre original, à quoi ressemblaient ces chiffres ?

Après cette exploration initiale, il semblait qu’il y avait quelque chose ici avec quoi ils pourraient travailler. À ce stade, Ben a suggéré qu’ils fassent une série de graisses et de polices de caractères de ces chiffres pour aider à la mise en page, et a proposé de travailler sur une version à empattement. Ben a recommandé l’outil fantastique, Glyphs, qu’ils ont utilisé pour construire ces familles de polices, et après quelques révisions, ils ont fini par obtenir la collection présentée ici.

Il y a deux familles de polices dans le jeu : sans et segment (avec serif à venir, espérons-le, dans le futur). Pour les sans, il y a six poids différents et des italiques. On peut également choisir entre le doublage tabulaire et proportionnel.

Les familles sont des polices ouvertes sous licence SIL-OFL, et nous avons fourni les fichiers sources de l’application Glyph, alors n’hésitez pas à créer vos propres variantes et à les ajouter à la collection. Le dépôt Github se trouve ici.

Par Dave Vondle, Senior Design Lead, IDEO Chicago Via IDEO

 

 

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.