Design : Comment nous avons choisi notre prochain outil de conception

TIl est temps de changer et notre équipe de conception a recommencé à soulever le sujet sur la façon dont nous devrions envisager de nous éloigner de Sketch. Ce n’est pas la première fois que cette question me vient à l’esprit, mais cette fois semble sérieuse. L’été dernier, nous avons envisagé de changer Sketch pour autre chose, mais au moment où la décision a été prise que cela ne valait pas la peine. Nous avons décidé d’attendre que cet outil se rattrape, car certains d’entre nous croyaient honnêtement en son avenir.

Pour les concepteurs de Telesoftas, c’est une deuxième révolution – la première grande était il y a longtemps un passage de Photoshop à Sketch. À l’époque, cela semblait être une affaire énorme et le progrès de quelque chose de révolutionnaire. Cette fois, nous pouvons l’appeler la deuxième révolution du design et le prochain grand changement.

La plupart de l’équipe s’est habituée à Sketch et c’était un outil très apprécié au début de la transition. Nous étions ravis de la facilité d’utilisation, du partage avec d’autres trucs et astuces, des raccourcis. Ce que j’ai aimé dans Sketch au début, c’était les symboles et comment vous pouvez avoir des symboles imbriqués à l’intérieur. Cela a permis de gagner de nombreuses heures; nous avons amélioré la cohérence et accéléré l’ensemble du flux de travail. Cependant, en travaillant sur des projets plus importants, j’ai vu de graves problèmes de performances lorsque Sketch a commencé à planter souvent. Certains travaux ont été perdus et ce fut un processus fastidieux qui a mis vos nerfs à rude épreuve.

La collaboration était vraiment pénible et pour cela, vous devez utiliser des plugins, d’autres services pour être en phase avec d’autres concepteurs. Cela ne fonctionnait pas parfaitement et parfois nous résolvions des conflits lorsque nous essayions de pousser des conceptions vers le cloud de service à partir du plugin. Que lorsqu’un outil de conception nécessite tant d’autres services pour fonctionner à son niveau minimaliste est scandaleux. Pour la synchronisation de conception, nous avons utilisé Plant, pour partager des conceptions avec des clients ou des PM Invision, pour créer des animations Principle et pour partager avec des développeurs Sympli. Parfois aussi Anima pour créer des mises en page adaptatives intelligentes. Sketch étant l’outil standard de l’industrie, les fonctionnalités manquantes du produit ont créé de nombreuses opportunités pour de nouvelles entreprises.

Certains services m’ont paru utiles, mais cela ajoute que les coûts mensuels initiaux sont chers. Esquissez 99 $ par an, car les gens ont évidemment besoin de mises à jour. La licence d’équipe Invision coûte environ 300 $ par an. L’usine coûte environ 144 $ par an et Sympli 108 $ par siège. Puisque nous avons besoin de beaucoup de sièges, Sympli coûte à lui seul une fortune car les concepteurs et les développeurs ont besoin de cet accès. Ce n’est pas seulement la question des prix, mais l’ensemble du flux de travail dans les deux sens ne semble pas correct et contre-productif.

Le principal problème que je vois pour Sketch est qu’il reposait trop sur les plugins qui supportaient l’outil. Certains plugins étaient fantastiques, et je suis reconnaissant pour la communauté qui a aidé à créer des solutions intéressantes. Cependant, j’ai parfois eu le sentiment que certains plugins auraient dû être une fonctionnalité de produit natif à la place. C’était stupide que vous deviez utiliser tous ces plugins pour obtenir des résultats. Cela pourrait être la raison alors qu’il manquait de créer des fonctionnalités supplémentaires, car les plugins remplissent les trous.

Pour le moment, je vois que le produit essaie de rattraper son retard et intègre des fonctionnalités natives tout en remplaçant certains plugins. Il est bon de voir les fonctions de prototypage s’améliorer, la mise en page automatique, la gestion des symboles et des styles, le développement du cloud, je suis donc reconnaissant.

