Превращение скриншота в прототип с Grails

Question

Мы начинаем разрабатывать новый продукт, и наш парень из пользовательского интерфейса выбивает скриншоты, как будто нет завтрашнего дня. Однако наш босс хочет иметь возможность взаимодействовать с сайтом так, как он выглядит с различными функциями и оболочками. Я могу довольно быстро создавать простые функции с помощью Groovy on Grails (или любой другой дюжины опций), но у меня нет действительно быстрого способа превратить картинку в интерактивный веб-сайт. Есть ли там приложение, которое берет изображение, позволяет мне пометить определенные области как «здесь вводится поле ввода с именем X, этот бит представляет собой кнопку, которая отправляется на контроллер Y», а затем генерирует некоторый HTML, который мой босс может обойти и мы все можем перебрать?

Answer 1

Я бы просто использовал http://www.balsamiq.com/products/mockups. Легко и быстро использовать. Вы можете сделать их интерактивными довольно легко.

О, и Боссы любят этот инструмент. Они могут обойти все, что им нравится. Разработчикам нравится, потому что они не должны быть вовлечены в то, чтобы сделать их интерактивными. Недостатком является то, что разработчикам приходится иметь дело с тем, что боссы могут изменить мир без особых усилий.

Комментарий, услышанный в комнате: «Да, его парень из пользовательского интерфейса должен использовать это, а не делать скриншоты. Глупые ребята из пользовательского интерфейса»

Answer 2

Вместо создания скриншотов, есть достаточно инструментов для создания реальных прототипов, таких как iRise, Serena, 10screens и т. Д. Возможно, ваш пользовательский интерфейс лучше использовать их, так как и дизайнер, и другие смогут изменять прототипы.

Спасибо Сунил

http://www.10screens.com

Answer 3

Звучит как отличная идея для веб-сервиса. К сожалению, хотя я не знаю ничего, что могло бы напрямую переводить скриншоты таким образом, вы можете использовать Макеты Бальзамика , Карандаш ( очень хорошо, на основе Mozilla), или Пересмешник .