Tiggr: в помощь бизнес-аналитику

+2
Oz

tiggr logo Привет, читатель dev.by. Хотел бы немного попиарить разработку компании (Exadel), в которой я работаю, и т.к. к этому проекту я тоже причастен. Итак, Tiggr - инструмент для прототипирования и создания макетов пользовательских интерфейсов. Начну с перечисления основных фич приложения:

  • Приличный набор контролов. Тут стоит отметить, что в Tiggr с недавних пор помимо десктопных элементов интерфейса, появились UI контролы для мобильных телефонов.
  • Tiggr – это онлайн приложение, поэтому доступ к своему проекту можно получить с любого воркстейшена без установки дополнительного ПО – только браузер.
  • Настраиваемость – у всех контролов есть дополнительные настройки, которые позволят управлять видом, положением и т.п. компонента.
  • Набор контейнеров для формирования лэйаута.
  • Удобный (на мой взгляд) подход для работы с картинками.
  • Поддержка совместной работы: несколько пользователей могут одновременно работать над одним проектом, макетом.
  • Из статических скринов можно получить динамический, кликабельный прототип.
  • Управление пользователями и доступом к проекту.
Расскажу об основных моментах подробнее.

Контролы

Паллета web, десктоп контролов выглядит вот так: https://gotiggr.com/resources/img/features/web-controls-draganddrop.png Паллета мобильных контролов, которая активируется, если на панели свойств выбрать Screen Properties > Screen type > Mobile. https://gotiggr.com/resources/img/features/mobile-controls-palette.png Что примечательно, некоторые контролы динамические. Объясню на примерах: на различных закладках Tab Panel может содержаться различный контент, при этом в режиме создания макета можно переключаться между табами; календарь распахивается и закрывается; комбобокс открывается. Что касается, свойств, допустим, кнопки, то их вполне достаточно для базовых манипуляций. Хотел бы заострить внимание на таких свойствах как Fit и Round Corners. Первое свойство применяется для того, чтобы растянуть контрол по границам контейнера, второе скругляет углы элемента. http://gotiggr.com/views/assets/asset-1720

Лэйаут

Для организации лэйаута, расположения UI элементов на странице, разработчики Tiggr предлагают неплохой набор контейнеров. Для контейнеров отведена отдельная паллета. Паллета включает в себя:
  1. Panel – панель диалогового окна.
  2. Vertical, Horizontal, Flow box – контейнер, располагающий элементы внутри себя вертикально, горизонтально и по порядку ограничиваясь правым краем контейнера.
  3. Grid Panel – позволяет выстроить табличную сетку.
  4. Tab Panel – панель с несколькими закладками.
Кроме горизонтального, вертикального и «потокового» позиционирования, предусмотрено еще абсолютное позиционирование, т.к. как элемент был «брошен», так он и будет располагаться безотносительно к контейнеру и другим элементам.

Поддержка совместной работы

Как же Tiggr может мочь бизнес-аналитику? Ключевая фишка Тигра - это именно коллаборация. В режиме реального времени несколько человек могут просматривать и редактировать один и тот же макет. Для того чтобы добавить пользователей в проект нужно просто прислать им приглашения. Довольно часто бывает, что члены команды работающей, над проектом находятся географически в разных местах. Tiggr позволяет объединить их в одном месте не только для обсуждения, но и для совместного редактирования. По своему опыту скажу, что проще передвинуть, скажем, контрол в определенное место, чем 2 минуты рассказывать, что он должен находиться там то и там. Помимо работы самой команды, Tiggr может служить презентационной «площадкой» в коммуникации команда-заказчик. Устроив презентацию можно на лету договариваться, редактировать макет и не устраивать дополнительную сессию, чтобы уточнить, что мы on the same page после предыдущего митинга. Для улучшения коммуникации в Tiggr есть встроенный чат, хотя я пользовался скайпом для общения и уточнения требований, т.к. голосом всегда быстрее. Конечно, не стоит сужать список людей для которых Tiggr мог бы стать приложением облегчающим жизнь до бизнес-аналитиков – все кто ведет коммуникацию с удаленной командой, заказчиком и т.п. оценят преимущества Tiggr, мне просто хотелось обратить внимание коллег на это приложение :).

Как улучшить UX на стадии разработки требований?

Еще одним достоинством Tiggr является возможность «оживить» статический макет. На такие элементы как кнопка, ссылка и изображение можно «навешивать» переход на другие скрины проекта, таким образом, у вас получается рабочая модель приложения. Для того чтобы сгенерировать прототип, нужно выбрать Open в меню Web Preview. После этого в новой вкладке браузера откроется HTML прототип. Сверху – выпадающее меню, в котором список всех страниц и при помощью которого можно навигировать по страницам.

Ложка дегтя

Минусы от http://analyst.by:

  1. Приложение пока еще не полностью стабильное; при использовании замечен ряд дефектов.
  2. Весьма скромная палитра компонентов, в которую включены только самые основные элементы управления.
  3. Отсутствие некоторых базовых возможностей по редактированию и позиционированию компонентов, что значительно снижает скорость работы с приложением по сравнению с более мощными и общепризнанными инструментами данного назначения.

Сайт: http://gotiggr.com Дополнительная инфа есть еще на блоге: http://blog.gotiggr.com/ Демо видео: gotiggr.com/public/login.seam?cid=60579#tiggr_videos P.S. Картинки большие, поэтому я просто сделал ссылки на них.

