Следы на снегу - Поскольку хабру мой пост не нужен...

... пишу сюда. Вдруг кому тема интересна и он найдет мой пост через гугл, например. Не пропадать же добру.

Несколько дней назад обнаружил, что вышла публичная бета очередной версии довольно популярного инструмента для создания интерактивных прототипов пользовательских интерфейсов, а именно Axure RP Pro 6.0 для Windows от Axure Software Solutions. Насколько я знаю, новость прошла незамеченной Хабром, и я решил восстановить эту несправедливость и сделать обзор новой версии. Сразу оговорюсь, что полноценный обзор продукта выходит за рамки этого топика. Желающие ознакомится с Axure RP Pro подробнее могут обратиться, например, к этому неплохому обзору. Я же попытаюсь сосредоточиться на новшествах, которые получила версия 6, по сравнению с предыдущей версией 5.6. И, топик больше предназначен для тех, кто уже знаком с этим приложением, нежели для новых пользователей.

1. Первое, что бросается в глаза при открытии новой версии приложения – гораздо более приятный и современный дизайн интерфейса приложения. Полностью обновленный набор иконок, как на панели инструментов, так и на прочих панелях – виджетов, дерева страниц, панели мастеров и т.д. Градиенты и цветовая палитра подобраны превосходно и не так режут глаза, как в предыдущей версии. Общее впечатление довольно приятное. Просто два скриншота, чтобы сравнить 5-ю и 6-ю версии.

2. Одним из самых долгожданных нововведений, по крайней мере для меня, явились так называемые Sketch эффекты, которые позволяют сделать прототип более похожим на набросок, нежели на готовый продукт и заставляют заказчика сконцентрироваться в большей степени на функциональности и компоновке элементов, нежели на том, как они будут выглядеть. Другими словами, абстрагироваться от шрифтов, цветов и толщины линий, которые будут подобраны уже на следующем этапе дизайнером. Параметры этого эффекта задаются для страницы целиком на вкладке “Page Formatting” в окне “Page Properties” (по умолчанию оно находится внизу по центру). Степень того, насколько страница выглядит, как набросок регулируется слайдером (от 0 до 100).

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

3. Guides. Появилась возможность создавать направляющие, к которым "прилипают" расставляемые по странице элементы. Они бывают, как созданные для конкретной страницы, так и глобальные. Глобальные направляющие будут присутствовать на всех страницах, и, ура, больше надо будет, например, позиционировать одно и то же меню на каждой странице «на глазок», он будет на всех страницах ровно в одном и том же месте. Работать с ними достаточно удобно. Можно быстро создать, потянув мышкой верхнюю или левую линейку, или создать руками, указав точные координаты, шаг и т.п.

4. Подсказки при перетаскивании элемента или изменении его размера. Проще всего объяснить, что это такое, приложив скриншот.

5. Format Painter. Как его не хватало до этого! Работает несколько не так, как мы привыкли, но тоже довольно удобно. Выделяем элемент, с которого необходимо скопировать формат, нажимаем на знакомую иконку кисточки на панели инструментов.

В открывшемся окне можно выбрать, какие конкретно параметры мы хотим взять из элемента-источника. Можем тут же изменить, если хотим. К примеру, взять все, как есть, но цвет красный, и добавить к тексту подчеркивание. Кликаем по элементу-приемнику и нажимаем Apply. Окно параметров остается открытым, поэтому можно продолжить и повторить операцию столько раз, сколько нужно.

6. Возможность копипастить аннотации к элементам целиком. Фича была заявлена в анонсе версии, но как это делается, честно говоря, не нашел. Либо не реализовано, либо я плохо искал. Если кто-нибудь найдет, поделитесь пожалуйста.

7. Новый редактор кастомных стилей. Спорное нововведение. Уж не знаю, чем им не угодил старый. Визивиг, который был, кажется мне более наглядным и удобным.

8. А, вот, новый Case Editor достаточно хорош. Расписывать не буду, все понятно на скриншоте. Слева выбираем действие, справа определяем его параметры. Все в одном окошке.

9. Новый графический движок, использующий Windows Presentation Foundation обеспечивает более наглядную продвинутую работу с текстовыми элементами, позволяя, например, задавать Line Spacing.

10. Возможность оперировать стилями для целой страницы. Теперь можно, к примеру, задать цвет фона, или сделать выравнивание всех элементов по центру.

Теперь о нововведениях, которые относятся уже к сгенерированному прототипу.

11. Очень интересная фича, посмотреть которую к сожалению пока не получится. Как написано в анонсе версии доступна она будет только в «расширенной» бете. Это возможность отставлять фидбэки прямо в окне браузера с прототипом. Не знаю, как это будет работать, поэтому просто приведу скриншот с сайта разработчика.

12. В анонсе версии также заявлен запуск тестирования сайта AxShare. Позволяет загрузить и сделать общедоступным или доступным по паролю любой выбранный проект. Размер файла ограничен 5Мб. После загрузки на почту приходит сообщение, содержащее ссылку на сгенерированный проект, который будет храниться на сервере 30 дней. Также в письме содержится ссылка, позволяющая этот проект удалить. В-общем, довольно интересно, но практическая польза пока довольно небольшая, т.к. из моего опыта, любой мало-мальски приличный проект будет занимать гораздо больше 5Мб.

13. Заявлена поддержка анимации перемещения, отображения/скрытия элементов (fading), математические и строковые функции для форм, Drag and Drop.

14. Фича Move With. Те, кто активно создавал в Axure прототипы с высокой степенью интерактивности, оценят пользу этой возможности. Позволяет меньше времени тратить на создание различных схлапывающихся/разворачивающихся элементов. Суть заключается в следующем: мы создаем две динамические панели, одна из которых скрывается/отображается, например, по клику мыши. А вторая панель перемещается в зависимости от высоты (ширины) первой. Накладываем их одна на другую и указываем для второй панели Move With относительно первой.

Результат пытался выложить на AxShare, но, к сожалению, безуспешно, приходило уведомление об ошибке генерации прототипа. Сгенерированный прототип в zip-архиве можно скачать тут.

15. Фича, которую не удалось проверить из-за ошибки в бета-версии - Selection Group для произвольных элементов. По сути, это возможность превратить любой набор элементов в Radio Group. Будет полезным для создания панелей с табами. Работать должно так: выбираем набор элементов (например заголовков табов) и создаем группу. Определяем для каждого таба, как он должен выглядеть в случае, если он выбран. На клик по табу определяем действие, делающее его выбранным. При этом больше не надо определять дополнительные действия, переводящие остальные табы в «не выбранное» состояние. Все элементы из группы будут приводится в это состояние автоматически. Не ахти какая фича, но время должна экономить однозначно.

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

Да, важное замечание. Новая версия не имеет обратной совместимости, т.е. в старой версии Axure вы не сможете открыть файл, созданный в новой.

Анонс версии на английском вы можете найти тут, а скачать Axure RP Pro 6 beta для ознакомления здесь.

В целом, бета работает достаточно стабильно, хотя один раз, тестируя новые фичи, я добился аварийного закрытия приложения. Ну на то она и бета.