Transformando uma captura de tela em um protótipo com graals

Question

Estamos começando a projetar um novo produto, e nosso cara da interface do usuário está batendo capturas de tela como se não houvesse amanhã. Nosso chefe, no entanto, quer poder interagir com o site, pois ele pareceria com vários recursos e peles. Eu posso criar recursos simples rapidamente com o Groovy em Grails (ou qualquer uma dúzia de outras opções), mas o que eu não tenho é uma maneira muito rápida de transformar uma imagem em um site interativo. Existe um aplicativo por aí que tira uma imagem, permite -me marcar certas áreas como "a caixa de entrada chamada x vai aqui, este bit é um botão que se submete ao controlador Y" e depois gera algum html que meu chefe pode se movimentar com o E todos nós podemos iterar fora?

Answer 1

Eu apenas usaria http://www.balsamiq.com/products/mockups. Fácil e rápido de usar. Você pode torná -los interativos com bastante facilidade.

Ah, e os chefes adoram essa ferramenta. Eles podem mexer em torno de tudo o que gostam. Devs como isso porque não precisam estar envolvidos em torná -los interativos. O desvantagem é que os desenvolvedores precisam lidar com o fato de que os chefes podem mudar o mundo sem muito esforço.

Comentário ouvido na sala: "Sim, seu cara da interface do usuário deveria estar usando isso e não fazer capturas de tela. Caras da Ui Silly"

Answer 2

Em vez de fazer capturas de tela, existem ferramentas suficientes para criar protótipos reais como Iris, Serena, 10screens etc. Talvez sua pessoa da interface do usuário esteja melhor usá -los, pois o designer e outros poderão alterar os protótipos.

Obrigado Sunil

http://www.10screens.com

Answer 3

Parece uma ótima ideia para um serviço da web. Infelizmente, embora eu não saiba nada que possa traduzir diretamente as capturas de tela dessa maneira, você pode usar Mockups de Balsamiq, Lápis (muito bom, baseado em mozilla), ou Pássaro mimo.