Pendant que nous surveillons les blogs Sketch, la newsletter par e-mail nous a encore enthousiasmés pour Sketch for Teams 2020, le cloud et la fonctionnalité de collaboration promise. C’était l’année dernière et à ce moment-là, je pensais que ces nouvelles mises à jour aideront à rattraper XD et Figma. De mon point de vue, ils sont à des kilomètres de Sketch en termes de fonctionnalités et d’expérience qu’ils peuvent offrir. Nous avons obtenu un nouveau croquis pour les mises à jour de l’équipe; nous avons obtenu le cloud, mais nous avons finalement été déçus de la réalisation de ces fonctionnalités. Le nuage Sketch semble lent, la seule chose que nous avons remplacée était Plant, mais le prototypage, la collaboration fait toujours défaut.

Malheureusement, Sketch pour les équipes ne correspondait pas aux grands espoirs que nous avions, nous avons donc commencé à étudier d’autres alternatives sur le marché pour faire un pas. J’étais vraiment un fan de Sketch et je l’ai apprécié au maximum, mais comme je l’ai mentionné auparavant, d’autres outils semblent être à des kilomètres de Sketch. Nous avons donc répertorié les exigences et sommes allés chercher un remplaçant. L’objectif – un outil pour tous qui peut remplacer tout ce que nous utilisons actuellement.

J’ai commencé par faire des recherches sur «Framer X» et j’ai essayé de faire un petit projet avec. Avant cela, bien sûr, j’ai passé du temps sur YouTube et des articles pour en savoir plus. La principale valeur de cet outil est que vous faites des conceptions avec de vrais composants, tout est entièrement fonctionnel. Par exemple, les cartes intégrées, les lecteurs vidéo, les formulaires fonctionnent comme un vrai produit. À un moment donné, j’ai été étonné de voir à quel point le prototypage et la conception peuvent être interactifs et réels. Il a son «magasin» où vous pouvez télécharger des composants et en combinant vos conceptions avec divers composants, vous pouvez avoir des conceptions utilisables.

Mais encore une fois, on a l’impression de revenir au même problème lorsque l’on s’appuie trop sur les plugins externes plutôt que d’avoir un produit complet. Je ne peux pas dire que cet outil est facile à utiliser. Par exemple, si vous souhaitez avoir une fonctionnalité de survol, vous devez accéder à l’éditeur de code. L’idée principale est qu’à long terme, vous devez avoir une bonne maîtrise de React pour pouvoir le maîtriser.

Une fois mes recherches sur cet outil terminées, je ne voyais pas grand-chose comme un outil de conception pouvant tout remplacer. Je peux le voir davantage comme une solution de prototypage plutôt que de concevoir confortablement. Il a peu marqué à notre table de critères, donc cet outil est le premier à abandonner. Cependant, nous voulions quand même donner un coup car cela semble intéressant ce qu’ils peuvent offrir. Je crois qu’il peut avoir un bel avenir à long terme, mais pas pour le moment. En attendant que d’autres partitions arrivent, je me suis mis à faire des recherches supplémentaires sur Figma, car je n’avais pas beaucoup de connaissances sur cet outil en général.

Après mes recherches sur Framer, j’ai commencé à chercher l’investigation de Figma en téléchargeant une application et, à ma grande surprise, elle est gratuite. Presque tous les jours, j’utilise beaucoup un outil appelé «Miro» pour organiser des ateliers, collaborer avec les clients, avec les coéquipiers et organiser la recherche. L’expérience multi-joueurs me semblait dans une certaine mesure très familière de Figma. J’ai même commencé à penser qu’il pouvait remplacer mon outil «Miro» bien-aimé et notre outil unique pour tous les rêves serait encore plus bénéfique.

