Il existe tout un monde d'excellents outils de conception. Là encore, nous visons à vous fournir une liste très organisée d'outils que nous utilisons nous-mêmes régulièrement et qui ont eu un impact profond sur la façon dont nous travaillons et la qualité de ce que nous sommes capables de produire.
Études de cas et Tests Utilisateurs¶Au lieu de vous lier à Figma - qui est l'outil de conception que nous utilisons nous-mêmes - nous avons deux choses infiniment plus utiles, toutes deux offertes en cadeau par Andrej de Deepwork Studios, à qui nous sommes éternellement reconnaissants.
Études de cas
Chacune des études que Deepwork a publiées ici contient littéralement tous les aspects de leur processus de conception. Vous pouvez retrouver et bifurquer tous leurs fichiers Figma, leurs cartes Miro, leurs tests UX et leurs prototypes. C'est vraiment incroyable au début. Si vous êtes un designer ou un chercheur UX, il s'agit littéralement d'un véritable trésor .
Guide de test utilisateur
Un guide étape par étape, très détaillé, vraiment utile, pour exécuter des tests utilisateur rapides, efficaces et perspicaces. Il n'est pas nécessaire d'interroger des milliers de personnes - il suffit de trouver cinq personnes motivées, écoutez leurs commentaires (en particulier les parties critiques) et intégrez-les dans votre workflow à travers de nombreuses itérations.
Nous ne pouvons pas fournir autant d'alpha ici, mais vous trouverez ci-dessous les six meilleurs outils que nous connaissons et utilisons pour des croquis rapides et des wireframes, particulièrement utiles dans les conversations avec d'autres membres de l'équipe pour illustrer visuellement vos idées et collaborer sur un support qui ne privilégie pas les mots.
Excalidraw
Application de croquis open-source, collaborative et cryptée e2e. Faut-il en dire plus ?
H/T Adrian le Bas
Machinations
Un outil destiné aux concepteurs de jeux, utile pour la conception de mécanismes et l'économie des jetons.
H/T James Young
Whimsical
Un espace de travail visuel. Vous pouvez créer de plus beaux organigrammes plus facilement ici que dans Diagrams.net, mais peut-être pas aussi étendus ou compliqués.
H/T Nazzareno Massari
Construire le système de conception unique pour tous les composants Web3 est un rêve de longue date pour de nombreuses personnes différentes dans le Web3. Après tout, si tout est modulaire et interopérable, ne devrions-nous pas simplement pouvoir construire une bibliothèque de bonnes pratiques/standard pour les composants critiques - connecter votre portefeuille, signer des transactions, afficher les statuts des transactions, etc. - que tout le monde peut réutiliser ?
Cela semble éminemment raisonnable, et comme beaucoup d'idées tout aussi raisonnables, il a été plus difficile à réaliser dans la pratique - voir le Lorikeet (Aragon) et Rimble (Consensys) désormais obsolètes pour preuve. Cependant, nous présentons le système de conception utilisé par ce site comme un exemple vivant d'une approche qui peut être plus durable.
MakerDAO l'a construit afin de maintenir un langage visuel cohérent à travers les actifs de la Maker Foundation et les sites gérés par la communauté, tout en permettant des différences clés qui (i) indiquaient clairement quels sites et documents étaient gérés par qui et (ii) pour éviter de se tromper des réglementations légales auxquelles la Fondation devait se conformer. Il a donc une grande raison d'être, bien pensé et très bien conçu.
Toutes nos ressources sont destinées à révéler la nature interdisciplinaire du travail dans le web3. Par conséquent, avant de commencer à coder, nous pensons que vous devriez explorer tout l'espace de conception en réfléchissant très attentivement au pourquoi profond. Pourquoi construisez-vous ce produit particulier par opposition à toute autre chose ? Lorsque vous trouvez ce que vous pensez être une réponse, posez-vous à nouveau la question et continuez à chercher à mieux comprendre vos motivations et vos intentions réelles. Nous promettons que cela vous aidera à écrire beaucoup moins de code, et ce sera beaucoup plus génial.
Hypersprint
Basé sur le livre de conception perspicace du même nom, il s'agit d'un modèle Miro que vous pouvez bifurquer et utiliser pour parcourir rapidement de nouvelles idées avec votre propre équipe. Nous l'utilisons pour Kernel et recommandons le processus d'identification du travail pratique le plus percutant que votre équipe peut entreprendre.
Outils de conception pour les développeurs
Maintenant que vous avez réfléchi à votre pourquoi, vous aurez besoin d'outils de prototypage simples pour parcourir les commentaires des utilisateurs que vous avez pu recueillir. Cette liste d'outils est aussi complète que toutes celles que nous connaissons et vous mènera à de nombreuses ressources intéressantes. La liste est limitée aux outils gratuits que vous pouvez utiliser immédiatement.
Nous avons inclus un enregistrement d'Andrej décrivant le processus Hypersprint au cas où vous trouveriez le modèle Miro lié ci-dessus un peu déroutant au début. L'essentiel est de continuer à bouger, de jouer de la bonne musique et de s'amuser.