Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Comparatif des outils de prototypage

4 513 vues

Publié le

Dans tous les tests, j’ai accordé une à deux heures à chaque logiciel pour pouvoir explorer les possibilités qu’il offrait.

L’objectif était le même à chaque fois : réaliser un prototype de quelques écrans avec interactions et animations si possible. Quand le plugin compatible avec Sketch existait, je l’ai installé et testé en même temps.

J’ai parfois eu besoin d’aller dans la documentation ou de regarder des tutoriaux. Ils sont la plupart du temps disponibles sur le site de l’éditeur.

La note globale ne reflète que l’expérience globale que j’en ai eue sur la facilité d’utilisation, les possibilités offertes et le potentiel d’utilisation au sein d’un projet. Il reflète un avis complètement subjectif.

Publié dans : Design
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Comparatif des outils de prototypage

  1. 1. Comparatif des outils de prototypage Mai 2017 – Gianni Polito
  2. 2. Quelle démarche ? Dans tous les tests, j’ai accordé une à deux heures à chaque logiciel pour pouvoir explorer les possibilités qu’il offrait. L’objectif était le même à chaque fois : réaliser un prototype de quelques écrans avec interactions et animations si possible. Quand le plugin compatible avec Sketch existait, je l’ai installé et testé en même temps. J’ai parfois eu besoin d’aller dans la documentation ou de regarder des tutoriaux. Ils sont la plupart du temps disponibles sur le site de l’éditeur. La note globale ne reflète que l’expérience globale que j’en ai eue sur la facilité d’utilisation, les possibilités offertes et le potentiel d’utilisation au sein d’un projet. Il reflète un avis complètement subjectif.
  3. 3. Invision Les plus • Simple à utiliser • Bonne intégration avec Sketch • Enormément d’outils complémentaires (inspect, freehand…) • 15€/mois Les moins • Limité au niveau interactions et animations • Pas d’évolution de l’outil depuis des mois Un outil simple pour tester un parcours rapidement, avec des extensions très intéressantes, mais l’outil de prototypage en lui-même reste très limité… Note globale : 15/20 http://invisionapp.com
  4. 4. MarvelApp Les plus • Simple à utiliser • Bonne intégration avec Sketch • Enregistrement vidéo facile avec le plugin • Gratuit (mais logo MarvelApp sur le proto) Les moins • Limité au niveau interactions et animations Un outil dans la lignée d’invision, simple et sans prétention mais qui fait très bien le travail pour dépanner Note globale : 12/20 https://marvelapp.com
  5. 5. Proto.io Les plus • Animations avancées • Simplicité de l’interface • Intégration avec Sketch Les moins • Outil web uniquement • Plugin sketch pas hyper utile • Cher (29$/mois) Simple et puissant, mais beaucoup d’étapes pour construire un prototype basique Note globale : 15/20 http://proto.io
  6. 6. Adobe XD Les plus • Grille de répétition intéressante • Gratuit dans notre abonnement Adobe CC Les moins • Toujours compliqué l’intégration avec Illustrator (obligé de faire copier/coller, pas d’importation possible) • Pas d’animation d’éléments • Fonctionnalités limitées Un très bon potentiel, mais toujours pas de grosse évolution depuis 6 mois… Le logiciel reste très limité finalement. Note globale : 11/20 http://www.adobe.com/fr/produ cts/experience-design.html
  7. 7. (Facebook) Origami Studio Les plus • Animations avancées • Possibilité de faire des conditions d’animations (zone scrollée…) • Capture vidéo du prototype facile • Import de fichiers sketchs • Gratuit Les moins • Logiciel compliqué à utiliser (il faut avoir Bac +8) • La moindre interaction nous fait s’arracher les cheveux • Peu de documentation et de tutoriels… et encore moins à jour Un outil de prototypage puissant dont on n’a pas le mode d’emploi… Note globale : 10/20 http://origami.design/
  8. 8. Principle Les plus • Simple à utiliser • Bonne intégration avec Sketch (si Sketch est ouvert, il peut récupérer le document directement) • Interactions poussées avec timelines • Adapté au web et mobile • Grosse communauté Les moins • Pas d’export en HTML • Prix élevé : 129$ Un très bon outil adapté au design d’interaction et aux transitions entre les écrans. Note globale : 17/20 http://principleformac.com
  9. 9. Flinto Les plus • Simple à utiliser • Bonne intégration avec Sketch (si Sketch est ouvert, il peut récupérer le document directement) • Interactions poussées avec timelines • Interactions testable avec iphone • Version Lite (en ligne) plus simple Les moins • Pas d’export en HTML • Prix élevé : 99$ Un très bon outil adapté au design d’interaction et aux transitions entre les écrans. Note globale : 17/20 https://www.flinto.com

×