+2

Обсуждение

Missing

Господа, а в чем смысл?

Хотите затмить http://balsamiq.com/products/mockups?

Missing-male
+1

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

Missing

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

Missing-male
+2

мне кажется, что html прототипирование и возможность совестной работы являются серьезными конкурентными преимуществами Tiggr-a.

Missing-male

грубо говоря, нарисовать мокап можно и от руки. далее встают вопросы, а что другие думают по поводу этого мокапа? и как бы мне покликать и посмотреть как этот мокап будет себя вести в жизни?

Missing-male
Mutare
– работаю в VolcanoSoft

так таких систем хватает. У вас кстати даже на контрол аннотацию или комментарий повесить нельзя. Или я не нашла, что толку просто в чате внутри?

Missing-male
+1

https://gotiggr.com/public/login.seam?cid=60579#whats_new

Markup palette - целая паллета элемнтов для аннотирования.

Missing-male
tilya
– Бизнес-аналитик в BelPrime

По-поводу совместной работы не работал, но знаю что есть Web-версия бальзамика.

А вот динамические прототипы можно какие угодно делать вплоть до того, что будет у вас кликабельное приложение. Все это динамическое счастье экспортируется в PDF (на мой взгляд удобнее, чем html).

А Axure вообще покроет все, что нужно.

Missing-male
Mutare
– работаю в VolcanoSoft

В Axure единственное, что мне не нравилось, это то, что она не веб. И html, чтобы кому-то показать нужно было заливать куда-то, что не очень удобно.

Missing-male
tilya
– Бизнес-аналитик в BelPrime

Там можно генерировать chm файл, тогда будет одним файлом.

Missing-male
Mutare
– работаю в VolcanoSoft

+2

так, а толку? Мне больше нравятся инструменты под веб, можно дать совместный доступ и все сразу видят, сделанные изменения. А так один файл, или два, его нужно высылать или публиковать куда-то на сервер. А так собственно Axure весьма и весьма крутая штука

Picture_758?1356409819

Интересно, но почему-то не могу найти там "try demo"

Missing-male

"try demo" нет :). можно просто зарегистрироваться, создать проект и играться...

Picture_758?1356409819
+3

Демку желательно делать доступной без регистрации. Какой бы быстрой и легкой ни была регистрация, но это шаг, который отсекает большое количество пользователей (вот меня отсекла, я не стал регистрироваться).

Это в какой-то мере компенсируется наличием видеороликов. Но все равно демка была бы лучше.

Missing-male
+1

Ок. специально для Вас тестовый юзер: tiggr.demo@gmail.com / tiggr123

Picture_758?1356409819
+1

О, пасиб за такую заботу :)

Но это больше вам нужно, чем мне. Впрочем, вам там виднее. Сами, небось, умные )

Missing-male
+2

Спасибо, за совет.

Обязательно учтем, тем более, что это действительно поможет пользователям без лишних усилий ознакомиться с продуктом.

Missing-male

Честно говоря по-моему очень сырой продукт. С комментариями от analytics.by согласна.

Насчет collobaration, можно в hotgloo назначать несколько эдиторов: http://www.hotgloo.com/

Мне в принципе нравится еще http://iplotz.com/ , там есть компоненты и для мобильных.

Честно говоря так и не поняла, в чем фишка-то продукта?

Missing-male

Продукт - пока в бета версии.

http://www.hotgloo.com/ - не смотрел.

iplotz.com - согласен, очень достойная тула.

Missing-male
+1

а в скольких проектах exadel оно используются?

Picture_758?1356409819

Присоединясь к вопросу. Сами-то юзаете?

Missing-male

Не могу точно сказать. я использую на 2х проектах постоянно. Знаю точно, что народ юзает и шлет фидбэк команде разработчиков, но в количественном плане не могу определенно сказать.

Missing-male
+2

)

осталось прикрутить туда ещё что-нить типа

- скрипт движок груви, руби

- флоу движок с браузерным редактором

- бизнес правила (друлс уже имеет браузерный ui)

- кнопку "мне повезёт"

- и большую оранжевую кнопку - "сгенерить приложение по прототипу"

("большая оранжевая кнопка" - это из фольклора раннего эксадела)

Missing-male

- скрипт движок груви, руби

мне кажется было обсуждение добавить какой нибудь скриптовый движок - но не могу сказать на 100%

- флоу движок с браузерным редактором

думаю, что просто карты сайта хватило бы.

E7ed2879678dce548ed44e24815cee11?1401052277

В начале статьи: "Приличный набор контролов."

В конце статьи: "Весьма скромная палитра компонентов".

Missing-male
+5

"Приличный набор контролов". - это от меня, а "Весьма скромная палитра компонентов" - это мнение analyst.by, которое я привел для большей объективности картины.

Missing-male
+1

ещё есть такое http://iplotz.com/

Missing-male
+1

да, iplotz сильный конкурент :)

425430dd6319f7df5899a4626125ae5c?1427577634

привет, у меня всего один вопрос: зачем изобретать велосипед?

Missing-male

мы на самом деле делали уже мопед :)

A5ab7b3fe81d422f20326b8d700a2027?1365455433
Дмитрий Трубников
– UI Visual Designer senior в gDev

+1

а что случилось с Axure, OmniGraffle или Fireworks?


Авторизуйтесь, чтобы оставлять комментарии