Обзор Proto.io: все, что вам нужно знать

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

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

В этом обзоре мы глубоко погрузимся в Proto.io, чтобы увидеть, оправдывает ли он шумиху. Мы рассмотрим его основные функции, от интуитивного интерфейса drag-and-drop до инструментов совместной работы.

Мы также разберем структуру ценообразования, взвесим все «за» и «против» и поможем вам решить, подходит ли Proto.io для ваших нужд в создании прототипов.

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

Давайте начнем!

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

Что такое Proto.io?

Создано лабораториями Division SNQ Digital, Proto.io существует с 2011, когда он был выпущен в качестве коммерческой веб-платформы, занимающейся разработкой прототипов для iPad и iPhone. Затем он постепенно трансформировался в более динамичную структуру и даже расширился для размещения нескольких устройств.

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

Одним из главных свойств Proto.io является его интуитивно понятный пользовательский интерфейс, который построен с помощью системы перетаскивания, которую можно использовать без кодирования. Уже одно это объясняет, почему он относительно популярен среди кодеров и не кодеров.

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

И, говоря об этом, Proto.io, по-видимому, оптимизирует весь процесс создания прототипов, упрощая несколько слоев на разных экранах. Пользователи также могут импортировать из Sketch или Photoshop, создавать взаимодействия с JavaScript, синхронизировать многочисленные ресурсы с Dropbox и детализировать проекты движений, просматривая анимацию через окно редактора.

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

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

И для начала, вот основные особенности ...

Возможности Proto.io

Создание прототипа

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

К счастью, Proto.io не бросает все на вас. Так что не беспокойтесь, если вы не можете увидеть некоторые важные элементы в начале. По мере того, как вы продолжите работу над проектом, вам будут постепенно доступны дополнительные функциональные возможности и контекстные опции.

Теперь запустить его так же просто, как щелкнуть по новой опции проекта на панели инструментов, назвать ее, выбрать размер экрана и предполагаемый носитель, а затем - вуаля!

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

Для их объединения и тестирования не потребовалось много усилий, поскольку Proto.io построен с функцией предварительного просмотра анимации. К сожалению, я не считаю это предварительным просмотром в реальном времени в режиме 100%, поскольку пользователям необходимо сначала сохранить свои проекты, прежде чем изменения анимации будут отражены в предварительном просмотре.

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

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

Справедливо. Но о каких функциях мы говорим здесь?

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

Итак, куда идут проекты после завершения?

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

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

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

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

Как, спросите вы?

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

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

Но вы знаете, что? Можно пойти дальше, так как Proto.io также поддерживает Usertesting.com и Validately. Включение их должно помочь вам обеспечить всестороннюю, всестороннюю обратную связь от пользователей-прототипов.

И неважно, какие устройства они используют для доступа к предпросмотрам. Система может адаптироваться соответствующим образом как к мобильным, так и к настольным браузерам.

И получите это. Если вы создаете приложение для смартфона, собственный опыт приложений Android и iOS принесет пользу вашим прототипам, продемонстрировав их в той среде, для которой они были разработаны.

Тем не менее, стоит отметить, что Proto.io 6 значительно упростил задачу, предоставив общий доступ одним щелчком. По сути, это означает, что вы можете распространять свой прототип среди членов команды одним щелчком мыши. Как это круто?

Инструменты взаимодействия

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

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

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

Хорошо, но как именно вы их добавляете?

Ну, вы помните, когда мы упоминали, что Proto.io интенсивно использует интерфейс перетаскивания? Итак, угадайте что? Достижение любого результата взаимодействия так же просто, как перетаскивание элементов из значка в компоненты пользовательского интерфейса. Вам не нужно даже одной строки кода.

Поддерживаемые Устройства

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

Теперь предварительный просмотр прототипа - это другая игра с мячом. К счастью, Proto.io не заставляет людей делать это в родной среде, на которой были созданы прототипы.

