Outil de wireframe élastique ?

Bon, une fois n’est pas coutume, ceci n’est pas un article, mais une question ;).

Je recherche un outil, pour faire des wireframes.

Vous savez, des modèles de pages, des templates « fil de fer ».

Mais ce dont j’ai besoin, c’est d’un outil pour faire des wireframe elastiques.

Elastique ?

Oui, pour définir un site, avec des pages qui s’adaptent à la largeur de l’écran (comme Amazon quoi).

Les outils, je connais Powerpoint, Axure, Justinmind… Mais je n’ai pas trouvé d’outil permettant d’exprimer les contraintes d’élasticité.

Dommage… A l’époque, avec le NeXT, il y avait un outil de conception qui avait une représentation graphique assez sympa pour représenter ces informations (Interface Builder).

On pouvait relier les objets entre eux, soit avec « une ficelle », dans ce cas, la distance entre les objets doit être constante, soir avec « un élastique », et dans ce cas, la distance peut changer.

9 commentaires

  1. J’ai eu la même problématique il y a très peu de temps et je n’ai pas trouvé d’outil intégrant la fluidité. J’ai essayé des frameworks (HTML, CSS, JS) qui permettent de prototyper rapidement un site « fluide » ou « responsive », à 2 conditions :

    – maitriser un minimum HTML & CSS ;
    – ne pas avoir une interface trop complexe à réaliser.

    Voir : http://www.getskeleton.com ou http://framelessgrid.com/

  2. @Nicolas> Merci !

    Je connaissais en fait, mais c’est pas exactement ce que je cherche… Mais ce que je cherche n’existe probablement pas 😉

  3. Je confirme que ce que tu cherches n’existe pas. Je pense qu’il ne faut pas confondre les outils de prototypage rapide avec ceux de création d’interface. L’effet d’élasticité que tu souhaites donner est propre au produit fini, pas au prototype. Mais rien ne t’empêche de le décrire dans ton document de spec !

  4. @Fred> Oui, on peut faire ça par les specs, mais ça ne donne pas facilement une bonne vision du résultat final.

    @Pierre> Oui, je connais, mais pas du tout élastique pour le coup 😉

  5. la panoplie de toute agence : Photoshop, Illustrator, Omnigraffe (pour Mac), Axure. Mais ce n’est pas « élastique » ce sont des outils de « Wireframe ».

    Dreamweaver est un html tool generator qui permet de faire du prototypage (mais pas trop cool pour faire ce que Axure fait par exemple.

  6. AXURE 6.0 est crée pour ça et te permet de simuler 80 % de la conception d’un site
    et crée un rapport sous word assez sympa, liens , navigation tout y est ….
    un bon outil en avant vente et même en modèlisation

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *