Outils de prototypage

Les gratuits (ou avec une offre gratuite)

Pencil Project

http://pencil.evolus.vn/

Bon outil de prototypage, permettant de faire le nécessaire gratuitement.

Compatibilité Mac, Unix et Windows.

Just In Mind

http://www.justinmind.com/

  • Nombre de page et prototypes illimité
  • Bibliothèque de composants pour iPhone, Androïd, iPad et web
  • Interaction
  • Export PDF / images
  • Émulateurs pour appareils mobiles
  • Fonctionnalité de publication avec annotations
  • 10 MB de stockage

Compatibilité Mac et Windows.

Wirefry

http://getwirefy.com/

Logiciel pro et efficace. Permet de construire des wireframes puissants en responsive design.

Dispose de plusieurs features disponibles lors du téléchargement sur Github.

Easel (solution en ligne)

https://www.easel.io/

  • Prototypes cliquables
  • Annotations
  • 3 documents
  • Export HTML (code source)

Mockflow (solution en ligne)

http://www.mockflow.com/

Basic Edition :

  • 1 licence
  • 1 projet pour chaque App
  • 2 Co-Éditeurs par projet
  • 1 GB de stockage dans le Cloud
  • Restrictions projets

Wireframesketcher

http://wireframesketcher.com/

  • 15 thèmes « sketchs » (Youtube, Facebook, Androïd, iTunes, Windows Phone, etc.)
  • Bibliothèque de composants
  • Export PDF cliquables, PNG, HTML
  • Bibliothèque d’icônes vectoriels
  • Storyboard, use-cases

Compatibilité Mac, Unix et Windows.

Wireframe.cc (solution en ligne)

https://wireframe.cc/

Outil de prototypage basique avec des outils très simples : formes de base (rectangle, carré, rond), emplacements images, textes de substitution, titres, input text et annotations.

Parfait pour le zoning d’interface.

Iplotz (solution en ligne)

http://iplotz.com/

  • 1 projet
  • 5 pages
  • Renouvellement auto
  • 10 wireframes dans l’historique par projet
  • 500 MB d’espace pour les fichiers multimédias
  • Export de projet / HTML / PDF / PNG-JPG
  • Génération URL de prévisualisation / wireframe embarqué

Cacoo (solution en ligne)

https://cacoo.com/lang/fr/?ref=logo

  • Format d’export : PNG uniquement
  • 25 feuilles autorisées
  • 1 dossier partagé
  • Maximum 15 utilisateurs par schéma
  • Maximum 3 utilisateurs par dossier partagé

Lumzy (solution en ligne)

http://www.lumzy.com/

  • Création de masters
  • Bibliothèque de composants
  • Possibilité de partager une URL de prévisualisation
  • 3 skins pour les composants : sketch, Mac, Windows
  • Versioning et possibilité de dupliquer un projet

Mocknow (solution en ligne)

http://mocknow.com/

Simple d’utilisation, outil idéal pour la réalisation rapide de vos wireframes.

Denim

http://dub.washington.edu:2007/denim/

Logiciel de l’Université de Washington, permettant l’export HTML, la compatibilité sur les tablettes.

Compatibilité Mac, Unix et Windows.

iPhone Mockup (solution en ligne)

http://iphonemockup.lkmc.ch/

Prototypage en ligne d’interface pour iPhone avec deux skins : Illustration ou Pencil.

Bibliothèque de composants

Popapp (application mobile)

https://popapp.in/

Disponible sur l’App Store et Google Play.

Application permettant de photographier des croquis dessinés au préalable et d’effectuer en quelques instants une animation avec des liens entre les différents écrans.

 

Les payants, sous licence

Axure RP Pro

http://www.axure.com/

Outil professionnel et complet pour l’export de prototype fonctionnel et cliquable, beaucoup utilisé dans le monde de l’UX design.

Assez complexe à prendre en mains, les fonctionnalités sont très avancées mais le processus de création peut être plus long qu’avec un logiciel traditionnel.

Les possibilités qu’offre le logiciel sont énormes, passage de variables d’une page à l’autre, chargement d’une bibliothèque de composants personnalisée, programmation de l’interaction des composants, export HTML, génération possible d’un cahier de spécifications.

Pour les gros projets avec un nombre de pages important, l’export peut devenir laborieux.

Compatibilité Mac, Unix et Windows.

Balsamiq

http://balsamiq.com/

  • Skin sketch basse fidélité
  • Bibliothèque de composants
  • Export PNG / PDF
  • Export de prototype fonctionnel et cliquable

HotGloo (solution en ligne)

http://www.hotgloo.com/

Gère le responsive design, bibliothèque de composants UI, outil collaboratif, possibilité d’annoter le projet à toutes les étapes de création (user testing).

  • Projet : 2 à 20
  • Collaborateurs : 10 à illimité

Mockingbird (solution en ligne)

https://gomockingbird.com/

  • 2 à X projets collaboratifs
  • interactions entre les pages
  • grilles
  • bibliothèque de composants
  • export PDF / PNG

Moqups (solution en ligne)

https://moqups.com/

  • Outil collaboratif
  • Bibliothèque de composants
  • 10 à 100 projets actifs
  • 1 à 10 GB de stockage (images)
  • Nombre de projets, collaborateurs illimité
  • Gestion de masters
  • Export PDF / PNG

Omnigraffle

http://www.omnigroup.com/products/omnigraffle/

Compatibilité Mac uniquement.

Protoshare

http://www.protoshare.com/

  • 1 éditeur
  • 1 GB de stockage
  • Bibliothèque de composants

Serena Prototype Composer

http://www.serena.com/index.php/en/products/other-products/prototype-composer/?hp

  • éditeur WYSIWYG pour programmation interaction utilisateur
  • bibliothèque de composants
  • publication de cahier de spécifications
  • multi-projets

iMockups (Application iPad)

http://www.endloop.ca/imockups/

Disponible sur l’App Store iPad.

  • Outil collaboratif
  • Mockups basse fidélité
  • Bibliothèque de composants (web, iPhone, iPad)

App Cooker (Application iPad)

http://www.appcooker.com/

Disponible sur l’App Store iPad.

  • Bibliothèque de composants
  • Interactions
  • Mockups cliquables

 

Logiciels détournés

Il est également possible d’utiliser des logiciels qui ne sont pas prévus initialement pour faire du prototypage.

L’utilisation de ces logiciels est plus facile dans certains cas et représente surtout une économie significative.

  • Microsoft PowerPoint
  • Microsoft Visio
  • Adobe Photoshop
  • Adobe Illustrator

Mots-clefs :, , , , , , , ,

Pas encore de commentaire.

Laisser un commentaire

Dinghy22zane |
Bush3carson |
Cashonthedayuk |
Unblog.fr | Créer un blog | Annuaire | Signaler un abus | Mary7virgil
| Carlfang28
| Eyes21toast