Outils de prototypage graphique natif FOSS? [dupliquer]

43

Dans le cadre de mon travail en tant que développeur Web, je passe beaucoup de temps à faire des prototypes d’interface utilisateur pour montrer le client. C'est une douleur dans le dos mais parfois il faut le faire.

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

Cela est fait par quelque chose appelé Mockups Balsamiq ... coûte 79 $.

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

    
posée Oli 27.03.2017 - 15:22
la source

5 réponses

33

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 les maquettes Balsamiq, il est livré avec un grand nombre de composants préfabriqués qui vous permettent de créer rapidement un écran de démonstration. Comme Balsamiq, vous pouvez avoir plusieurs pages dans une esquisse et les relier, ce qui permet à vos programmeurs et à vos concepteurs de "cliquer" sur certains boutons pour avoir une idée de ce qui doit se passer.

Contrairement à Balsamiq, son jeu de widgets par défaut ressemble à de véritables widgets, ce qui me préoccupe, à savoir que les programmeurs imitent servilement la maquette qu’ils voient à l’écran. Heureusement, un modèle de widget d'esquisse a été distribué avec Pencil pour le moment. Contrairement à Balsamiq, qui n’a rien d’étonnant, un add-on-Firefox exporte ses esquisses en HTML, et non pas en Flash / Flex.

Je sais que Pencil est bizarre car il s’agit d’une extension Firefox, mais elle fonctionne très bien et est facile à utiliser. Je ne suis pas attaché idéologiquement au logiciel libre et ne me dérange pas de dépenser 80 $ pour un logiciel génial, alors je vais être honnête et dire que j'utilise Balsamiq over Pencil. Je trouve que le workflow général et la facilité d'utilisation de Balsamiq sont supérieurs à ceux de Pencil. Mais le crayon reste un excellent outil. Si vous cherchez un prototypeur FOSS, je pense que vous aurez du mal à vous améliorer. Lancez Firefox et allez y jeter un oeil .

    
réponse donnée Benjamin Pollack 09.08.2010 - 17:46
la source
15

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

    
réponse donnée mac9416 09.08.2010 - 19:28
la source
10

Essayez Concepteur d’interface Glade , un concepteur d’interface GTK / Gnome, généralement utilisé pour des applications réelles, mais qui pourrait également être utilisé pour les prototypes.

    
réponse donnée 8128 09.08.2010 - 15:16
la source
5

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

Là où je trouve ça très pratique, c'est de 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-la sur un calque pour l'afficher quels que soient les changements à afficher.

    
réponse donnée Bryce 10.08.2010 - 01:12
la source
0

J'ai déjà utilisé Mockingbird pour un tout petit projet. lien C'est un client Web qui permet la collaboration. Apparemment, il va quitter la version bêta et cesser d'être gratuit dans quelques jours.

    
réponse donnée Michael Terry 28.08.2010 - 13:55
la source

Lire d'autres questions sur les étiquettes