6 meilleurs outils de prototypage gratuits
Que vous conceviez un site Web ou des applications, le prototypage est une partie essentielle de la phase de conception qui vous permet, à vous et à vos clients, d'avoir une idée de ce que vous créez et de ce que vous ressentez à utiliser. Un bon prototype peut vous faire économiser d'innombrables heures d'explication des fonctionnalités et de collecte de commentaires, et avec les bons outils, vous pouvez rapidement itérer et résoudre tout problème potentiel avant de passer à la production et test utilisateur .
Les studios établis seront déjà installés avec un ou plusieurs des meilleurs outils de prototypage , mais si vous ne faites que commencer et que le flux de trésorerie est un problème, vous pourriez être réticent à dépenser de l'argent qui pourrait être utilisé ailleurs dans votre entreprise. Heureusement, il existe d'excellentes options gratuites, des versions gratuites de services payants aux outils de prototypage entièrement gratuits qui font une grande partie de ce que les services premium offrent. Voici six des meilleurs à essayer.
01. Origami Studio
Développé chez Facebook comme un outil de création et de conception de produits, Origami est disponible gratuitement pour les utilisateurs Mac. Vous devez être un développeur Apple enregistré pour commencer, avec Xcode et Quartz Composer installés, mais une fois que vous avez franchi les obstacles nécessaires, vous constaterez qu'il est facile de commencer à créer avec Origami, grâce à une riche documentation en ligne, tutoriels et prototypes prêts à l'emploi.
Vous pouvez importer des conceptions à partir de Sketch et Photoshop en conservant les calques de projet et créer des concepts avec un défilement simulé, des pressions, des balayages et des liens de page. En plus des applications mobiles, vous pouvez également utiliser Origami pour créer des sites Web réactifs avec des fonctionnalités telles que la saisie de texte et le glisser-déposer, et une fois que vous avez terminé, il est facile d'exporter des prototypes à ajouter aux projets.
02. Webflow
Webflow propose de nombreux plans payants pour toutes les tailles d'équipes, mais si vous recherchez un avant-goût, il existe une option gratuite qui fera un excellent travail pour vous aider à démarrer, vous permettant deux projets, la facturation client et la mise en scène gratuite, mais non option d'exportation de code ou de transfert de projet.
Avec un CMS visuel, vous pouvez créer des prototypes dynamiques et réactifs sans avoir à écrire de code, et il est livré avec une bibliothèque de modèles et de composants pour rendre encore plus facile la construction de vos projets. Les prototypes peuvent être connectés à plus de 400 services, notamment Slack, Google Drive et MailChimp, et si vous êtes bloqué, il existe une multitude de documentation en ligne pour vous aider.
03. Vectr
Conçu comme une application de conception vectorielle multiplateforme gratuite, Vectr fonctionne également très bien comme outil de prototypage gratuit. Bien qu'il soit peut-être un peu mince sur les fonctionnalités par rapport aux autres applications vectorielles, il est conçu pour être facile à prendre en main et à jouer, et après avoir suivi quelques tutoriels (il y en a beaucoup sur le site Vectr), vous serez prêt pour commencer à concevoir.
Une fonction de collaboration vraiment utile est son option de partage de lien; avec cela, vous pouvez envoyer un lien à d'autres personnes et elles pourront vous regarder modifier en temps réel et fournir des commentaires rapides. Et une fois que vous avez terminé, votre conception finale peut être exportée au format JPG, PNG ou SVG.
04. Justinmind
Le puissant outil de prototypage de Justinmind est disponible en téléchargement gratuit, mais pour obtenir l'ensemble complet des fonctionnalités, vous devrez vous inscrire à un abonnement payant. Cependant, pour des projets plus basiques Justinmind fournit également un outil de wireframing gratuit pour toujours et vous permet de créer un nombre illimité de prototypes, de pages et d'utilisateurs pour les applications Web et mobiles.
Pendant votre période d'essai de 15 jours, vous aurez accès à des fonctionnalités plus avancées, telles que des interactions Web avancées et des gestes mobiles, ainsi que des effets, des transitions et des animations, de sorte que vous pourriez vous sentir enclin à payer pour l'ensemble des fonctionnalités une fois la période d'essai. tombe à court de. À ce moment-là, cependant, vous aurez une idée de si Justinmind se rentabilisera en tant qu'outil de prototypage.
05. Figma
Pour tous ceux qui souhaitent travailler en collaboration sur leurs prototypes, Figma est une solution brillante. Il permet aux concepteurs de travailler ensemble en temps réel et facilite également le partage des travaux en cours avec les clients et les parties prenantes, et surtout, il vous permet de créer des prototypes qui ressemblent à la vraie affaire, avec des interactions, des animations et du contenu dynamique. superpositions.
Bien que les versions professionnelles de Figma soient payantes uniquement, il existe une version de démarrage gratuite idéale pour se familiariser avec ses outils. Il permet jusqu'à deux éditeurs et trois projets, avec un stockage cloud illimité et un historique des versions de 30 jours, ce qui le rend parfait pour être opérationnel. Si vous êtes étudiant, cependant, sachez que vous devez vous qualifier pour un accès gratuit au plan professionnel de Figma, vous donnant un projet illimité et bien plus encore.
06. InVision
InVision offre une variété d'outils pour créer des prototypes interactifs attrayants, et comme beaucoup de plates-formes couvertes ici, il fonctionne sur une base payante mais avec une version gratuite. Dans ce cas, la version gratuite d'InVision vous limite à un seul prototype, mais comme c'est le cas avec Figma, des mises à niveau gratuites sont disponibles pour les étudiants.
Transformer des conceptions statiques en prototypes cliquables est très simple avec InVision; vous pouvez cliquer et faire glisser des hotspots sur vos créations pour simuler des actions de clic ou de survol, ajouter des liens vers d'autres écrans dans votre prototype et simuler une interactivité réelle en utilisant des gestes pour les transitions. Et il est tout aussi facile de partager votre travail; les prototypes peuvent être ouverts dans le navigateur ou sur mobile, et la fonction LiveShare d'InVision signifie que vous pouvez également présenter des prototypes en temps réel.
Articles Liés:
- 8 outils essentiels de prototypage et de construction
- Comment éviter les pièges du prototypage
- Les 20 meilleurs outils filaires
Creative Bloq a créé ce contenu dans le cadre d'un partenariat payant avec iStock by Getty Images. Le contenu de cet article est entièrement indépendant et reflète uniquement l'opinion éditoriale de Creative Bloq.
