Avec la disparition d'Adobe XD, utilisez le No-Code pour de meilleurs prototypes

En 2023, Adobe a décidé de mettre fin à son logiciel de conception et de prototypage populaire, Adobe XD.

Et c'est une décision qui est intervenue au moment opportun.

Cela suit une nouvelle tendance marquante dans l'industrie. En plus d'Adobe XD, InVision a également été abandonné, avec certaines de ses fonctionnalités intégrées dans Miro.

Cela dit, nous ne pleurerons pas beaucoup la perte de ces outils.

Pourquoi cela ?

Pour nous, créer des prototypes complexes et interactifs avec des données réelles en utilisant Bubble est la voie de l'avenir.

Les outils sans code comme Bubble, Adalo et Glide sont bien plus efficaces que XD ou InVision pour créer de véritables prototypes. Étant donné l'avancement de la technologie, nous construisons des prototypes et des MVP en un temps record.

Chez Tinkso, nous sommes des créateurs de produits numériques qui ont travaillé avec des outils de prototypage traditionnels comme XD et des outils sans code comme Bubble.

Nous allons vous expliquer notre processus de réflexion sur ces sujets. Nous aborderons pourquoi XD et InVision ont été abandonnés, ainsi que la manière dont le No-Code les remplacera.

À l'intérieur du processus de prototypage

Avant de commencer, clarifions ce que nous entendons par prototypes, maquettes et wireframes.

Prototypes

Les prototypes sont une simulation de ce à quoi une application pourrait ressembler en action.

Essentiellement, ils offrent à l'utilisateur cible la possibilité de tester diverses fonctionnalités de l'application. Idéalement, vous souhaitez prendre en compte autant de fonctionnalités que possible dans votre prototype pour rendre la simulation réaliste.

Malheureusement, le problème avec de nombreux prototypes est qu'ils sont de faible fidélité, ce qui signifie qu'ils ne reflètent pas avec précision les fonctionnalités souhaitées. C'est précisément le problème que nous rencontrons lorsque nous créons des prototypes dans AdobeXD et InVision. C'est également la raison pour laquelle nous préférons créer des prototypes ultra-haute fidélité dans No-Code, que nous expliquerons plus tard.

De manière générale, les outils de conception tels que XD, InVision ou même Figma sont plus adaptés aux deux options suivantes : maquettes et wireframes.

Maquettes

Étant donné que les maquettes sont statiques, elles sont considérées comme un niveau en dessous des prototypes.

Ils mettent en avant le design global d'une application, en abordant des détails tels que les graphiques et la typographie. Cependant, il n'y a aucune interactivité ni fonctionnalité impliquée.

Vous voudrez généralement présenter une maquette aux principales parties prenantes pour les aider à comprendre si le design est en adéquation avec la marque, avant de passer à la phase de prototypage.

Maquettes

Enfin, les maquettes filaires sont l'étape suivante en dessous des maquettes, elles fonctionnent comme le squelette de l'application.

Vous pouvez considérer cela comme le plan de l'architecte. Les maquettes fonctionnelles sont utiles pour comprendre les proportions spécifiques d'une application afin d'avoir une idée de la position initiale des éléments.

En général, nous utiliserions des maquettes pour présenter des faits structurels de base concernant une application aux parties prenantes avant de passer à l'étape suivante de la conception.

Un changement de garde

Maintenant que nous avons défini certains termes, passons en revue les récents arrêts d'Adobe XD et d'InVision.

Il y a des leçons à tirer de chacun d'eux.

Que s'est-il passé avec Adobe XD ?

En 2023, Adobe a annoncé qu'il mettrait fin à Adobe XD. Depuis lors, XD n'est plus disponible au téléchargement pour les utilisateurs. Cependant, XD continuera de soutenir ses clients existants avec des corrections de bogues.

Lorsqu'une entreprise aussi grande qu'Adobe décide d'arrêter un produit, cela indique un changement dans sa réflexion. Sans aucun doute, c'était le cas ici. En fait, Adobe a tenté d'acquérir Figma, le principal concurrent d'XD, en 2022. Après 15 mois d'examen réglementaire, l'accord a échoué car aucune des parties n'a vu de voie à suivre. Maintenant, les utilisateurs d'Adobe XD sont coincés tandis que Figma reste disponible.

Bien que XD ne soit pas mauvais dans ce qu'il fait, il laisse beaucoup à désirer pour les équipes de design. Par exemple, ses fonctionnalités de collaboration en temps réel étaient assez limitées, ce qui rend Figma une meilleure option puisque la plateforme a été conçue en tenant compte de la collaboration.

En tant qu'outil de prototypage, Adobe XD ne vous permet de créer que des prototypes cliquables « basiques » sans aucune donnée ni connexion au backend, l'outil manque donc de profondeur.

L'arrêt d'InVision

Au milieu des années 2010, InVision était l'outil de prototypage le plus populaire sur le marché. Mais comme nous l'avons mentionné, la disparition des outils de prototypage est une tendance. Désormais, InVision est prévu pour fermer ses portes à la fin de 2024.

Étant donné qu'InVision a enregistré une baisse de 50 % de son chiffre d'affaires en 2022, ce n'est pas vraiment une surprise.

Les rumeurs dans l'industrie indiquent qu'InVision a ralenti son rythme et a cessé de mettre à jour ses fonctionnalités à un rythme suffisant pour rivaliser avec des concurrents plus importants comme Figma.