L’outil était minimaliste, mais en même temps, il a tout ce dont vous avez besoin. Il a des composants intelligents, une mise en page intelligente qui fonctionne encore mieux que dans Sketch. Le prototypage et l’animation sont également avancés, même la conception vectorielle était si bonne que j’ai commencé à me demander si elle pouvait remplacer Adobe Illustrator. J’étais comme un enfant au volant d’une Ferrari, excité d’utiliser Figma et j’ai creusé encore plus profondément dans leur chaîne YouTube pour regarder tout ce qu’ils ont.

Une autre découverte que j’ai faite était les plugins. Curieusement, ces plugins semblaient être un ajout agréable au flux existant plutôt que de compléter les fonctionnalités manquantes du produit comme dans Sketch. En tant que produit, Figma se sentait en ce moment complète. Comme j’ai fait mes recherches pour Figma dans notre système de points, c’était en premier lieu, sans parler de l’expérience et du sentiment que j’en avais. J’ai essayé d’être aussi impartial que possible lors de la recherche d’outils, mais j’en suis rapidement tombé amoureux.

La collaboration ressemblait à un autre niveau comme si j’avais eu une expérience similaire avec Miro. Je connaissais cet outil depuis un certain temps et à quel point les gens le louaient, mais maintenant je comprends seulement à quel point il est bon. Il est le plus proche d’être notre rêve «Un outil pour tous les remplacer», en l’accompagnant, nous n’avons pas besoin d’Invision, Sympli, Plant, Anima et même Miro. Semble également être une solution appropriée pour faire des présentations avec.

Tout le monde a terminé ses recherches et quelque chose d’inattendu s’est produit. Adobe XD à notre système de points était presque égal à Figma, car j’ai commencé à aller plus loin, il semble qu’il ait presque tout. De plus, il présente un avantage. Il fonctionne bien dans notre plan d’abonnement Adobe déjà existant et fonctionne bien avec d’autres produits Adobe. D’après ma propre expérience, je l’utilisais quand il est sorti il ​​y a quelques années et a essayé. J’ai vécu une expérience très différente depuis lors et XD a définitivement fait du chemin. Il a même une fonctionnalité de collaboration qui est en version bêta, mais comme nous l’avons essayé, cela fonctionnait bien.

Il était temps de faire une présentation, puisque nous vivons à l’époque intéressante de «Corona», toutes les présentations ont été faites à distance. J’ai eu une longue présentation préparée avec des recherches approfondies à ce sujet que j’ai utilisé le mode actuel et Figma j’ai présenté avec Figma. Pour le moment, je semblais avoir couvert la plupart des préoccupations de tout le monde à ce sujet, mais il y avait quelques petites choses qui ne fonctionnaient pas aussi bien qu’Adobe XD. Je peux admettre que XD est un concurrent décent, son animation et son prototypage sont meilleurs. Cela était facilement visible dans l’exemple où nous avons fait des effets de survol simples. Dans le Figma, c’était facile car vous devez créer un état de vol stationnaire quelque part et vous utilisez la superposition pour y arriver. Alors que dans XD avec états, il l’a fait en quelques clics, car ces états semblent vraiment utiles et bénéfiques.

Tout le monde avait maintenant des préoccupations et dans le système de points, ils étaient des concurrents égaux. Maintenant, la moitié de l’équipe se porte garant de XD et l’autre moitié se porte toujours garant de Figma. Le camp s’est divisé en deux parties et après des discussions interminables, nous avons décidé de retourner une dernière fois à la phase de recherche. Cette fois, nous recherchons les outils de chacun. Nous connaissons également les douleurs des deux outils. XD n’a pas de pagination et avec Figma, les cadres peuvent parfois être salissants et difficiles à travailler. Le lendemain, nous avons eu une pause-café habituelle pour discuter de sujets non liés au travail, mais même alors, les flammes entre XD et Figma sont apparues à nouveau. C’était un signe pour prendre des décisions plus rapidement.

