eclaireur.net

WebDesign & Entrepreneur 2.0

"Donnez moi le courage de changer ce qui peut être changé, la sérénité de converser ce qui va bien et la sagesse de distinguer l'un de l'autre" - Saint François d'Assise

le 16.07.2009 à 9:51

Ajouter un commentaire

Balsamiq Mockup : si on dessinait des applications ?

Merci Arnaud pour cette découverte assez déroutante. Il s’agit de Balsamiq Mockup, un outil online de conception de wireframes avec un style « crayonné ». Vous pouvez créer une panoplie de dessins d’application (wireframe) en glissant et déposant des éléments dans l’interface. Cette application web réalisée en Flash est un modèle de simplicité, vous vous y retrouvez très rapidement et dessiner une application devient un jeu d’enfant.

balsamiq-mockups-wireframe-draft

Le plus fort c’est que derrière cette application se cache juste un homme : Giacomo Guilizzoni. Et vu la qualité du développement je vous invite à aller tester Balsamiq Mockup ou bien simplement regarder les exemples de réalisation pour vous faire une idée.

Pour aller plus loin dans l’utilisation de cet outil. Vous pouvez vous rendre sur le blog superfiction : Les outils online de conception de wireframes (3/5) : utiliser Balsamiq Mockups.

Il existe d’autres applications du même genre : Gliffy, iplotz, Pencil Project, Templatr, ProtoShare ou encore Caretta GUI Design Studio.

Si vous avez trouvé cet article intéressant, abonnez-vous gratuitement au flux RSS d'eclaireur ou bien par email.
 

Auteur

David Marchesson est freelance développeur web & webdesigner. Il va bientôt se lancer dans l'univers des entrepreneurs Web. Il adore le net, les bonnes idées et parler de lui à la 3eme personne. Ce site sera sa balise dans cette vie digitale.

Suivez ce blog

Si ce blog vous plait, abonnez-vous. Ce flux RSS permet de recevoir en utilisant un lecteur les dernières nouvelles de ce site.

Recevez les billets par email

Vos réactions

  • cyril: hey, je vois que tu l’as bien sorti cet article finalement :)
  • Franck Quintana: Sur le fond, très bonne nouvelle ! D’autres villes feraient bien de s’en inspirer.
  • Franck Quintana: « connection & raquo; s’écrit « connexion &r aquo; en...
  • Maunel: Interessant, j’avais un peu de mal avec la notion de framework css mais après avoir jeté un oeil ça...
  • pako69: Bonjour, Merci pour cette astuce, en revanche depuis les mises à jour récentes de Mail, le chemin...
  • Jean Louis DARRIÈRE: Bonsoir. J’ai particulièrement aimé votre démonstration mais je dois faire une erreur...

Partenaires

Dropbox, 2go d'espace de stockage gratuitDeveloppeur Freelance web developpement webdesigner

Activité

5 commentaires au total, laissez un message. Utilisez ce lien pour faire un trackback sur ce billet :
http://www.eclaireur.net/innovation/balsamiq-mockup-si-on-dessinait-des-applications/trackback/
  1. 1

    Et cet outil, apparemment très bien fichu et stylé, est très bon marché je trouve.

  2. 2

    La version web reste gratuite et elle permet l’export en XML ou bien en PNG (idéal pour insérer les schémas dans PowerPoint). Sinon c’est vrai que les applications « bureau » sont également accessibles au niveau tarif.

  3. 3

    plutot pas mal de travail pour un seul développeur… Surtout que l’application semble avoir assez de composants pour faire le wireframe de à peu près n’importe quoi!

  4. 4

    Bonjour,

    Je développe depuis quelques temps un nouvel outil de conception rapide de maquettes d’IHM : EzMockup

    Développé en Silverlight, avec une philosophie comparable à celle de Balsamiq, EZMockup permet de créer rapidement une maquette et de la partager sur le web.

    Là où nous allons plus loin que Balsamiq, c’est sur la possibilité de créer des interactions entre les contrôles de l’IHM (aciton sur click d’un bouton, sur sélection dans une liste, etc.), afin de créer des maquettes dynamiques.
    De plus, étant donné qu’EZMockup est entièrement réalisée en Silverlight, nous prévoyons dans une future version de générer automatiquement une IHM Silverlight à partir de la maquette. Cela permettra de faciliter le passage du mode « maquettage » au mode « prototypage ».

    Plus d’infos sur notre site ainsi que la démo en ligne !

    X.MAURIN

  1. TrackBack #1
    16 juillet 2009

Ajouter un commentaire

N'hésitez pas à discuter de votre point de vue. Les informations obligatoires sont indiquées par une *.

HTML accepté :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Fermer
E-mail It

Haut de page