Une nouvelle façon d'organiser toutes vos inspirations de design

La plupart des créatifs, tels que les concepteurs de produits et les artistes numériques, connaissent Pinterest. Les gens l'utilisent pour créer et collecter des tableaux d'inspiration pour la conception de sites Web, les peintures et l'architecture, entre autres. Pinterest fait partie de ma vie depuis longtemps et ma première collection remonte à 2012. Cependant, au fur et à mesure que ma carrière avançait et que je devenais designer produit, l'outil est devenu moins pertinent pour moi car de nombreux aspects ne correspondent pas à mon Personnalité de concepteur d'interface utilisateur. Au lieu d'être coincé avec Pinterest, j'ai trouvé un joyau caché d'un outil appelé Eagle pour organiser mon moodboard de conception et mes ressources. Cet article portera sur les façons et les raisons pour lesquelles j'ai abandonné Pinterest et migré tous mes flux de travail professionnels vers l'application Eagle.

Pourquoi Pinterest n'est pas pertinent pour la conception de produits ?

En ce moment, je travaille sur la conception d'une application mobile et web Fintech. Parce que je pars de zéro, je dois mettre en place un système de conception, rechercher des centaines d'inspirations pour concevoir un tableau de bord et rechercher des options de police, des palettes de couleurs, des échantillons d'iconographie, des conceptions de sites Web, des tonalités de notification et des modèles mobiles. Il me serait impossible de construire une liste d'inspiration complète sur Pinterest car elle contient différents types de ressources. Pour faire chacune de ces choses que j'ai mentionnées ci-dessus, vous aurez besoin d'un outil qui comprend un format de fichier particulier et peut s'inspirer de différentes sources.

C'est là que Pinterest cesse de fonctionner puisqu'il s'agit d'un outil très simple pour recueillir l'inspiration mais ne fonctionne pas pour les cas d'utilisation avancés où il est nécessaire de comprendre les couleurs, les polices, l'audio et le vecteur. Par conséquent, j'ai décidé de rechercher et de trouver un outil plus adapté à mon cas d'utilisation - Eagle .

Commençons!

En ce qui concerne l'outillage, Eagle et Pinterest ont leur place légitime dans l'écosystème de la collection d'inspiration. J'expliquerai ce que je veux dire à la fin de l'article. Mais comme dit précédemment, la création d'un moodboard de conception pour un produit nécessite l'outil pour s'attaquer aux cas d'utilisation avancés que Pinterest ne peut pas gérer. Je décomposerai mon processus de construction et de migration en 10 raisons pour lesquelles et comment j'utilise Eagle. Espérons que ces raisons peuvent vous motiver à explorer cet outil à venir pour organiser vos inspirations.

01 • Importation rapide des inspirations

Beaucoup de mes inspirations sont stockées dans des dossiers séparés sur Dribbble , Behance et Pinterest, qui ne communiquent pas entre eux. Pour cette raison, je suis obligé de télécharger manuellement les images de chacune de ces sources dans Miro. Cependant, les performances de Miro se dégradent après un certain temps car il ne peut pas gérer des centaines d'images simultanément. L'application Eagle m'aide à résoudre deux des problèmes les plus urgents du flux décrit ci-dessus :

1. Extraction par lots d'images de Pinterest, Behance et Dribbble pour les stocker au même endroit. Cela me fait gagner du temps et m'aide aussi à garder toutes mes inspirations en un seul endroit.
2. L'outil ne tombe pas en panne lorsqu'il y a un grand nombre d'images à traiter. En fait, lors de mon utilisation intensive, j'ai l'impression qu'il a été conçu pour cela.

Saviez-vous que certains sites comme Behance bloquent le clic droit de la souris qui empêche les gens de télécharger des images ? Heureusement, Eagle-app dépasse cette contrainte JavaScript.

02 • Ressources de la communauté

Lorsque j'ai quitté Sketch il y a environ cinq ans, le support communautaire au sein de Figma était une fonctionnalité phare qui m'aide encore aujourd'hui à apprendre des autres designers, à télécharger des ressources gratuites créées par d'autres designers et à interagir avec des personnes que je ne pourrais jamais rencontrer en personne. Je peux dire que la raison pour laquelle les gens utilisent Pinterest est précisément la raison pour laquelle ils peuvent simplement épingler les images d'autres personnes et créer leurs tableaux d'inspiration. Avec Eagle, je peux détourner mon attention vers sa Communauté pour collecter des ressources et pas seulement de l'inspiration. Par exemple, je peux télécharger des polices, des icônes et des illustrations pour mon travail de conception de produits.

