Le guide de Shishir pour formuler les problèmes sur le tableau blanc
Shishir Mehrotra
Une phrase maintenant banale, mais bien rodée : Une image vaut mille mots
Toute personne ayant travaillé étroitement avec moi se rendra vite compte de mon profond amour pour les tableaux blancs. J'adore l'espace blanc ouvert et la flexibilité pour dessiner et redessiner, pour cadrer et recadrer.
Alors que Matt (responsable de la croissance) et moi avons commencé à construire Coda, nous avons passé d'innombrables heures sur des tableaux blancs, et avons progressivement pris nos techniques et les avons formalisées. Ce faisant, nous avons développé une méthode abrégée qui facilitait à la fois le développement du bon cadre et permettait aux autres de le comprendre rapidement.
Insight : Utiliser des couleurs comme abréviation
Au départ, cela est arrivé par hasard. Nous avions une petite boîte de marqueurs pour tableau blanc avec un assortiment fixe de couleurs et nous avons commencé à les utiliser à tour de rôle. Nous avons rapidement découvert que si nous nous mettions d'accord à l'avance sur ce que chaque couleur signifiait, il était beaucoup plus facile de collaborer. En fait, nous commencions souvent par l'un de nous cadrant un problème, puis nous échangions nos places pour que l'autre puisse terminer.
Au fil des années, ces attributions de couleurs sont restées avec nous. Voici les couleurs auxquelles nous sommes arrivés :
Questions (Noires) : Définir l’espace. Définir les grandes questions. Parmi celles-ci, une ou deux seront la ou les question(s) principale(s).
Options (Bleues) : Utilisé pour aider à penser largement — définir des réponses ou options possibles.
Exemples concrets (Gris ou Marron) : Utilisé pour concrétiser une option. Quel est le visuel ?
Bulles (Violet) : Mettre en valeur le concept important dans un exemple concret qui démontre l'option bleue. Souvent utilisé pour l'emphase ou attirer l'œil.
Un choix (Orange) : Indique une décision ou un espace où nous penchons parmi les options.
Un problème (Rouge) : Cela peut poser des problèmes ou être vraiment complexe. Prudence.
Un avantage (Vert) : Cela semble vraiment bien — mettant en évidence une grande potentielle.
Voilà, un système simple, mais une abréviation très utile. Par exemple, nous pourrions regarder un diagramme et dire des choses comme :
"On dirait que vous êtes encore en train de cadrer, tout est encore bleu."
"Prêt pour des compromis ? Laisse-moi prendre le vert/rouge"
"L'heure des décisions ? Voici le stylo orange"
"Peut-être que ce ne sont pas les bonnes questions ?" Revenons au stylo noir"
Un exemple (et un modèle)
Bien que j'adore les tableaux blancs physiques, au fil des ans, à mesure que notre équipe est devenue plus distribuée, je me suis tourné plus fréquemment vers une alternative numérique. Mon tableau blanc numérique préféré est Miro (plus à ce sujet dans un post séparé).
Ceci est un exemple de fonctionnement de cette technique de coloriage en pratique ! Si vous souhaitez approfondir, consultez ce document, Eigenquestions : L'art de cadrer les problèmes.
Shishir Mehrotra
Cofondateur et PDG @ Coda
Je suis adepte de productivité depuis longtemps et j’ai enfin l’occasion de créer mon doc de rêve. J’ai déjà créé des produits pour YouTube, Microsoft et Centrata. Ancien élève du MIT. Je vis dans la région de la baie de San Francisco, j’ai épousé mon amour de jeunesse et j’ai deux merveilleuses filles.
Catégories
Modèles similaires
Modèle de Wireframe de Site Web
Modèle de Wireframe de Site Web
Le wireframing est une méthode pour concevoir un site web au niveau structurel. Un wireframe est une disposition stylisée d'une page web montrant les éléments d'interface sur chaque page. Utilisez ce modèle de Wireframe pour itérer rapidement et à moindre coût sur les pages web. Vous pouvez partager le wireframe avec les clients ou les membres de l’équipe et collaborer avec les parties prenantes. Les wireframes permettent aux équipes d’obtenir l’adhésion des parties prenantes sans investir trop de temps ni de ressources. Ils aident à s'assurer que la structure et le flux de votre site répondront aux besoins et attentes des utilisateurs.
Modèle de croquis en ligne

Modèle de croquis en ligne
Avant de vous lancer à fond dans une idée prometteuse, prenez du recul pour comprendre comment elle fonctionne et dans quelle mesure elle répond à vos objectifs. C'est ce que permettent les esquisses. Ce modèle vous offre un puissant outil de collaboration à distance pour les premières étapes du prototypage, que vous croquiez des pages web et des applications mobiles, que vous conceviez des logos ou que vous planifiiez des événements. Vous pouvez ensuite facilement partager votre esquisse avec votre équipe et enregistrer chaque étape avant de la modifier et de la développer.
Modèle de Wireframe d'application
Modèle de Wireframe d'application
Prêt à commencer à créer une application ? Ne vous contentez pas d'imaginer comment elle fonctionnera et comment les utilisateurs interagiront avec elle : laissez un wireframe vous le montrer. La création de wireframes est une technique pour concevoir une mise en page basique de chaque écran. Idéalement, en réalisant un wireframe dès le début du processus, vous comprendrez ce que chaque écran accomplira et obtiendrez l'adhésion des parties prenantes importantes, le tout avant d'ajouter le design et le contenu, ce qui vous fera gagner du temps et de l'argent. En pensant en termes de parcours utilisateur, vous offrirez une expérience plus engageante et réussie.
Modèle de Wireframe de Site Web
Modèle de Wireframe de Site Web
Le wireframing est une méthode pour concevoir un site web au niveau structurel. Un wireframe est une disposition stylisée d'une page web montrant les éléments d'interface sur chaque page. Utilisez ce modèle de Wireframe pour itérer rapidement et à moindre coût sur les pages web. Vous pouvez partager le wireframe avec les clients ou les membres de l’équipe et collaborer avec les parties prenantes. Les wireframes permettent aux équipes d’obtenir l’adhésion des parties prenantes sans investir trop de temps ni de ressources. Ils aident à s'assurer que la structure et le flux de votre site répondront aux besoins et attentes des utilisateurs.
Modèle de croquis en ligne

Modèle de croquis en ligne
Avant de vous lancer à fond dans une idée prometteuse, prenez du recul pour comprendre comment elle fonctionne et dans quelle mesure elle répond à vos objectifs. C'est ce que permettent les esquisses. Ce modèle vous offre un puissant outil de collaboration à distance pour les premières étapes du prototypage, que vous croquiez des pages web et des applications mobiles, que vous conceviez des logos ou que vous planifiiez des événements. Vous pouvez ensuite facilement partager votre esquisse avec votre équipe et enregistrer chaque étape avant de la modifier et de la développer.
Modèle de Wireframe d'application
Modèle de Wireframe d'application
Prêt à commencer à créer une application ? Ne vous contentez pas d'imaginer comment elle fonctionnera et comment les utilisateurs interagiront avec elle : laissez un wireframe vous le montrer. La création de wireframes est une technique pour concevoir une mise en page basique de chaque écran. Idéalement, en réalisant un wireframe dès le début du processus, vous comprendrez ce que chaque écran accomplira et obtiendrez l'adhésion des parties prenantes importantes, le tout avant d'ajouter le design et le contenu, ce qui vous fera gagner du temps et de l'argent. En pensant en termes de parcours utilisateur, vous offrirez une expérience plus engageante et réussie.