it-swarm.it

Strumenti di prototipazione GUI nativi e FOSS?

Come parte del mio lavoro di sviluppatore web, dedico molto tempo a realizzare prototipi dell'interfaccia utente per mostrare al cliente. È un dolore alle spalle ma a volte deve essere fatto.

Ho visto Shuttleworth (e il team di progettazione) pompare immagini in questo modo:

Balsamiq Mockups example

È fatto da qualcosa chiamato Balsamiq Mockups ... Qualcosa che equilibra su Adobe Air (yack!) E costa $ 79.

L'ho provato ma continuava a cadere. Penso che abbia avuto a che fare con Air non con l'app stessa. Il mio punto è che se sto pagando qualcosa, voglio che sia nativo.

43
Oli

Per motivi che non comincio a capire, i suoi autori l'hanno scritto come plugin di Firefox, ma Pencil è un ottimo strumento di prototipazione FOSS. Come Balsamiq Mockups, viene fornito con un numero enorme di componenti prefabbricati che consentono di creare rapidamente uno schermo dimostrativo. Inoltre, come Balsamiq, puoi avere più pagine in uno schizzo e collegarti tra loro, consentendo a programmatori e progettisti di "fare clic" su determinati pulsanti e avere un'idea di cosa dovrebbe accadere quando si verifica.

A differenza di Balsamiq, il suo set di widget simulati predefinito assomiglia a veri e propri widget, cosa che mi preoccupa fa sì che i programmatori imitino in modo sleale il modello che vedono sullo schermo. Per fortuna, un modello di widget di schizzo è stato distribuito con Pencil per un po 'di tempo. A differenza di Balsamiq, e speriamo non sorprenda per un componente aggiuntivo di Firefox, Pencil esporta i suoi schizzi in HTML, non in Flash/Flex.

So che Pencil sembra strano perché è un'estensione di Firefox, ma in realtà funziona molto bene ed è facile da usare. Non sono ideologicamente legato a FOSS e non mi dispiace spendere $ 80 per un ottimo software, quindi sarò onesto e dirò che uso Balsamiq su Pencil. Trovo il flusso di lavoro generale e la facilità d'uso di Balsamiq superiori a quelli di Pencil. Ma Pencil è ancora un ottimo strumento. Se stai cercando un prototipo FOSS, penso che faresti fatica a fare di meglio. Avvia Firefox e vai a dare un'occhiata .

33

Personalmente mi piace fare la prototipazione web-in in Inkscape (programma di disegno grafico vettoriale), è abbastanza semplice da usare e puoi riutilizzare la maggior parte del modello quando stai per realizzare il prodotto finale.

15
LassePoulsen

Prova Glade Interface Designer , un designer di interfacce GTK/Gnome, di solito usato per applicazioni reali, ma potrebbe anche essere usato per prototipi.

10
8128

Consiglio anche l'uso di Inkscape per i modelli. Puoi ottenere alcuni widget di stock da www.openclipart.org (qualcuno dovrebbe caricarne di più!).

Dove lo trovo molto utile è per contrassegnare un'interfaccia utente esistente ... Prendi uno screenshot dell'app, inseriscilo in Inkscape e mettilo su un livello bloccato, quindi fai il tuo disegno su un livello sopra quello per mostrare qualsiasi cambiamento tu abbia bisogno di mostrare.

5
Bryce

Ho già usato Mockingbird per un progetto molto piccolo. http://gomockingbird.com È un client basato sul Web che consente la collaborazione. Apparentemente lascerà la beta e smetterà di essere libero tra qualche giorno.

0
Michael Terry