web-dev-qa-db-fra.com

Outils de prototypage d'interface graphique FOSS natifs?

Dans le cadre de mon travail de développeur Web, je passe beaucoup de temps à créer des prototypes d'interface utilisateur pour le montrer au client. C'est pénible, mais il faut parfois le faire.

J'ai vu Shuttleworth (et son équipe de conception) pomper des images comme celle-ci:

Balsamiq Mockups example

Cela est fait par quelque chose qui s'appelle Balsamiq Mockups ... Quelque chose qui s'équilibre sur Adobe Air (yack!) Et coûte 79 $.

J'ai essayé mais ça a continué à tomber. Je pense que cela avait quelque chose à voir avec Air, pas avec l'application elle-même. Ce que je veux dire, c'est que si je paie quelque chose, je veux que ce soit natif.

43
Oli

Pour des raisons que je ne commence pas à comprendre, ses auteurs l’ont écrit sous forme de plugin Firefox, mais Pencil est un excellent outil de prototypage FOSS. Comme Balsamiq Mockups, il est livré avec un grand nombre de composants préfabriqués qui vous permettent de créer rapidement un écran de démonstration. De même que Balsamiq, vous pouvez avoir plusieurs pages dans une esquisse et les relier entre elles, permettant ainsi à vos programmeurs et concepteurs de "cliquer" sur certains boutons et d'avoir une idée de ce qui devrait se passer quand cela se produit.

Contrairement à Balsamiq, son ensemble de widgets simulés par défaut ressemble à de véritables widgets, ce qui m'inquiète car les programmeurs imitent servilement le modèle qu'ils voient à l'écran. Heureusement, un modèle de widget d'esquisse a été distribué avec Pencil depuis un certain temps maintenant. En outre, contrairement à Balsamiq - et, espérons-le, pas surprenant pour un module complémentaire de Firefox - Pencil exporte ses croquis au format HTML, et non au format Flash/Flex.

Je sais que Pencil a l’air bizarre parce que c’est une extension de Firefox, mais il fonctionne très bien et est facile à utiliser. Je ne suis pas idéologiquement attaché aux logiciels libres et cela ne me dérange pas de dépenser 80 $ pour un excellent logiciel, je vais donc être honnête et dire que j'utilise Balsamiq plutôt que Pencil. Je trouve le flux de travail général et la facilité d'utilisation de Balsamiq supérieurs à Pencil. Mais Pencil est toujours un excellent outil. Si vous recherchez un prototypeur FOSS, je pense que vous aurez du mal à vous améliorer. Lancez Firefox et allez y faire un tour .

33
Benjamin Pollack

Personnellement, j'aime bien faire du prototypage Web-ui dans Inkscape (programme de dessin graphique vectoriel), il est relativement simple à utiliser et vous pouvez réutiliser la plus grande partie de la maquette lorsque vous allez créer le produit final.

15
LassePoulsen

Essayez Glade Interface Designer , un concepteur d'interface GTK/Gnome, généralement utilisé pour des applications réelles, mais pouvant également être utilisé pour des prototypes.

10
8128

Je recommande également l'utilisation d'Inkscape pour les maquettes. Vous pouvez obtenir quelques widgets de stock sur www.openclipart.org (quelqu'un devrait en télécharger davantage!).

Je trouve cela très utile pour marquer une interface utilisateur existante ... Prenez une capture d'écran de l'application, insérez-la dans Inkscape et placez-la sur un calque verrouillé, puis dessinez sur un calque pour afficher les modifications apportées. besoin de montrer.

5
Bryce

J'ai déjà utilisé Mockingbird auparavant pour un très petit projet. http://gomockingbird.com C'est un client basé sur le Web qui permet la collaboration. Apparemment, il va quitter la bêta et ne plus être disponible dans quelques jours.

0
Michael Terry