Benoît Drouillat, architecte de l'information

Blog

Une boîte à outil pour la pratique de l’architecture de l’information

Ressources

4 commentaires

Le 6 juin 2011 — 

Si la pratique de l’architecture de l’information consiste à mettre en œuvre un ensemble de méthodologies et à formaliser de nombreux livrables (interfaces filaires, arborescences, notamment), elle dispose également d’une somme conséquente de ressources et d’outils. Ces outils sont extrêmement diversifiés par les usages et les formats qu’ils proposent : applications en ligne pour le prototypage rapide et la collaboration, applications logicielles pour le prototypage « haute-définition », composants d’interfaces pré-dessinés… J’ai dressé une synthèse des meilleures ressources disponibles, à utiliser comme une « boîte à outils ». On notera au passage que ces outils sont de plus en plus nombreux à proposer une approche multi-écran.

Applications en ligne

Cacoo

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

Creately

Plateforme(s) : application en ligne + version desktop Mac/PC/Linux
Coût de la licence : de gratuit à $75
Formats d’export : PDF, PNG, JPG, XML

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

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

iPlotz

Plateforme(s) : application en ligne + version desktop Mac/PC/Linux
Coût de la licence : de gratuit à $75
Formats d’export : PNG, JPG, PDF, HTML

Jumpchart

Plateforme(s) : application en ligne
Coût de la licence : de gratuit à $50
Formats d’export : HTML, WordPress

Lovely Charts

Plateforme(s) : application en ligne + version desktop Mac/PC/Linux
Coût de la licence : 29 € (online), 59 € (desktop)
Formats d’export : PDF, JPG, PNG

MockFlow

Plateforme(s) : application en ligne + version desktop Mac/PC/Linux
Coût de la licence : $69
Formats d’export : HTML, PDF, .ppt, .doc, PNG, Excel

Mockingbird

Plateforme(s) : application en ligne
Coût de la licence : $9 à $85 / mois
Formats d’export : PDF, PNG

Pencil Project

Plateforme(s) : extension Firefox + version desktop PC/Linux
Coût de la licence : gratuit
Formats d’export : HTML, PNG, .doc, PDF

Pidoco

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

Logiciels de prototypage

Axure RP

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

 

Balsamiq

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

 

FlairBuilder

Plateforme(s) : Mac/PC/Linux (Application Adobe Air)
Coût de la licence : $99
Formats d’export : PNG, JPG

iMockup

Plateforme(s) : iPad
Coût de la licence : $6.99
Formats d’export : PNG, Balsamiq

Justinmind

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

Keynote

Plateforme(s) : Mac, iPad
Coût de la licence : 15,99 €
Formats d’export : JPG, PNG, GIF, Quicktime, PowerPoint, PDF, HTML

PowerMockup

Plateforme(s) : extension pour PowerPoint
Coût de la licence : de $39,95 à $199,90
Formats d’export : PDF, PNG, EMF

Omnigraffle

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.

PowerPoint

Plateforme(s) : Mac/PC
Coût de la licence : 379 € (Microsoft Office Famille et Petites entreprises)
Formats d’export : PDF, JPG, PNG, GIF…

Gabarits de prototypage

A wireframe kit for Google Drawings

Best Practice UX Forms Stencil

Design Stencil for iPhone and iPad

Eight Shapes Unify

Graffletopia

iPad Stencils

Keynote Kung Fu

Keynotopia

Konigi Omnigraffle Wireframe Stencil

OmniGraffle Sketch Stencils ($ 12)

OmniGraffle UX Template

Simple Wireframe

Touch Gesture Reference

User Interface Design Framework

Yahoo! Design Stencils

 

Arborescences

Omnigraffle Sitemap Generator

Arborescences isométriques : Mapping User Experience Architectures

 

Prototypage interactif (HTML)

App Sketcher

Plateforme(s) : Mac/PC (Application Adobe Air)
Coût de la licence : 56,60 €
Formats d’export : HTML

Flash Catalyst

Plateforme(s) : Mac/PC
Coût de la licence : $79
Formats d’export : SWF, Adobe Air

ForeUI 2.0

Plateforme(s) : Mac/PC/Linux
Coût de la licence : $99
Formats d’export : JPG, PDF, HTML

Handcraft

Plateforme(s) : Application en ligne
Coût de la licence : $19 / $59 / mois
Formats d’export : HTML

Napkee

Plateforme(s) : fonctionne avec Balsamiq (application en ligne)
Coût de la licence : $49 / $79
Formats d’export : Flex, HTML

ProtoShare

Plateforme(s) : application en ligne
Coût de la licence : de $29 à $179 / mois
Formats d’export : HTML, Word (pour les spécifications fonctionnelles)

 

Commentaires

4 réponses à “Une boîte à outil pour la pratique de l’architecture de l’information”

  1. Flavien Plouzennec dit :

    Merci pour cette liste très complète.

  2. [...] Maquette ergonomique- mise en forme du contenu: préparer la mise en page du contenu n’est pas toujours évident. Pourtant il existe différents outils pour vous aider à bâtir votre architecture de la  plus simple au plus complexe. Liste à voir chez Benoit Drouillat : Une boîte à outil pour la pratique de l’architecture de l’information [...]

  3. Salut Benoît, joli travail de recension. Je vois que tu prépares ardemment tes cours de la prochaine rentrée :)

    J’utilise personnellement MockFlow et je le trouve vraiment très bien. Précision : MockFlow est disponible en accès gratuit limité (mais suffisant pour de nombreux projets). Et je confirme que MockFLow a une approche multi-écran (wireframes pré-dessinées pour l’iPhone, l’iPad ou même un thème Drupal, etc.).

Laisser un commentaire