По сути, это означает, что вы можете показать свое творение всем типам пользователей, независимо от того, какие гаджеты они выберут. Они смогут получить доступ через ПК и мобильные браузеры.

На самом деле, Proto.io даже начал разрабатывать версии для iOS и Android. Они в основном оптимизируют весь опыт рассмотрения прототипов, разработанных для мобильных устройств.

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

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

Кривая обучения

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

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

Тем не менее, вы должны признать, что не требуется много, чтобы освоить типичный интерфейс перетаскивания. Но, в случае, если вы столкнетесь с какими-либо трудностями на этом пути, Proto.io предоставляет подробную документацию, содержащую в основном все о платформе.

Цены на Proto.io

Прежде всего, я был рад обнаружить, что Proto.io предоставляет постоянно бесплатную опцию. К сожалению, он довольно ограничен, поскольку предлагает только:

• предварительный просмотр приложения io
• Хранение 10MB
• Ноль дополнительных рецензентов
• Экраны прототипов 5
• 1 активный проект
• Пользователь 1

Единственный способ обеспечить больше функций - подписаться на один из четырех планов Proto.io. Все они предлагают:

• поддержка по электронной почте
• Шифрование 256-бит
• Импорт эскизов / фотошопов
• Синхронизация Dropbox
• Брендинг
• Экспорт в PDF / PNG / HTML
• Отзывы пользователей в видео-форме на основе Lookback
• Комментарии
• Поделиться
• предварительный просмотр приложений io
• Предварительный просмотр в плеере

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

И вот подробности:

Freelancer- Стоит $ 29 в месяц с ежемесячным выставлением счетов, или $ 24 в месяц с ежегодным выставлением счетов

• Поддерживает пользователя 1
• Предоставляет активные проекты 5

Startup- Стоит $ 49 в месяц с ежемесячным выставлением счетов, или $ 40 в месяц с ежегодным выставлением счетов

• Поддерживает пользователей 2
• Предоставляет активные проекты 10

Агентство- Стоит $ 99 в месяц с ежемесячным выставлением счетов, или $ 80 в месяц с ежегодным выставлением счетов

• Поддерживает пользователей 5
• Предоставляет активные проекты 15

на корпоративном Стоит $ 199 в месяц с ежемесячным выставлением счетов, или $ 160 в месяц с ежегодным выставлением счетов

• Поддерживает пользователей 10
• Предоставляет активные проекты 30

Судя по этим масштабам использования, я бы сказал, что эти планы подходят для частных лиц и малого бизнеса. Крупным предприятиям была предоставлена ​​возможность вести переговоры с Proto.io о индивидуальных пакетах, которые обеспечивают приоритетную поддержку, аналитику, безопасность корпоративного уровня, неограниченные проекты, дополнительных пользователей и многое другое.

Студенты и некоммерческие организации, с другой стороны, могут претендовать на скидку 50%. Все зависит от процесса проверки Proto.io.

Теперь это не плохо. Совсем неплохо. Но мне интересно, основана ли скидка на месячной модели, годовом выставлении счетов или на обоих.

Что ж, если вы не соответствуете требованиям, по крайней мере, вы можете снизить свои расходы примерно на 20% при переходе от ежемесячного к ежегодному выставлению счетов. Кроме того, вы также получаете бесплатный пробный период 15 для проверки всего, когда вы регистрируетесь.

Кто должен рассмотреть возможность использования Proto.io?

Все идет нормально. Но, возможно, неудивительно, что у Proto.io есть немало недостатков.

Рассмотрим редактирование в автономном режиме, например. Хотя похвально, что платформа позволяет пользователям экспортировать прототипы в PDF и HTML, похоже, это как раз то, что нужно, если у вас нет подключения к Интернету. Единственное, что вы сможете сделать, это просмотреть прототип.

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

Говоря о создании прототипов, давайте надеяться, что команда разработчиков в Proto.io серьезно рассмотрит вопрос о внедрении анимаций 3D и предварительных просмотров в реальном времени. В конце концов, это 2019 за громкий крик.

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

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