En architecture de l’information, l’interface filaire (ou communément appelée story-board) est une méthodologie de prototypage rapide qui permet de déterminer la structure d’un site web ou d’une application logicielle. Elle consiste à représenter les unités d’information, leur hiérarchie de façon schématique et à formaliser les interactions au niveau d’un gabarit d’une page-écran.

Voici une sélection des 10 meilleurs outils pour mettre en œuvre la conception d’interfaces filaires et d’arborescences :

Pour le prototypage rapide ou dit en « basse résolution »

1. Balsamiq

Plateforme(s) : application en ligne + Rich Desktop Application (PC, Mac, Linux)
Coût de la licence : 79 $
Formats d’export : PNG, PDF, XML

Balsamiq est une application de bureau, également opérable en ligne, qui permet de réaliser des story-boards dits « basse résolution », en version numérique, comme s’ils étaient dessinés manuellement. L’application offre 75 éléments d’interface réutilisables et 150 icônes.

2. Mockingbird

Plateforme(s) : application en ligne
Coût de la licence : gratuit
Formats d’export : PDF, PNG

Mockingbird est une application en ligne dotée d’une bibliothèque d’éléments d’interface. Elle permet de lier entre eux les différentes pages prototypées.

3. Pidoco

Plateforme(s) : application en ligne
Coût de la licence : 3 formules à 7 €, 19 € et 69 € offrant différents niveaux de fonctionnalités.
Formats d’export : HTML, Word.

Pidoco est une application en ligne collaborative qui permet de créer des interfaces filaires navigables et d’organiser des tests utilisateurs à distance.

4. Lovely Charts

Plateforme(s) : application en ligne
Coût de la licence : gratuit (limité à un seul document), 18 €, 29 €
Formats d’export : JPG, PNG

Lovely Charts est une application en ligne pour le prototypage rapide d’interfaces. Elle offre des outils standards et permet d’imprimer le résultat du prototypage.

Pour aller plus loin sur le prototypage rapide, lire Design Better And Faster With Rapid Prototyping

Pour le prototypage dit en « haute-résolution »

5. Omnigraffle Pro

Plateforme(s) : Mac et iPad
Coût de la licence : 199,95 $
Formats d’export : PDF, TIFF, PNG, GIF, JPG, EPS, HTML, SVG, PSD, Visio XML, etc.

Omnigraffle Pro est un logiciel de conception de diagrammes vectoriels aux possibilités de dessin étendues. Il dispose de bibliothèques de patrons très avancés qui permettent de réaliser des interfaces filaires de très haute définition. L’outil permet d’ajouter des liens entre les pages pour simuler une navigation.

6. Axure RP Pro

Plateforme(s) : PC et Mac
Coût de la licence : 589 $ puis 539 $ à partie de 5 licences
Formats d’export : PNG, GIF, JPG, Bitmap, HTML

Axure RP Pro est un outil de prototypage qui permet de créer des interfaces filaires, des diagrammes de flux, des arborescences etc. Il propose des bibliothèques d’éléments d’interface et gère l’interactivité en permettant de créer des liens hypertextes et de programmer des comportements sur les éléments d’interface. Axure RP Pro dispose de canevas pour faciliter la gestion d’éléments récurrents dans un même projet. Il génère par ailleurs dans un fichier Word les spécifications fonctionnelles à partir des éléments définis dans le prototype.

7. JustInMind Prototyper

Plateforme(s) : PC, Mac
Coût de la licence : 495 $
Formats d’export : HTML, Word (pour les spécifications fonctionnelles), PNG

JustInMind Prototyper permet de réaliser des interfaces filaires au format HTML et de générer des spécifications fonctionnelles au format Word. Il possède une bibliothèque étendue d’éléments d’interface et propose la gestion des éléments récurrents au travers des caveras (masters, en anglais). Il gère spécifiquement les interactions riches (pour les Rich Internet Applications, RIA). Plus avancé que la plupart des outils de prototypage dédiés, il permet d’inclure des éléments externes comme des fichiers HTML, PDF ou Flash. Il permet en outre de simuler le comportement des informations issues d’une base de données.

8. Protoshare

Plateforme(s) : application en ligne
Coût de la licence : 29 $ (10 projets, 1 Go d’espace, 2 utilisateurs) / 49 $ (projets illimités, 5 Go, 5 utilisateurs)
Formats d’export : HTML, Word (pour les spécifications fonctionnelles)

Protoshare est dédié à la réalisation d’interfaces filaires interactives (rich interactive prototypes). L’interface autorise l’import d’images et de fichiers Flash externes. Il permet la collaboration en temps réel.

9. HotGloo

Plateforme(s) : application en ligne
Coût de la licence : gratuit (1 projet, 10 pages, 1 utilisateur), 7 $ (1 projet, 5 utilisateurs, 1 Go d’espace), 14 $ (2 projets, utilisateurs illimités, 5 Go d’espace), 48 $ (projets et utilisateurs illimités, 10 Go d’espace)
Formats d’export : PNG, PDF

HotGloo est un outil collaboratif de création d’interfaces filaires. Il comprend une bibliothèque basique d’éléments d’interface et des capacités d’édition basiques. Il autorise l’upload d’images externes.

10. Gliffy

Plateforme(s) : application en ligne
Coût de la licence : gratuit (5 diagrammes, 2 Mo d’espace), 1 utilisateur (nombre de diagrammes et d’espace illimités) : 5 $, 10 utilisateurs : 25 $, etc.
Formats d’export : SVG, XML, PNG, JPG, PDF

Gliffy est une application en ligne destinée à l’élaboration de diagrammes de flux et d’interfaces filaires avec une interactivité basique (liens HTML). L’outil dispose d’une bibliothèque d’éléments d’interface basique et permet d’uploader des images externes. Il offre en outre la possibilité de s’adonner au travail collaboratif, à travers des espaces de travail privés (en mode payant).

D’autres outils

• Lucid Spec
• MockupScreens
• EasyPrototype
• iRise
• DENIM
• Prototype Composer
• GUI Design Studio
• Pencil
• WireframeSketcher
• Flash Catalyst
• OverSite
• swipr
• Henrik Olsen template and stencils for Visio
  
• DesignerVista
• Gatonero
• Petra
• fluidIA
• iPlotz
• PhotoProto and Altia Design
  
• VisDynamica
• Jumpchart
• Screen Architect
• FlairBuilder
• JustProto
• ForeUI
• MockFlow
• Connect-a-Sketch
• SketchFlow
• izotz!prototype
• Simulify
• mocklinkr
• Creately
• Napkee
• QMockup
• MockApp
• iMockup
• Mocksup