@spanarin21 мар 2010 в 12:00

Когда картинка красноречивее 1024 слов – прототипирование с MockingBird

2 мин

7.4K

Веб-разработка *

+121

Комментарии 54

@CB9TOIIIA 21 мар 2010 в 12:23

В принципе хорошенький сервис :) Благодарю

@alexanderr 21 мар 2010 в 15:57

то же Axure только онлайн.

Вот бы сделали что то типо Axure + MS Expression Web

Чтобы можно было создавать динамичные прототипы но просто.

@huze 21 мар 2010 в 12:29

Давно и успешно пользуюсь аналогичным продуктом от Balsamiq. Полнофункциональное демо позволяет прототипировать бесплатно. =)

@LAT85 21 мар 2010 в 12:34

сервис, описанный топикастером мне кажется более удобным

@huze 21 мар 2010 в 12:37

Это замечательно, что сервисы такого рода появляются вновь и вновь! Ведь идея прототипирования лежит на поверхности и каждый с самых младых лет пользуется этим приемом, только потом почему-то забывает. И чем больше таких сервисов, тем лучше!

@Santiago26 21 мар 2010 в 21:28

Чёрт! Спасибо огромное. Думал у них только air-приложение есть.

@huze 21 мар 2010 в 12:30

@huze 21 мар 2010 в 12:31

Хабр сглючило и я ~~бесплатно~~ отправил две копии комментария. Простите. =)

@andreysmind 21 мар 2010 в 12:31

Действительно легко и удобно прототипы делать.

@dima117 21 мар 2010 в 12:35

отличный сервис!

посмотрите еще вот этот: www.balsamiq.com/demos/mockups/Mockups.html

@dima117 21 мар 2010 в 12:37

мм… да… пока писал комментарий, его уже написали за меня :)

@huze 21 мар 2010 в 12:38

=) Да ещё и два раза. Ничего страшного, наши комментарии показывают другим аналоги, что есть хорошее дополнение к статье.

НЛО прилетело и опубликовало эту надпись здесь

@pizzZ 21 мар 2010 в 12:51

А я использую Axure PR. Когда только попробовал, прыгал от счастья, что нашел эту программу. Всем советую. Есть возможность делать динамичные прототипы. Библиотеки часто используемых элементов совсем упрощает разработку.

@spanarin 21 мар 2010 в 13:00

Axure RP

@Vorchun 22 мар 2010 в 12:14

купите, ок?

@project 21 мар 2010 в 13:04

Сервис замечательный, но как быть если прототипами решил позаниматься например в самолете, поезде и т.п. месте где интернет недоступен? Ну ведь согласитесь, что не всегда в командироквке есть не то что быстрый, а вобще интернет.
На самом деле если разработчики сделают интеграцию офлайн программ с онлайн-сервисом.
Кстати, лучше Axure RP пока программ не видел. А учитывая что они недавно выпустили бета версию под Mac OS, то для меня это просто незаменимая программа.

@everzet 21 мар 2010 в 13:12

590$… Как-то слишком дорого для одной программы. Тем более если сравнивать с OmniGraffle за 120$ и большими возможностями.

@project 21 мар 2010 в 13:29

OmniGraffle — это скорее некий аналог MindManager или MS Visio.
Там и даже близко нет возможности создать полнофункциональный HTML прототип, тут-же сделать спецификацию (считай почти ТЗ) в Word… а 590$ по сравнению со стоимостью одного ТЗ у нас в компании, окупиться за счет одного маленького проекта. Кроме того продукты OmniGroup созданы только под MacOS.
Что мне действительно нравится у OmniGroup это OmniPlan… этот продукт во много раз удобнее и презентабельнее MS Project и прочих аналогов.

В общем я считаю что надо идти от задачи. И если вам для того чтобы решить задачу достаточно OmniGraffle, то мне без MindManager и Axure RP никак не обойтись. Поверьте, постоянно пытаюсь найти продукт, который сможет объединить в себе все необходимое и будет кроссплатформенным… пока таких нет.

@Azy 21 мар 2010 в 14:27

