С появлением новых устройств типа Tablet PC многие производители ПО начали пересматривать линейку своих продуктов пополняя ее приложениями для тех самых Tablet PC. Так же начали появляться и новые игроки с интересными идеями, призванными изменить привычный подход к тому, как мы все выполняем свои задачи, вне зависимости от профессии.
Одними из таких новичков стала компания Endloop со своим продуктом iMockups.
Первое впечатление от того, что все приходиться делать без какого-либо манипулятора (мыши или клавиатуры) дает понять, что будущее уже рядом и совсем скоро мы сможем работать со всеми приложениями наподобие главных героев из фильма “Особое мнение” (Minority Report), когда все элементы интерфейса проецируются в пространстве, а пользователь легко ими манипулирует при помощи рук.
Рассмотрим поближе, какой же функционал из будущего нам доступен уже сегодня.
Проекты
В iMockups можно создавать неограниченное количество проектов и в каждом из проектов можно создать неограниченное количество страниц.
Связь между страницами организована по средствам гиппер-ссылок. Касательно ссылок понравился тот момент, что есть возможность выделить отдельную область на странице и сделать ее ссылкой, без необходимости выбора какого-либо элемента.
Проекты можно сохранять в формате iMockup, но при этом его можно будет открыть только при помощи iPad. Для того, чтобы сделать проект общедоступным, для просмотра его можно сконвертировать в следующие форматы:
• JPG
• PDF
• BMML (формат, поддерживаемый известным приложением для создания прототипов — “Balsamiq”)
При выборе любого типа экспорта система автоматически создаст письмо с вложенным архивом прототипа, которое можно переслать проектной команде или заказчику. Экспортировать можно как целый проект, так и отдельную страницу.
Страница выбора/создания проекта
Библиотека элементов:
Стандартная библиотека включает в себя набор основных элементов для создания прототипов веб-страниц и iPad/iPhone приложений. Все элементы являются статическими и не поддерживают интерактивность при демонстрации прототипа.
На данный момент существует только одна библиотека и небольшой набор шаблонов (templates), написанных с помощью данной библиотеки. Создатели обещают периодически пополнять набор шаблонов. Если вам не будет хватать существующих элементов — вы с легкостью можете вставить изображение в прототип.
Библиотека элементов
Действия над элементами:
При выборе любого элемента доступны следующие действия:
• Info — открывает дополнительное окно свойств выбранного элемента. Для каждого элемента, разумеется, свои настройки.
Свойства элементов
• Lock — блокирует элемент для последующего изменения. В состоянии “Lock” действие заменяется на “Unlock”.
• Copy — позволяет скопировать элемент для последующей его вставки на любую из страниц любого проекта.
• Clone — создает копию выбранного элемента на той же странице, на которой находится элемент.
• Delete — удаляет элемент.
• Group — объединяет выделенные элементы в группу.
Действия над элементами
Все элементы можно перемещать по странице если на них не выставлен “Lock”, при этом приложение показывает текущие координаты и автоматически “примагничивает” передвигаемый элемент к точкам, которые помогут разместить его с выравниванием по отношению к остальным элементам на прототипе.
Перемещение элементов
Помощь:
Очень удобно сделана страница помощи — это буквально одна страница, на которой расписаны все основные функции системы. Для тех, у кого останутся вопросы есть короткие видео, демонстрирующие работу отдельных функций приложения. Единственным недостатком страницы “Help” является то, что прежде чем она станет доступна, надо создать хотя бы один проект.
Страница “Help”
Чего можно достичь:
После того, как освоишься с приложением, простые прототипы страниц можно создавать довольно быстро. Вот, что с первого раза вышло у меня, потрачено было около трех часов:
Недостатки, которые были замечены при работе:
Я бы не обращал на недостатки особого внимания так, как сама платформа и принцип работы очень молоды и только развиваются. Тем не менее, вот, что было замечено:
1. Нельзя выбрать отдельный элемент, если он объединен в группу элементов
2. Если текст и подложка для элемента имеют примерно одинаковые размеры, то нельзя выбрать подложку, не сдвинув перед этим текст.
3. Нет цветового круга, к тому же количество цветов, которыми можно раскрасить элементы, ограничено 50 цветами.
4. Нет форматирования шрифта; под форматированием в данном случае я имею в виду: курсив, жирный, подчеркнутый.
5. Кнопки для перемещения элементов по прототипу запрятаны в свойства каждого элемента. На мой взгляд, лучше было бы сделать отдельную панель на странице, с помощью которой можно было бы перемещать любой выделенный элемент или группу элементов.
6. Для элементов нельзя выбрать режим отображения “без заливки” и “без контуров”, т.е. у элементов обязательно есть заливка и контур и сделать их прозрачными нельзя.
Заключение:
Конечно, использовать схожего рода приложения в повседневной работе будет довольно сложно и затратно, однако это лишь первые шаги в прототипировании на мобильных устройствах и эти шаги достойны похвалы. Как минимум, ради получения нового опыта рекомендую ознакомиться с приложением всем, у кого есть такая возможность.
Оценка по пятибальной шкале: 5.0
Обзор подготовил: Check
Обсуждение на форуме: http://analyst.by/forum/materialy-saita/imockups-dlya-ipad