03 • Marquage et filtrage d'images

Le tri des images après avoir collecté des méga-tonnes d'inspirations dans mon moodboard est un cauchemar. Eagle me permet de marquer toutes mes ressources avec plusieurs mots-clés, ce qui me permet d'accéder à l'image la plus pertinente plus rapidement que jamais auparavant. Pour donner un exemple, je dois collecter des instantanés de Revolut. Les instantanés peuvent être classés comme —

1. Campagnes marketing/promotionnelles
2. Le site Web se plie
3. Modèles d'application
4. Images de l'App Store et du Play Store

04 • Chasse par palette de couleurs

Lorsque je construisais mon moodboard Fintech dans Eagle, la recherche d'images de couleur bleue identique ou similaire était extrêmement utile. Dans le monde des applications de portefeuille fintech, le bleu est une couleur surutilisée, et des tonnes d'applications dont je me suis inspiré ont utilisé la couleur bleue. Il m'aurait fallu des siècles pour trouver toutes les images avec des couleurs bleues similaires. Eagle peut distinguer les images à l'aide de couleurs car il décompose chaque image en une palette de six couleurs pouvant être utilisée pour les filtres.

La fonction de palette de couleurs d'Eagle capture remarquablement les valeurs HEX, RVB, HSL et CMJN pour chaque couleur et vous permet de les copier dans le presse-papiers pour une utilisation ultérieure dans un autre outil de conception.

05 • Prise en charge de 90 types de formats de fichiers

J'ai enregistré un éventail de ressources et d'actifs dans ma bibliothèque Eagle et je suis étonné de voir la gamme de types de fichiers pris en charge par l'outil. Il peut traiter 90 types de fichiers qui incluent tous les types d'images, des ressources basées sur des objets 3D, des fichiers basés sur des outils tels que Fig/PSD/Ai, vidéo, audio, police, image-RAW et des formats basés sur des documents tels que XLS et DOC. . Pour vous donner un exemple, même si Figma appartient désormais à Adobe, je ne peux pas simplement ouvrir et prévisualiser les ressources vectorielles Adobe telles que les ressources AI, EPS ou PDF dans Figma. Une solution unifiée qui prend en charge une large gamme de types de fichiers est imbattable pour chaque création.

06 • Enregistrement du lien en direct

Lors de la conception de pages de destination, la sauvegarde des liens Web devient importante. Les instantanés d'une section particulière sont une solution ordinaire qui ne suffit pas. Habituellement, j'ai besoin à la fois d'une sauvegarde de lien en direct et d'un instantané du site Web. Outil basé sur un plugin Chrome - FireShot est une excellente option pour capturer l'intégralité du site Web et, combiné à Eagle , vous pouvez également enregistrer l'URL en direct du site Web. La meilleure partie de l'enregistrement d'URL d'Eagle est qu'il ouvre le site Web dans l'outil, ce qui est excellent pour réduire les distractions et me garder dans mon flux de travail.

07 • Gestion des dossiers imbriqués

L'interconnexion d'un dossier à un autre pour créer une relation parent-enfant tout en collectant des images à partir de sources similaires est idéale pour la hiérarchie et la gestion des informations. Pinterest, malheureusement, ne prend pas en charge l'imbrication des tableaux, mais Eagle le fait. Pour mon cas d'utilisation, j'ai dû séparer toutes les images Playstore et Appstore séparément tout en ayant des dossiers individuels pour chaque application où j'ai capturé une longue liste d'aperçus d'applications. J'ai trouvé un lien d'assistance attrayant qui explique toutes les opérations de dossier que l'utilisateur peut effectuer à l'aide de l'application Eagle.

08 • Recherche de doublons

Chaque designer aurait été confronté à ce problème où il aurait fini par ajouter deux fois la même image sur plusieurs tableaux, parfois sciemment et souvent par erreur. Au milieu de l'exercice, j'ai décidé de scanner toute ma bibliothèque pour trouver 67 images qui sont des copies identiques les unes des autres dans différents dossiers. J'ai passé quinze minutes à publier cette découverte en supprimant manuellement les doublons non pertinents et en en gardant certains avec une note pour ne pas les supprimer à l'avenir.

09 • Fonctionne à partir du presse-papiers ou du glisser-déposer