Le lendemain soir, j’ai essayé XD. A lancé l’outil et a commencé à faire des conceptions simples. Cela semblait être un bon outil pour créer des pages de destination ou de simples applications mobiles; il ne semblait pas pouvoir gérer de gros produits SAAS. Je peux considérer qu’en tant qu’outil, il est bon, simple, minimaliste, possède toutes les fonctionnalités dont vous avez besoin, et elles se développent rapidement. En quelques années, il a dépassé Sketch, mais derrière il y a la société Adobe qui a toutes les ressources nécessaires pour faire le travail.

Entre-temps, mon collègue Liudas est passé au webinaire de Figma où ils ont parlé de l’introduction de «Figma». Ils ont présenté Figma sous tous les angles, ont montré des cas d’utilisation, par exemple, vous pouvez facilement avoir des cartes entièrement défilables en mode prototype. Au cours de ce webinaire, nous avons eu un aperçu de quelques futures mises à jour à venir. Apparemment, ils travaillent à l’amélioration des fonctionnalités de prototypage et je suppose qu’ils rattraperont même Adobe XD. En regardant à nouveau la situation actuelle et future, nous sommes sûrs que Figma est la plus appropriée pour nous. Ce webinaire pourrait aider un peu tous les autres à prendre une décision définitive.

Une autre réunion a lieu, mais cette fois-ci, nous décidons que Figma sera définitivement notre prochain outil de conception. Nous avons également convenu que si un projet particulier avait besoin d’un prototypage ou d’animations plus avancées, cela pouvait être fait dans XD. De plus, nous avons toujours un abonnement Adobe donc il ne va pas disparaître, mais celui par défaut sera Figma.

Nous avons fait un choix, alors quelle est la prochaine étape? Ce sera un grand changement, car chez Telesoftas, nous sommes comme une communauté et un outil de conception que nous avons choisi pour ces valeurs comme nous – la communauté d’abord. C’est un changement dans notre flux de travail de conception d’être plus collaboratif, plus ouvert à tout le monde et la vie sera plus facile. Nous avons maintenant un aperçu de tous les projets en cours et dans le besoin, nous pouvons demander de l’aide. Il est important que les concepteurs soient propriétaires du projet, nous incluons les clients et les développeurs dans les premières étapes pour être impliqués le plus possible, sans collaboration comme Figma l’a fait auparavant, ce qui était difficile à faire. Impliquer tout le monde dans les premiers stades et avoir une culture de conception ouverte permet à l’avenir de prendre plus facilement des décisions centrées sur l’utilisateur.

L’enquête de conception de l’année dernière en 2019 a révélé que Sketch est toujours le numéro 1 parmi tous et Figma derrière. Cependant, la réponse à quel outil vous êtes le plus excité d’essayer l’année prochaine était Figma, donc cela en dit long. Vous ne savez pas quelle est la situation actuelle, mais vous avez l’impression que XD ou Figma devraient dépasser Sketch, en particulier lorsque la pandémie se déclenche avec des besoins de travail à distance. Je peux y voir une évolution, un changement est nécessaire pour suivre le monde du design et je pense que ce changement est bon. Même s’il y a eu un moment où j’ai beaucoup aimé utiliser Sketch avec tous les plugins. Nous ne savons pas ce que l’avenir nous réserve, quelle est la prochaine grande chose dans le monde des outils de conception. Je suppose que ce serait quelque chose de plus avec l’IA et le développement.

Je faisais des recherches à l’époque pour Framer X, maintenant ils ont lancé framer for web et la société a fait quelques changements. Il semble qu’ils se concentrent sur le meilleur outil prototype interactif qui, à l’heure actuelle, semble être un concurrent de Protopie ou d’Axure et non des outils de conception habituels. Maintenant, je suis sûr que c’était une bonne décision d’abandonner cet outil au début, mais si nous parlons uniquement de prototypage interactif, c’est un bon outil pour cela.