ненене, чувак
ты просто не видел konigi.com/tools/omnigraffle-wireframe-stencils

@project 21 мар 2010 в 15:08

Об этом — знаю. Я же указал, что OmniGraffle похожа на Visio.
Я упор сделал на экспорт в HTML и Word… + кросплатформенность.

@BReal 21 мар 2010 в 13:12

Великолепный сервис, но вот Opera…

@FlamingDeth 21 мар 2010 в 13:19

Бальзамик, которым вдохновлялись авторы Mockingbird, вызывает больше доверия, т.к. 1)сделан на более зрелой технологии (AIR vs Cappuccino) и 2)за ним стоит dedicated команда, которая регулярно все обновляет и фиксит, не отвлекаясь на зарабатывание денег в других местах.

НЛО прилетело и опубликовало эту надпись здесь

@Shark 21 мар 2010 в 13:36

Открыл для себя Capuccino. Спасибо вам, автор :)

@yarikus 21 мар 2010 в 13:53

Только сегодня искал что-то подобное, но ничего не понравилось. Потом полез читать хабр и вот оно — удобный онлайновый инструмент. Спасибо автору статьи.

@Lord_Daedra 21 мар 2010 в 14:33

Спасибо, мне было очень интересно узнать про этот сервис.

А какие вообще есть альтернативные инструменты для решения подобных задач?..

@vizlot 21 мар 2010 в 14:50

Вот еще интересный продукт www.coutline.com Вроде бы функциональнее предлагаемого, также бесплатен.

@MindiveR 21 мар 2010 в 15:58

Да, там неплохо и бета-тест бесплатен.
На сайте указано «For Sign Up, please contact us: info@coutline.com». Так вот, кинул вчера вечером заявку туда — на английском с дублированием по-русски. Ответили уже сегодня утром и дали допуск. Ответили, кстати, тоже на двух языках, сказывается язык разработчика :)

@almozavr 21 мар 2010 в 16:48

~~Помотросил и бросил~~ Пользовался.
Могу сказать, что продуманности функционала не хватает, а это тормозит разработку в целом :(

@graphictest 22 мар 2010 в 09:00

Интересно, что именно вам помешало в работе?

@almozavr 22 мар 2010 в 09:45

В основном это косяки в работе. Всего, правда, я уже не припомню (автосохранение, которое не сохраняет порой, съезды при верстке и др.). Да и не хочется кидать камни в сторону пока еще бесплатного продукта — будет развиваться и дорабатываться, будет хорошо, я только за :)

@graphictest 22 мар 2010 в 09:54

Ок. Спасибо. У нас, видимо, не очень налажена связь с нашими пользователями. Обычно, все баги лечатся на месте

@graphictest 22 мар 2010 в 08:59

Я бы не сравнивал эти продукты.
coutline.com предназначен не только для прототипирования, но и для дизайна, документирования и совместной рабты команды.
Дизайн элементов выполняется родными Хтмл-объектами… это дает 100% приблежения макета к оригиналу…
Поэтому там, конечно, нет гламурных виджетов… Тут, что кому нравится.

@syndicut 21 мар 2010 в 14:58

Я пользовался Pencil — это плагин для Firefox, но сейчас вроде появился как standalone приложение.

@Saabolet 21 мар 2010 в 16:08

Должен признать, что очень хороший вариант. Пару коментариев.

1) Нет возможностей Как в Axure работать с Masters. Я например часто их использую. Это группы элементов, которые как в библиотеку сохраняются и могут быть использованы по всему сайту. Естественно можно править их в одном месте и по всему проекту они моментально изменяются. Типовые элементы я выношу именно в мастера. Например шапка с навигацией, элемент списка и т.п. Поскольку часто проект правится, очень удобно когда можно поправить один мастер.

2) Не хватает «заметок» к элементу. А для онлайн проекта самый кайф (чего естественно лишен Axure), когда коллега/клиент добавляют свои комментарии к элементу. Вот здесь это не реализовано. Либо я не разглядел.

3) К сожалению, не отображаются изменения в расшаренном дизайне. Если клиент смотрит, и при этом дизайнер что-то поправил и, разумеется сохранил, клиенту надо перезагрузить страницу.

