Transformer une capture d'écran dans un prototype avec Grails

Question

Nous commençons à concevoir un nouveau produit, et notre type d'interface utilisateur est assommant captures d'écran comme il n'y a pas de lendemain. Notre patron, cependant, veut être en mesure d'interagir réellement avec le site comme il regarderait avec diverses caractéristiques et peaux. Je peux concocter des fonctionnalités simples assez rapidement avec Groovy on Grails (ou tout autre d'une douzaine d'autres options), mais ce que je n'ai pas est vraiment un moyen rapide pour transformer une image dans un site Web interactif. Y at-il une application là-bas qui prend une image, me permet de marquer certaines zones comme « zone de saisie du nom de X va ici, ce bit est un bouton qui soumet au contrôleur Y », puis génère du code HTML que mon patron peut muck autour avec et nous pouvons tous itérer hors de?

Answer 1

Je voudrais simplement utiliser http://www.balsamiq.com/products/mockups . Facile et rapide à utiliser. Vous pouvez les rendre interactifs assez facilement.

Oh et Bosses aiment cet outil. Ils peuvent muck autour de tout ce qu'ils aiment. Devs comme cuz ils ne doivent pas être impliqués avec les rendant interactifs. Le seul inconvénient est devs ne doivent faire face au fait que les Bosses peuvent changer le monde sans trop d'effort.

Commentaire entendu dans la salle: « ya, son mec de l'interface utilisateur devraient utiliser cela et ne pas faire des captures d'écran de l'interface utilisateur gars stupide. »

Answer 2

Au lieu de faire des captures d'écran, il y a assez d'outils pour faire des prototypes réels comme iRise, Serena, 10screens etc. Peut-être que votre personne de l'interface utilisateur est préférable d'utiliser ceux que le concepteur et d'autres seront en mesure de changer les prototypes.

Merci Sunil

http://www.10screens.com

Answer 3

Cela semble être une bonne idée pour un service Web. Malheureusement, alors que je ne sais pas tout ce qui peut traduire directement des captures d'écran de cette façon, vous pouvez utiliser les Mockups de Balsamiq , Crayon ( très agréable, Mozilla basé), ou Mockingbird .