Il y a un élément qui sera préservé suite à la fermeture d'InVision. L'un des outils les plus populaires d'InVision était Freehand, qui, bien qu'il ne soit pas un outil de prototypage, constitue un excellent moyen pour les équipes de faire du brainstorming grâce à ses capacités de croquis collaboratifs.

Miro a acquis Freehand pour enrichir ses capacités collaboratives actuelles. Pour nous, Miro est encore loin de pouvoir être considéré comme un véritable outil de prototypage, mais c'est une option à envisager si vous avez apprécié l'aspect Freehand d'InVision.

Comment les deux outils sont à la traîne par rapport à leurs concurrents

Auparavant, nous avons indiqué qu'Adobe XD et InVision pourraient ne pas être idéaux pour le prototypage.

Alors, vous vous demandez peut-être ce qu'il est advenu des maquettes et des wireframes ? XD et InVision ne sont-ils pas également adaptés pour cela ?

Malheureusement, ces outils sont contournés des deux côtés.

D'une part, si vous souhaitez créer un wireframe ou un mockup simple, Figma et Miro sont beaucoup plus collaboratifs et offrent des fonctionnalités supplémentaires que ces anciens outils n'avaient pas. Comme nous l'avons expliqué précédemment, la création de wireframes et de mockups est extrêmement collaborative. Les utilisateurs vont choisir l'outil de mockup qui facilite la collaboration.

Remarquez que la seule partie d'InVision qui est préservée est un outil de brainstorming collaboratif ? Leçon retenue : vous devez innover si vous voulez rester en vie.

Ensuite, du côté des prototypes, ni XD ni InVision ne peuvent égaler l'étendue d'un outil No-Code. Après tout, quel autre type d'outil vous permet de visualiser votre application avec des données réelles ?

Entrons dans les détails.

Le logiciel de prototypage est obsolète, utilisez le No-Code à la place

Pour nous, il n'est guère surprenant qu'AdobeXD et InVision soient en voie d'extinction.

Dans notre travail, nous avons constaté que bien que ces outils produisent tous deux un prototype cliquable, ils sont extrêmement limités. Nous avons découvert que construire le prototype dans Bubble est de loin plus avantageux.

Bubble et des plateformes similaires sans code comme Glide, Softr, Retool et WeWeb vous permettent de créer des applications personnalisées sans avoir besoin de coder. Elles fonctionnent en permettant aux utilisateurs de faire glisser et déposer différents éléments qu'ils souhaitent et de les synthétiser dans leur propre application. Si vous savez déjà ce que vous faites, ce processus est presque aussi rapide que la création d'un prototype dans Figma.

Cependant, la raison la plus importante pour laquelle Bubble et d'autres applications sans code constituent une bonne alternative à Figma réside dans le backend. Avec Bubble, vous pouvez ajouter une structure de données et une base de données à votre application de test, ce qui signifie que vous pouvez peupler votre prototype avec des données réelles.

[Image: Image]

C'est la différence entre avoir une application réelle et simplement présenter une idée d'application.

Bubble vous permet également d'intégrer des bases de données tierces pour exploiter vos données en toute sécurité. De plus, avec diverses options de conception personnalisées, vous pouvez faire en sorte que l'application ressemble et fonctionne beaucoup plus comme une véritable application qu'un prototype ne pourrait le faire.

L'objectif principal d'un prototype est de tester et de valider des hypothèses. Si vous êtes satisfait du prototype sans code, alors ce prototype fonctionne immédiatement comme votre MVP. Vous pouvez alors recueillir immédiatement les retours des utilisateurs et commencer à développer d'autres parties de l'application également.

Ainsi, bien qu'un prototype réalisé avec un logiciel comme AdobeXD puisse être légèrement plus rapide, cela finit par créer beaucoup plus de travail pour vous à long terme. De tels prototypes sont conçus pour être jetés. Après avoir terminé la construction d'un prototype dans XD, vous devez encore réellement développer l'application. Et si vous utilisez du code natif, cela pourrait vous prendre des mois. Le No-Code fait d'une pierre deux coups.

Le prototype sans code est une solution plus efficace et high-tech pour les entrepreneurs qui souhaitent expédier rapidement, plutôt que de stagner pendant des mois dans les étapes de développement du produit.

Construisez votre prototype avec Tinkso

Alors que les outils de prototypage continuent de disparaître, il faut se demander si un simple prototype cliquable en vaut vraiment la peine.

Après tout, quel est l'intérêt de séparer le prototype et le MVP si vous pouvez les fusionner ? La rapidité est une stratégie valide.

Chez Tinkso, nous avons de l'expérience dans la création de prototypes pour les grandes entreprises ainsi que pour les petites startups. Par exemple, nous avons utilisé Bubble pour créer un prototype d'application de vente en seulement 2 semaines. Notre client, Steelcase, a pu tirer parti des enseignements qu'il a appris grâce au prototype et les appliquer à l'ensemble de l'entreprise.

Alors, si vous êtes curieux de savoir à quoi ressemble le processus de prototypage avec une application Bubble, consultez l'étude de cas en détail. Et si vous souhaitez découvrir à quoi pourrait ressembler votre propre processus de développement de prototype, n'hésitez pas à nous contacter.