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

Нажмите на картинку, чтобы просмотреть видео

Полная бесплатная версия

Мы все любим бесплатные приложения, особенно если это хорошие бесплатные приложения?? Поэтому мы решили навсегда сделать NinjaMock бесплатным для некоммерческого использования. Это выгодно отличает нас от конкурентов, которые ограничивают свои бесплатные версии или предоставляют только ограниченные по времени пробные версии. Мы решили не накладывать никаких ограничений на функциональность нашего редактора. Бесплатная версия доступна для всех: неограниченное количество страниц в проектах, экспорт в PDF, HTML и PNG, поддержка комментариев, использование мастер-страниц, полная совместная работа в режиме реального времени и т.д.

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

Стиль бумаги

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

Мы осваиваем все тонкости процесса – от эскизного прототипирования до окончательного дизайна. В результате мы достигли совершенства в создании “бумажных” прототипов.

Элементы

Мы поддерживаем следующие платформы:

Пользовательские элементы управления, используемые при создании прототипов, выполняются в виде векторов, но в наши дни это неудивительно. Но есть интересная особенность: все предметы сделаны в NinjaMock. Мы предоставляем основные векторные инструменты, необходимые при создании прототипов, такие как прямоугольник, эллипс, линия, многоугольник, полилиния, кривые Безье и карандаш для рисования от руки.

Для вас это означает, что если вам не хватает элемента или значков, вы можете легко нарисовать их самостоятельно.

 

Нажмите на картинку, чтобы просмотреть видео

 

Изменение масштаба

Мы внедрили уникальную технологию рендеринга с использованием HTML5 canvas, которая позволяет нам выполнять полнофункциональное масштабирование.

Сотрудничество в режиме реального времени

Совместная работа естественна, когда вы работаете с прототипами интерфейсов. И это всегда было частью NinjaMock. Теперь мы обновили эту функцию, чтобы вы могли поделиться холстом и в режиме реального времени добавлять, изменять и просматривать свой проект в своей группе.

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

Комментарии

В Google Docs есть, в частности, отличная функция – Комментарий. Поэтому, разрабатывая аналогичную функциональность в NinjaMock, мы учились на примере Google Docs. В результате у нас теперь есть интуитивно понятный и знакомый способ комментирования во всех прототипах – с поддержкой ответов на комментарии, изменений статуса комментариев, а также уведомлений по электронной почте.

Кроме того, мы добавили возможность прикреплять статус отдельных страниц в вашем проекте (Выполняется, Завершено, Одобрено). Это позволяет вам легко определить, насколько близок к завершению ваш проект.

А на странице обзора проекта вы можете увидеть статус каждого из ваших проектов:

Разделение

В NinjaMock вы можете отправить свой прототип своему клиенту (или кому-то еще), чтобы получить обзор и обратную связь. Вам нужно только открыть доступ к вашему проекту (нажав на кнопку поделиться) и отправить ссылку. А затем мы пошли немного дальше: с помощью сгенерированного QR-кода вы можете запустить прототип приложения прямо на своем устройстве и посмотреть, как оно будет работать.

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

Экспорт и навигация на бумаге

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

NinjaMock имеет возможность экспорта в PDF и PNG, с возможностью печати комментариев и ссылок на странице. Мы называем это “бумажной навигацией”, включая сноску с номером страницы, на которую ведет ссылка.:

 

Организация страниц и проектов

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

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

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

Для проектов в NinjaMock мы воспроизвели опыт работы с файлами на вашем компьютере: проекты можно группировать в папки, папки можно перетаскивать в другие папки и т.д. Это ваша собственная файловая система в облаке!

Команда

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

Это лишь небольшой список того, что может сделать NinjaMock. Если вы хотите узнать больше о приложении – зайдите на сайт и начните создавать прототипы ninjamock.com !

Расскажите нам, что вы думаете

Что вы думаете о NinjaMock? Оставьте нам комментарий или напишите нам по адресу ninjas@ninjamock.com