16 outils pour créer des prototypes de site web et d’application mobile

Terminez vos projets design plus rapidement !

Découvrez la conception sans limite ! 200 meilleurs thèmes de Themeforest, 100 plugins premium et une bibliothèque de 400.000 éléments (photos, modèles, polices,PSD) premium prêts à l'emploi pour 19$ / mois.

Télécharger des milliers de templates

Vous avez une idée de projet et vous souhaitez créer un prototype pour avoir un aperçu avant de vous lancer définitivement dans ce projet ?

Je vous propose aujourd'hui une sélection de 16 outils vous permettant de créer aisément et rapidement des prototypes de qualité pour vos projets d'applications mobiles (iOS, Android) ou encore de sites Web.

N'hésitez pas à partager votre préférence parmi ces outils dans les commentaires.

Article mis à jour le 31 mars 2017.

Lecture complémentaire : Si vous avez besoin de créer l'architecture de votre site ou de votre concept de site avant de créer votre prototype, pensez à utiliser un logiciel de mind mapping gratuit.

Outils de prototypage gratuits

Origami

Explorer, itérer et tester vos idées. Un nouvel outil pour la conception d'interfaces modernes, réalisé par les designers de Facebook. Commencez dès aujourd'hui gratuitement.

 

Pixate

Idéal pour la création de prototypes de qualité, Pixate vous permet également de leur donner vie et les visualiser sur un iPhone, une tablette et bien d'autres supports.

Capture-d’écran-2016-02-29-à-18.49.37

Weld

Tout comme Pixate, Weld vous permet de concevoir aisément vos prototypes grâce à différents outils puis de visualiser le rendu sur divers appareils (tablette, smartphone, ordinateur portable ou fixe, etc…). Les prototypes conçus avec Weld sont entièrement responsive et s'adaptent à la taille de votre écran. Il est possible de réaliser 3 prototypes gratuitement, après quoi il vous faudra passer à la caisse.

Capture-d’écran-2016-02-29-à-18.49.57

MarvelApp

MarvelApp vous permet de concevoir des prototypes pour Apple Watch, iPhone, iPad, Android et également pour les navigateurs Internet sans aucune connaissance des langages de programmation. Il vous est également possible de synchroniser vos projets sur Dropbox ou encore les partager avec vos collaborateurs.

Capture-d’écran-2016-02-29-à-18.50.07

Concept

A l'image des outils précédents, Concept vous permet de réaliser des prototypes fonctionnels de vos projets, de manière simplifiée et rapide. Il vous est même possible d'avoir accès à un historique de vos modifications, afin de retourner à une version antérieure si l'actuelle ne vous convient pas.

Capture-d’écran-2016-02-29-à-18.50.17

Pingendo

Complète, bien conçue et compatible autant avec les Mac que les PC Windows ou Linux, l'application Pingendo est un must-have pour le création de prototypes HTML.

Capture-d’écran-2016-02-29-à-18.50.25

Velositey

Uniquement compatible avec Photoshop, Velositey est un module qui vous permet de concevoir rapidement et facilement des prototypes au sein du célèbre logiciel d'Adobe.

Capture-d’écran-2016-02-29-à-18.50.33

PrecursorApp

PrecursorApp vous permet de réaliser des prototypes et les visualiser sur différents supports (tablettes incluses), en plus de vous permettre de les partager avec vos collaborateurs et ainsi créer un prototype à plusieurs.

Capture-d’écran-2016-02-29-à-18.50.42

Form

Idéal pour réaliser des prototypes d'applications, Form vous permet de les lancer en temps réel sur différents appareils et d'effectuer des modifications répercutées en temps réel. Les applications prototypes conçues avec Form peuvent même accéder aux capteurs de vos appareils.

Capture-d’écran-2016-02-29-à-18.55.12

Outils de prototypage premium

Invision

Un outil de prototypage très puissant permettant de créer des prototypes animés, de simplifier les retours clients sur les créations en cours et de transférer toutes les informations indispensables aux intégrateurs pour reproduire le plus fidèlement possible les maquettes.

MockupFlow

Une suite d'applications couvrant l'ensemble des étapes pour réaliser un site. De la création du sitemap, aux wireframes jusqu'a la mise en ligne du site. Dispose d'une offre gratuite pour un projet dans chaque app. Pour obtenir un nombre de projets illimités, vous devrez compter 19$ par mois.

Justinmind

Un outil tout en un permettant de créer des wireframes et des prototypes cliquables d'interfaces web et mobile. Comptez 19$ par mois pour l'utiliser.

Solidify

Gratuit pendant une période de 30 jours, Solidify est ensuite facturé 19$/mois. Pour ce tarif, vous aurez accès à un service permettant la réalisation de prototypes fonctionnels sur différents types de supports (tablettes, smartphones, ordinateurs, etc…) et pourrez ensuite faire tester et évaluer votre prototype par des testeurs, qui mettront en lumière les différents problèmes rencontrés.

Capture-d’écran-2016-02-29-à-18.51.18

Flinto

Payant après une période d'essai de 30 jours, Flinto vous permet de réaliser des prototypes d'applications Android et iOS de manière intuitive et en offrant une large palette d'options de personnalisation.

Capture-d’écran-2016-02-29-à-18.54.44

Proto.io

Proto.io est l'une des plateformes de conception de prototypes les plus complètes. Permettant la réalisation de prototypes fonctionnels sur divers types d'appareils, Proto.io intègre également une fonction de collaboration qui vous permet de partager votre travail avec plusieurs autres personnes.

Capture-d’écran-2016-02-29-à-18.54.51

Composite

Capable de transformer vos fichiers Photoshop en prototypes fonctionnels de manière simple et rapide, Composite est disponible sous Windows et Mac mais ne vous permettra de tester vos applications que sur un appareil iOS (iPhone, iPad, iPod Touch, etc…).

Capture-d’écran-2016-02-29-à-18.55.00

16 outils pour créer des prototypes de site web et d'application mobile
9 Votes | 5 / 5

A propos de l'auteur Fabien Berthoux

Je partage ma veille afin d'aider les entrepreneurs et les travailleurs indépendants à créer et améliorer leurs prochains projets. J'édite également un blog sur le webmarketing pour aider les entrepreneurs à améliorer la communication de leur entreprise et l​e trafic de leur site internet.

Suivez-moi sur:

Laisser un commentaire

Pin It on Pinterest

Share This

Recevoir plus de templates et ressources graphiques

18 Templates Muse à découvrir pour 2017

Voici une collection de templates Adobe Muse à télécharger pour les utiliser dans la conception de vos prochaines maquettes HTML.

Fermer