Deux outils efficaces pour présenter vos prototypes

Prototypez, partagez et recommencez.

  Lecture 8 min.  |     |   Thomas Fekenne

Deux outils efficaces pour présenter vos prototypes

Deux outils efficaces pour présenter vos prototypes

Lorsqu’on réalise des sites web, des apps smartphone ou des logiciels, la phase de prototypage est une des phases les plus importantes.

Cette phase permet de placer les différents composants ( images, titres, boutons ) de votre projet dans un premier essai et de demander les avis de vos clients, utilisateurs ou collaborateurs. Ces avis sont très importants pour valider qu’on avance dans la bonne direction et éviter de perdre de l’argent en développant des fonctionnalités qui ne conviennent pas.

Le choix des outils

Au moment de réaliser vos prototypes, la question de l’outil à utiliser pour la réalisation et la présentation de ceux-ci se pose rapidement.

Vous vous en apercevez assez vite, le nombre d’outils disponibles sur le marché est vraiment
im-press-ion-nant, ce n’est donc pas toujours facile de savoir lequel est le plus adapté à votre situation.

Je vous en présenterai deux dans cet article, choisis sur les critères suivants :

1. La puissance de l’outil
2. Le prix
3. La rapidité de réalisation du prototype
4. Les possibilités de collaboration


1. InVision

https://www.invisionapp.com/


 

Analyse

InVision est l’un des outils de prototypage que j’ai pu tester à mes débuts de designer d’app smartphone. En plus d’être complet et bien imaginé, il est surtout utilisé par plus de 2.000.000 de personnes à travers le monde.

Des sociétés comme Uber, Netflix ou Twitter (pour ne citer qu’eux) l’utilisent tous les jours depuis plusieurs années, ce qui leur donne une réputation de vrai leader du marché.

Le principe d'InVision est assez simple, vous réalisez vos prototypes dans un logiciel de design comme Sketch, Photoshop ou Affinity Designer. Lorsque vous avez terminé vos écrans, vous vous connectez sur le portail web d'InVision et vous envoyez vos images.

Il ne vous reste plus qu'à lier vos écrans entre eux en définissant des zones cliquables sur vos images et la cible de destination de celles-ci. Vous pourrez y appliquer des animations si nécessaire. Lorsqu'un utilisateur cliquera sur ces zones, il pourra naviguer entre les écrans de manière transparente, comme si c'était votre produit finalisé.

 

Avantages :

  • • Les transitions animées pour passer d'un écran à l'autre sont bien gérées, les interactions sur mobile comme le « tap » ou le « swipe » (glissement du doigt à droite ou à gauche) sont réalistes.

  • • Collaboration efficace entre designers et clients grâce aux commentaires et au visual manager, un système de gestion de projet agile intégré, assez similaire à Trello.

  • • Système d’inspection et d’export d’éléments pratique pour les développeurs.

  • • Possibilité de revenir sur des modifications grâce à l’Historique des modifications.

Inconvénients :

  • • InVision ne permet pas encore la réalisation de design d'écran directement au sein de sa plateforme, vous devrez d'abord passer par des outils de design comme Sketch sur Mac ou Photoshop et puis seulement utiliser inVision pour réaliser le prototype cliquable. 

  • • Le prix. Contrairement à certains outils, la version gratuite reste limitée à un seul prototype. Si vous avez plusieurs clients ou plusieurs plateformes, vous devrez vite payer pour avancer.

Note finale:

Puissance : ★★★☆☆
Prix : ★★☆☆☆
Rapidité de création du prototype : ★★★★☆
Collaboration : ★★★★☆



2. Marvel

https://marvelapp.com/

Marvel

Analyse

Ah, Marvel, rien que le nom de cette beauté en dit long…

Il offre une interface fraiche, intuitive et la possibilité d’utiliser jusqu’à 2 prototypes en version gratuite, ce qui est très confortable pour les freelancers débutants ou les employés qui ne possèdent pas de budget conséquent.

En plus de pouvoir présenter vos prototypes à vos clients ou collègues, il propose la possibilité de créer vos prototypes directement sur le web avec son outil « Canvas ».
Cet outil, certes rapide, reste quand même basique et loin derrière un outil de design plus complet comme Sketch.

Une autre force de Marvel est son intégration sur mobile. Si vous n'êtes pas un habitué des logiciels de graphisme et que vous préférez faire vos prototype à la main sur une feuille de papier, cette app deviendra votre meilleure amie. Elle vous permettra de photographier vos croquis et de faire les liaisons entre vos différents écrans directement dans l'app, sans avoir besoin de votre ordinateur.

La communauté derrière cet outil est en grande évolution et il ne cesse de devenir un vrai challenger d’InVision (dont il est beaucoup inspiré).

Vous avez une question pour la mise en place de votre prototype sur Marvel ? Aucun soucis, le support chez Marvel est également excellent avec des réponses personnalisées et parfois un contact direct avec le fondateur.

De grandes sociétés comme Deliveroo ou Dice ont également opté pour Marvel.
 

Avantages :

  • • Rapide, efficace, classement des projets par dossiers
  • • Collaboration efficace entre designers et clients grâce aux commentaires.
  • • Apps iPhone & Android disponibles.
  • • Visualisez vos prototypes directement depuis Sketch grâce au plugin Marvel.
  • • Le blog, rempli de conseils d’excellents designers.

Inconvénients :

  • • La possibilité de réaliser des prototypes directement dans Marvel n’est disponible qu’avec le plan « Entreprises » à 60$/mois.
  • • La possibilité que les prix augmentent prochainement.

Note finale:

Puissance : ★★★☆☆ ( 4★ en version entreprise, grâce à l'outil "Canvas" ) 
Prix : ★★★★☆
Rapidité de création du prototype : ★★★★☆
Collaboration : ★★★☆☆

Conclusion

Bien que les deux outils se ressemblent fortement au niveau des fonctionnalités de présentation et de collaboration, ma préférence va à Marvel.

Cet outil me séduit par sa simplicité, son app mobile qui vous donne accès à vos prototypes n'importe où et son support clients qui est l'un des meilleurs que j'ai pu expérimenter.

Cependant Marvel & InVision ont tous les deux leurs qualités et restent réellement un moyen efficace d'améliorer vos idées et concepts. C'est pourquoi je vous recommande de les essayer tous les deux. Vous pourrez continuer, en version payante ou non, avec celui qui correspondra le mieux à vos attentes et votre budget.

  Lecture 8 min.  |     |   Thomas Fekenne

Commentaires

Vous avez aimé cet article ? Alors nous vous recommandons ceux-ci :

Les derniers bons plans