Proto.io Review: гибкий инструмент для создания прототипов

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

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

Чего пока не хватает?

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

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

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

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

Обзор Proto.io: Обзор

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

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

Proto.io

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

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

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

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

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

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

Обзор Proto.io: Особенности

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

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

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

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

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

Proto.io прототип

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

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

Proto.io перетащите

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

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

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

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

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

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

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

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

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

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

Обмен Proto.io

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Особенности Proto.io

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

Proto.io обзор: цены

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

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

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

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

Цены Proto.io

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

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

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

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

Запускать- Стоит $ 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 - достойная платформа, построенная с упором на производительность и масштабируемость. Он достаточно гибок, чтобы поддерживать как простые проекты новичков, так и сложные многослойные проекты корпоративных команд.

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

Богдан Рэнца

Богдан является одним из основателей Inspired Mag, накопив за этот период почти 6-летний опыт. В свободное время он любит изучать классическую музыку и изучать изобразительное искусство. Он тоже одержим исправлениями. У него уже есть 5.