Girando uno screenshot in un prototipo con Grails

Question

Stiamo iniziando a progettare un nuovo prodotto, e il nostro ragazzo interfaccia utente è buttare giù le immagini di come non c'è domani. Il nostro capo, però, vuole essere in grado di interagire realmente con il sito come sarebbe guardare con varie caratteristiche e le pelli. Posso improvvisare caratteristiche semplici abbastanza rapidamente con Groovy su Grails (o qualsiasi di una dozzina di altre opzioni), ma quello che non ho è un modo molto veloce per trasformare un'immagine in un sito web interattivo. C'è un'applicazione là fuori che prende un'immagine, mi permette di contrassegnare alcune aree come "campo di immissione di nome X va qui, questo bit è un pulsante che invia al controller Y", e quindi genera un po 'di HTML che il mio capo può impazzire con e tutti noi possiamo iterare off di?

Answer 1

Vorrei solo usare http://www.balsamiq.com/products/mockups . Facile e veloce da usare. È possibile renderli interattivi abbastanza facilmente.

Oh, e Bosses amano quello strumento. Essi possono impazzire tutti gli piace. Devs piace cuz che non devono essere coinvolti con rendendoli interattivi. Unico inconveniente è sviluppatori hanno a che fare con il fatto che Bosses possono cambiare il mondo senza molto sforzo.

Commento sentito nella stanza: "ya, il suo ragazzo interfaccia utente dovrebbe usare quello e non fare screenshot ragazzi stupida UI".

Answer 2

Invece di fare screenshot, ci sono abbastanza strumenti per rendere effettivi i prototipi come iRise, Serena, 10screens ecc Forse la vostra persona interfaccia utente è meglio usare quelli come sia il progettista e gli altri saranno in grado di modificare i prototipi.

Grazie Sunil

http://www.10screens.com

Answer 3

Che suona come una grande idea per un servizio web. Purtroppo, mentre io non so di tutto ciò che può direttamente tradurre le immagini in questo modo, è possibile utilizzare Mockups di Balsamiq , matita (molto bello, basato su Mozilla), o Mockingbird .