Т.е. предварительно мысль следующая:

Этот сервис отлично подходит для разработки концепта страниц небольших проектов, с очевидной и не требующих доп. комментариев схемой. Либо для предварительного эскиза прототипа :)

Но, что для меня например, самое ценное — это минимизация (!) интерфейса. Т.е. ничто не отвлекает от главного. Меня, например, часто затягивают фенечки и возможности Axure и вместо того, чтобы додлеать весь проект, начинаю делать из прототипа дизайн :) А тут такое не выйдет.

@mironov_anton 21 мар 2010 в 16:39

Да-да, насчет минимизации в точку.
Когда нужно просто набросать концепт и обсудить по аське, сделали для себя gridpapr.com

@d1p 21 мар 2010 в 17:18

Интересный инструмент.

Расширение функционала планируется?

@mironov_anton 21 мар 2010 в 17:25

Расширение планируется, но так как основные разработчики не зарегистрированы на хабре, то пишите им в feedback.

@d1p 21 мар 2010 в 17:32

Благодарю.

@Vorchun 22 мар 2010 в 12:23

Должен согласится. Masters — этого многим не хватает. По сути — это шаблоны.

Многие Axure используют только для рисования. А ведь его главная сила — интерактивные шаблоны. Показ заказчику не набора картинок, а живого прототипа.

Обидно, что как и с фотошопом, тут стреляют из пушки по воробьм

@Lord_Daedra 21 мар 2010 в 19:18

Весьма интересна вещь, поизучал поближе, вот что у меня получилось (что-то такое напоминающее youtube :-) ) gomockingbird.com/mockingbird/index.html?project=edeaac52706cb1dd9b9cbdb104b94fb14363acc9

но сразу понял один (и большой) недостаток — нет сетки… хочется сетку 960gs и blueprint

Написал в предложениях об этом разработчикам. Хабр, проголосуй, поддержи мой запрос на эту фичу
forums.gomockingbird.com/forums/44049-feedback-feature-requests/suggestions/583007-blueprint-and-960gs-grides-integration?ref=title

@G_A_V 21 мар 2010 в 21:29

Пользуюсь cacoo.com Звучит по русски не очень, но очень приятный в использовании; плюс есть совместная работа.

П.С. Сижу на хабре давно но не дают голосовать, нет кармы :-|

@eugenex15 21 мар 2010 в 21:38

тормозит все это жутко.
но идея впечатляет!

@Snowcore 16 апр 2010 в 12:05

А вы в Chrome попробуйте :)

@eugenex15 22 апр 2010 в 14:25

а я в нем и пробовал!

@Snowcore 22 апр 2010 в 19:52

В Chrome все работает достаточно быстро. Лично я — очень доволен.

@svfedorof 21 мар 2010 в 22:26

Ура! Первая достойная замена мой любимой Axure RP. Будем пробовать в бою. Спасибо.

@devIceMan 22 мар 2010 в 11:10

Действительно отличный сервис. После детального изучения, возможно, буду рекомендовать как замену используемому FlairBuilder. Спасибо автору за статью.

@Vorchun 22 мар 2010 в 12:19

Кто ищет что-то другое, тот найдет много по запросу «online wireframes». Я почти все (на что есть демо или бесплатный тариф) перепробовал. Понравились: iPlotz, Flair Builder и Balsamiq. MockingBird — очень не понравился. Как функционально, так и внешне. Плюс были косяки в Chrome.

Axure не пользуюсь из-за ее цены. Остановился на Pencil. Использую как standalone приложение. Версию 1.1 вполне можно считать рабочей.

@Snowcore 16 апр 2010 в 11:59

Сервис просто обалденный!
Хотелось бы, чтобы была возможность группировать страницы по папкам. Написал разработчикам feature request.

@GRuff 19 мая 2010 в 13:54

а поделитесь ссылкой на свое творение?
и, кстати, есть ли там возможность сеточку кастомовую на фон положить?

Зарегистрируйтесь на Хабре, чтобы оставить комментарий