Comme vous l'avez peut-être déjà compris d'après mon expérience, la mise en place d'un moodboard bien architecturé est une tâche difficile. Cela nécessite beaucoup de travail et de remplir les noms d'image, les descriptions et d'autres valeurs, ce que je trouve assez banal. Je passe généralement 2 à 3 heures à prendre des captures d'écran à partir de plusieurs sources, puis à organiser ces captures d'écran dans des structures de dossiers logiques. Étant donné que le nombre de captures d'écran peut aller de 200+, la fonction glisser-déposer est très pratique. Contrairement à Pinterest, je peux glisser-déposer plus de 200 images non organisées dans Eagle et choisir de les conserver telles quelles ou de les organiser plus tard lorsque j'en ai besoin. L'application ne m'oblige pas à nommer chacun de mes fichiers. Je finis généralement par catégoriser et renommer en masseet les étiqueter en moins de 10 minutes. Je peux également copier et coller directement des images à partir de mon presse-papiers, ce qui est idéal lorsque j'utilise un outil comme Figma ou Confluence.

10 • Idéal pour un tableau d'ambiance de système de conception

En fin de compte, Eagle, comme je l'ai mentionné ci-dessus, est idéal pour créer un moodboard de conception de produits. Voici à quoi ressemblait la structure de mes dossiers de moodboard pendant la phase de collecte —

J'ai fini par collecter beaucoup plus d'inspiration mobile et Web. L'ensemble total comprenait des rapports fintech annuels, des palettes de couleurs, des flux d'applications, des modèles de conception, des captures d'écran Playstore/AppStore, des tonalités de notification, des logos, des icônes, des illustrations et de véritables collections d'URL de sites Web.

Il y a encore une chose…

Même avec toutes les grandes choses que je peux accomplir avec Eagle, il y a un petit détail qui, je pense, peut être amélioré. Eagle est principalement un outil client installé localement. Cela signifie que je ne peux pas parcourir mes images sur un appareil mobile et ne peux pas accéder à mes inspirations à partir d'un appareil uniquement en ligne comme un iPad. Je peux toujours sauvegarder l'intégralité de ma bibliothèque sur Google Drive ou Dropbox, mais je ne peux pas les afficher lorsque je n'ai pas accès à mon ordinateur portable. Bien que ce ne soit pas un facteur décisif, ce n'est pas idéal. Lors du démarrage d'un nouveau projet, je suis souvent obsédé par la collecte de beaucoup d'inspiration de temps en temps, ce qui signifie que je suis enclin à collecter des images tout en faisant des activités comme les déplacements.

J'espère qu'Eagle dans sa future version pourra prendre en charge une expérience mobile. Cela peut être particulièrement délicat à résoudre lorsque vous traitez des types de fichiers volumineux, mais une façon d'afficher uniquement les ressources PNG, JPEG, WEBP, GIF, MP3 et MP4 sur la version en ligne, et d'autres types de fichiers complexes pourrait être empêchée d'être prévisualisée. Cette solution pourrait être en mesure de couvrir un vaste ensemble de collections basées sur des images.

Comme solution immédiate à ce problème, je continue à utiliser un outil mobile comme Pinterest ou Behance pour capturer des idées et des solutions en déplacement. Plus tard, je tire tout mon référentiel cloud vers Eagle, ce qui me permet d'unifier toutes les idées.

Notes de fin

En fin de compte, Eagle est un outil comme un autre. Il ne peut pas filtrer les idées merdiques ou nous aider à créer automatiquement une application stellaire. Ce qu'il fait, c'est améliorer le flux de travail pour augmenter notre productivité et améliorer la vitesse d'exécution. J'ai économisé une tonne de temps et d'efforts en sautant entre différents flux de travail et outils juste pour l'organisation, et j'utilise systématiquement mes idées et mes informations. J'ai commencé mon exploration dans cet esprit et j'y suis parvenu en utilisant l' application Eagle . Si vous recherchez un outil époustouflant qui vous aide à organiser un ensemble complexe d'actifs et à effectuer une tonne d'opérations pratiques sur vos ressources, ne cherchez pas plus loin.

C'est la fin de cette lecture courte mais j'espère perspicace. Merci d'être allé jusqu'au bout. J'espère que vous en avez tiré quelque chose.

‍ Rejoignez mon verset de contenu ou glissez dans mes DM sur LinkedIn , Twitter , Figma , Dribbble et Substack . Commentez vos pensées et vos commentaires, ou démarrez une conversation !