Статьи

2 инструмента для создания прототипов мобильных приложений

«Для этого есть приложение»

Это цитата, которую вы, вероятно, услышите, когда просите кого-нибудь о помощи в эти дни. Существует приложение практически для всего.

Но как насчет разработчиков и дизайнеров среди нас? Есть ли приложение для этого приложения?

Это другая история …

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

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

Будущее — сегодня

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

Proto.io

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

Вы можете протестировать свои прототипы в приложении-плеере Proto.io для Android и iOS. Это удобный инструмент, и, если он используется правильно, он может улучшить ваш шаг при представлении приложения.

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

Еще одна вещь, которая делает Proto.io великолепным, это простота его инструментов. Вам не нужно быть твердым дизайнером Photoshop, чтобы создавать великолепные прототипы. Вы перетаскиваете различные элементы на экран, добавляете текст, изображения или кнопки и связываетесь с другими экранами.

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

Proto.io

Если вы новичок в службе, вы будете руководствоваться при создании прототипа своего приложения. Proto.io предлагает ресурсы из различных систем и наборов, и вы даже можете создавать анимированные баннеры.

Устанавливать

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

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

Fluid UI

Другой альтернативой прототипированию мобильных приложений является Fluid UI . Как и Proto.io, он поддерживает динамические прототипы мобильных приложений для Android и iOS. С такими клиентами, как Google, Samsung, NASA и eBay, он предлагает функции, которые, как надеется компания, будут отличать сервис от других конкурентов.

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

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

Как и в Proto.io, для Android, iOS, W8 и многих других доступно множество различных элементов интерфейса.

FluidUIPreview

PageSettings

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

Бонус: храповик

Помимо этих решений, Сайед Фазл Рахман написал подробную статью об еще одной альтернативе, которую вы, возможно, не рассматривали, — Рэтчет .

Я не буду вдаваться в подробности, но прочитал его статью о прототипировании в Ratchet, если вам интересно.

Прототипирование верного пути еще?

И Proto.io, и Fluid UI используют два разных подхода в своих сервисах, наиболее заметно в UX. Лично я не могу сказать, что одно лучше другого, поскольку они оба используют разные философии и подходы.

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