Прототип мобильного приложения axure: Axure или Sketch: сравнение инструментов проектирования

Содержание

Axure или Sketch: сравнение инструментов проектирования

Спойлер для ленивых: лендинги и сайты-визитки удобно и быстро проектировать в Sketch, более сложные цифровые продукты — в Axure.

Концептуальное проектирование

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


Примерный вид концептуального прототипа в Sketch

Концептуальный прототип легко делается и в Axure и в Sketch. Sketch со своей концепций артбордов на этом этапе кажется даже удобней: на одной странице можно нарисовать общую схему продукта, а затем детализировать артборды как отдельные экраны.

Детализация и базовая интерактивность

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

Концепт и детализация страницы мобильного приложения в Sketch

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

Как раз на этом этапе начинают проявляться различия. Sketch предоставляет несколько больше инструментов для управления внешним видом элементов и, с моей точки зрения, более удобный интерфейс для работы с прототипом. Зато Axure позволяет эффективно моделировать практически любое взаимодействие пользователя с продуктом: всплывающие окна, баннерные карусели, выпадающие меню, динамический контент на странице и т.п.

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

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

Поведение интерактивных элементов на сайте Сбербанка

Точки интерактивности на главной странице сайта Сбербанка

Я сделал таблицу с описанием того, какая интерактивность есть на этой странице и как она реализуется в разном ПО.

ИнтерактивностьРеализация в AxureРеализация в Sketch
Кликабельный элемент (ссылка, кнопка), переход на другую страницуДаДа
Выпадающее главное менюДаВозможно с ограничениями (несколько статичных страниц)
Всплывающее окно поиска с динамической подсказкойДаВозможно с ограничениями (несколько статичных страниц)
Баннерная карусель: через определенное время открывается новый баннерДаНет
При наведении курсора кнопка и текст изменяют цветДаНет
Кнопка вызова чата «плавающая», имеет постоянную позицию на страницеДаНет

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

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

Кстати о спецификации

В Axure к любому элементу интерфейса можно добавить описание. И составить из этих описаний вордовский документ.

Пояснение к элементу интерфейса в прототипе Axure

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

Пояснение к экрану в Sketch

Проектирование адаптивных сайтов

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

Десктопный и мобильный вид главной страницы интернет-банка

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

Переключение между адаптивными версиями одной страницы в Axure

Переключатель адаптивных видов в Axure

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

Десктопная и мобильная версия на двух артбордах в Sketch

Демонстрация и тестирование прототипов

И вот прототип готов. Нужно показать его заказчику, получить согласование, а затем провести тестирование на пользователях.

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

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

Демонстрация прототипа приложения из Sketch Cloud. Панели инструментов браузера и уменьшение масштаба искажают восприятие прототипа.

У Axure для демонстрации прототипов на смартфонах есть приложение для iOS и Андроид. Так можно тестировать прототипы приложений без лишних панелей браузера.

Скриншоты приложения Axure Share

Учитывая возможности для создания интерактивности и для демонстрации, прототипы Axure значительно лучше для тестирования на реальных пользователях и предпочтительней для показа прототипов заказчикам.

Передача дизайна верстальщикам и разработчикам

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

Здесь безусловное преимущество у Sketch: он содержит все необходимые инструменты для экспорта графики в разработку.

Панель инструментов экспорта в Sketch

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

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

Окно Axure для публикации прототипа в формате HTML

Изменения и коллективная работа

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

Обычно опытный пользователь сохраняет предыдущие версии файла, чтобы можно было вернуться к ним при необходимости. Разумеется, так можно делать и в Axure, и в Sketch.

Однако в Axure историю проекта можно ещё сохранять, используя «групповые проекты». Правки фиксируются при каждом изменении страницы и в результате можно вернуться практически к любому предыдущему состоянию прототипа. В больших длительных проектах такая функция очень полезна.

Список точек сохранения проекта в Axure. Можно вернуться к любой точке и восстановить состояние прототипа.

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

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

Резюме

Если выбирать между Axure и Sketch один инструмент для прототипирования, то это Axure.

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

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

Пока, насколько я знаю, в компаниях, где необходим полный цикл разработки, используют различные комбинации продуктов для проектирования. Например, в одном крупном банке прототипы первоначально делают в Axure. После тестирований прототип передается дизайнерам, которые отрисовывают состояния прототипа в Sketch (или Photoshop). Разработчикам передается прототип в Axure и дизайн в виде статичных картинок. Еще в одной компании, занимающейся системами документооборота, первые этапы проектирования происходят в Figma, а затем прототип перерисовывается в Axure для тестирования на пользователях. Также встречается способ выгрузки прототипов Sketch в Invision для добавления интерактивности и тестирований.

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

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

Приложение

Сравнительная таблица

ФункцияAxureSketch
Удобство интерфейса (экспертно)ХорошоОтлично
Несколько страниц на холсте, быстрый переход между страницамиНетЕсть
Возможности работы с графикойУдовлетворительноОтлично
Интерактивность прототипаОтличноУдовлетворительно
Разработка адаптивных прототиповХорошоУдовлетворительно
Возможности демонстрации и тестирования прототиповОтличноУдовлетворительно
Спецификация прототиповОтличноУдовлетворительно
Передача графических материалов верстальщикам и разработчикамУдовлетворительноОтлично
Сохранение версий (история)Автоматически (в коллективных проектах)Вручную
Коллективная работаВозможнаНет

8 ресурсов для создания прототипа мобильного приложения

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

 

изображение dosarrest.com

 

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

 

2. Axure — программное обеспечение для создания прототипов и спецификаций веб-сайтов и приложений. Одним из главных достоинств программы является возможность программирования поведения кнопок, текстовых полей, панелей и прочих виджетов, вследствие чего получившиеся макеты или прототипы приближены к окончательному результату и доступны для тестирования.

 

3. Wirefy — это CSS/JS-платформа для быстрого создания адаптивных и кросс-браузерных шаблонов структурных схем таблиц. Платформа включает стили для всех современных элементов веб-дизайна вроде шрифтов, сеток, таблиц, изображений, форм, кнопок, пагинации, слайд-шоу и многого другого.

 

4. UXPin — инструмент прототипирования с широкими для этого возможностями и большой библиотекой ресурсов и шаблонов.

 

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

 

6. Mockingbird — это сервис для создания мокапов. Позволяет создавать и обмениваться интерактивными проектами. Есть экспорт в PDF или PNG конструкций. Этот сервис отличается тем, что помогает быстрее поделиться готовым макетом. Доступен набор шаблонов, но он годится только для отрисовки веб-приложений.

 

7. Balsamiq Mockups — это сервис для построения макетов пользовательских интерфейсов веб-сайтов, мобильных приложений и обычных программ.

 

8. WireFrame — минималистичный онлайн-сервис для рисования вайрфреймов обычных и мобильных экранов.

 

Перепечатка статьи допускается только при указании активной ссылки на сайт itmentor.by

 

Читайте также

Как лучше монетизировать мобильное приложение?

5 советов разработчикам своих мобильных приложений

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

 

10 инструментов прототипирования для дизайнеров в 2021 году

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

Собрали 10 лучших инструментов, которые помогут UI/UX дизайнерам разработать идеальный интерактивный прототип интерфейса.

Adobe XD

Adobe XD – одно из самых популярных приложений среди дизайнеров UI / UX для создания прототипов, создания каркасов, интерактивных прототипов, дизайна веб-сайтов, игр, мобильных приложений, голосовых интерфейсов и многого другого.


Marvel

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


Axure RP

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


InVision

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


Framer

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


Figma

Figma  – это комплексное решение, состоящее из мощных современных функций, где команда может совместно создавать гибкий и доступный дизайн от начала до конца. Дополнительные функции включают плагины, такие как Figmotion и Autoflow, а также наличие Arc Tool и Vector Networks.


Justinmind

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


Origami.studio

Origami уже прошла долгий путь с тех пор, как его разработали и использовали дизайнеры Facebook. Она заняла видное место среди существующих решений для прототипирования, и эта взаимосвязь также способствует созданию таких известных приложений, как Messenger и Twitter. Origami оснащена готовыми компонентами, которые дизайнеры могут использовать для создания сложных прототипов. Он в основном концентрируется на мощных анимациях и имеет функции «экспорта кода», которые позволяют преобразовывать визуальный дизайн в письменный код.


Sketch

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


Webflow

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

Источник: UX Booth

Futureinapps — Блог

facebookinstagramtwitterlogo-biglogo-smallРУС/ENGГлавнаяПодкастУслугиПроектыБлогО насКонтактыЗаказать

Блог

searchplayCreated with SketchСмотреть#DIGITALРАЗБОР: Выпуск 1. Базовый анализ и разбор Instagram аккаунтов трех разных ресторанов РоссииОсновная цель создания этого контента — объяснить доступным языком рядовым предпринимателям и начинающих digital специалистам, как правильно использовать те или иные инструменты digital сферы #digitalразборЧитатьВсе дело в ссылках! В чем отличие внутренней, внешней и обратной ссылок?Именно благодаря ссылкам интернет такой, какой он есть. Они и есть те самые дороги и мосты ко всему контенту, который мы знаем и любим. Но на самом деле ссылки имеют множество видов и типов, и между ними конечно же есть существенная разница… #seo продвижениеЧитатьUX-дизайн. Как создать дизайн, ориентированный на человека?Дизайн, ориентированный на человека — это совсем не тренд, а реальная необходимость современного мира… #ux дизайнЧитатьКак повысить производительность бизнеса в 2020 году?На протяжении последних лет мир развивается с пугающей скоростью. С помощью технологий теперь стало возможно объединяться в команды и при этом находиться друг от друга на расстоянии свыше десяти тысяч километров… #полезное бизнесуЧитатьМаркетинговая воронка и Воронка продаж. Как работают и чем отличаются?Обе воронки должны работать вместе, чтобы собрать как можно больше потенциальных клиентов (маркетинговая воронка), вести и выращивать своих потенциальных клиентов (обе воронки), и затем превратить их в клиентов (воронка продаж). Но на этом работа… #интернет-маркетинг#digital-маркетингЧитать14 лучших SEO-плагинов для WordPress в 2020 году Вы потратили много времени для того, чтобы создать безупречный на ваш взгляд сайт, долго работали над контентом и наконец запустили его. А теперь сидите и ждете: «у меня получился такой хороший сайт, наверняка будет много посетителей и клиентов»… #seo оптимизация#wordpress#seo продвижениеЧитать25 составляющих контента, влияющих на разум и эмоцииИсследования показали, что разум и эмоции играют определенную роль в принятии решений. Разум влияет на мотивацию и поведение, вызывая чувства, которые как раз и движут мотивацией и поведением. Вот пример. Допустим, вы собираетесь съесть… #интернет-маркетингЧитатьКак IT-компаниям восстановиться после COVID-19?Затянувшаяся пандемия коронавируса и изоляция, связанная с ней, уже нанесли серьезный урон мировой экономике. Крупнейшие предприятия разоряются, сокращают штат сотрудников и урезают заработную плату #коронавирусЧитать8 способов создания лендинга с высокой конверсиейКаждый хочет иметь красивый и продающий лендинг. Так почему же некоторые лендинги не дают конверсий? Пришло время выяснить и устранить ошибки #сайты для бизнесаЧитать9 способов развить e-commerce стратегию во время COVID-19Люди еще долго будут помнить, как бизнес пытался выжить во время вспышки коронавируса. Поэтому именно сейчас, в этот непростой период, вам стоит пересмотреть свою маркетинговую стратегию, ориентированную на клиента… #e-commerceЧитатьНеcтандартные способы генерации лидов с помощью социальных сетейСоциальные сети, если вы их еще не используете, — это и есть, так называемая, золотая жила для повышения ваших лидов. Присутствие в популярных соцсетях, таких как Instagram или Twitter, — это только первый шаг #smmЧитать4 способа использовать TikTok для бизнесаTikTok – это новейшая тенденция в социальных сетях: более 1,5 миллиардов загрузок в App Store и Google Play и более 500 миллионов активных пользователей ежемесячно #smm#tiktokЧитатьКакое будущее ждет разработку мобильных приложений?Время летит. Тренды приходят, тренды уходят. Приходят новые технологии. И, вероятно, что-то из этого станет нормой, а что-то – устареет. Но разработка мобильных приложений… #создание мобильных приложений#разработка мобильных приложенийЧитатьКак сегментировать свою целевую аудиторию? 11 свежих идейДавайте разберемся на какие сегменты можно поделить целевую аудиторию. Но прежде всего нужно понять зачем вообще нам нужна эта сегментация… #интернет-маркетингЧитать25 фишек для привлечения аудитории с помощью рекламыКак компания может привлечь потенциальных клиентов, если холодные звонки и email-рассылка уже не действуют? Перед вами подборка 25 актуальных фишек для привлечения аудитории с помощью рекламы #интернет-маркетингСтраница 1 из 26right2021 © Futureinapps. Все права защищены

Программа для прототипирования сайтов на русском

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

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

Marvel

Золотая середина в плане богатства функциональных возможностей и лёгкости освоения. Программа поможет вам сделать очень классный постраничный прототип. В ней вы сможете закрепить навбар и таббар и листать контент внутри, а плагин Marvel для Sketch позволяет импортировать макет из Sketch в Marvel. Но при этом в программе можно накидать дизайн с помощью внутренней «дизайн-студии». Здесь даже есть функции послойного прототипирования, хотя полноценными их назвать трудно.

У инструмента есть своё мобильное приложение, где можно быстро накидать дизайн и запрототипировать его.

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

Минусы: нет удобных символов (как, например, в InVision) и разных состояний экранов. На десктопе приложение работает только в вебе.

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

Цена: бесплатно — для двух проектов, больше — 14 $.

POP App

Это был первый сервис для прототипирования, с которой я познакомился. Она позиционирует себя как простой инструмент для работы даже с очень сырым макетом. Вы прикидываете на бумаге, как будут выглядеть экраны в вашем приложении, фотографируете наброски и обрабатываете с помощью POP App. Объекты интерфейса, которые должны быть интерактивными, можно выделить и связать с другими объектами и экранами; например, кнопка login связывается с экраном регистрации. В итоге у вас получается быстрый прототип, экраны которого нарисованы на бумаге в буквальном смысле. Но вместо ручных эскизов вы можете использовать и макеты, созданные в графических редакторах.

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

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

Как показать прототип заказчику или пользователю: попросить его поставить на свой девайс специальное приложение.

Цена: бесплатно для двух проектов и одного пользователя. Создать в POP App больше проектов можно, заплатив от 12 $ в месяц.

Эта программа для прототипирования интерфейса более продвинутая, чем Marvel, и позиционирует она себя как инструмент для профессионалов. У программы есть плагин для Sketch — Craft, который позволяет превращать в прототип прямо в Sketch, без отрыва от производства. Среди других бонусов быстрая подстановка шаблонов имён, заголовков, дат и текстов. Например, в макете вам нужно быстро представить кучу разных имён, тогда вы выделяете нужные слои и нажимаете соответствующую кнопку в плагине, и вуаля, плагин сам подставляет рандомный контент. Этот же плагин даёт возможность использовать фото с бесплатного стока Unsplash. Сделать дизайн прямо в InVision пока не получится, но, по слухам, скоро появится и такая возможность.

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

Плюсы: удобные комментарии к прототипам — можно прямо в чате обсуждать ту или иную функцию. Также недавно появилась возможность «инспектить» макет: разработчик может посмотреть размеры объектов в прототипе, расстояние между ними и так далее — прямо как в Zeplin. А ещё есть возможность совместной работы и менеджер задач, похожий на Trello.

Минусы: после Marvel интерфейс InVision не самый удобный. Чтобы выбрать нужный экран, нужно долго искать его в списке, то есть предварительно нужно запоминать название. А если экранов больше 50, это превращается в сущий ад.

Как показать прототип заказчику или пользователю. Показывать прототип пользователю можно также через мобильное приложение.

Цена: бесплатно навсегда.

Origami Studio от Facebook

На фоне вышеописанных программ для прототипирования приложений интерфейс Origami Studio самый сложный. Работает инструмент только на Mac и только с аккаунтом разработчика Apple. К программе можно подключить очень много патчей, что расширяет её возможности, но разобраться в них без туториала сложно.

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

Как показать прототип заказчику или пользователю. Это ещё одно слабое место редактора. Чтобы пользователь смог посмотреть прототип, у него тоже должен быть установлен Origami, что требует наличия Mac и аккаунта разработчика.

Цена: бесплатный навсегда, но для установки нужен аккаунт разработчика Apple (который тоже можно зарегистрировать бесплатно).

Другие бесплатные программы для прототипирования

Atomic

Цена: бесплатно для одного проекта; 19 $ в месяц для неограниченного количества проектов; 99 $ в месяц, если программой пользуется команда до пяти человек, от 145 $ в месяц, если больше.

Adobe XD

RapidUI

Цена: бесплатно, и это тоже .

Webflow

Цена: бесплатно для двух проектов. Для десяти — 16 $ в месяц, за 35 $ в месяц можно получить неограниченный доступ. Эти цены не включают стоимость поддержки хостинга и действуют, если вы платите за год использования.

MockFlow

бесплатно для одного проекта. Лимит в количестве проектов снимается за 14 $ в месяц. Для команд подписка стоит от 29 $ в месяц.

MOCKUP.IO

Заключение

Прототипирование — обязательный этап при создании дизайна в компании Лайв Тайпинг. После того как прототип утверждён, мы создаём макет, который идёт в разработку (подробнее о смысле этого этапа мы писали в нашей статье «Как мы делаем проекты: проектирование и прототипирование»). И это только начало работы над вашим проектом, но очень важное. Подробно о каждом этапе создания мобильного приложения вы можете на нашей бесплатной консультации. Расскажите о своём проекте в форме заявки, и мы вам позвоним.

Читайте этот пост на английском языке

Поделиться этим постом

Перед началом работы над созданием сайта необходимо визуализировать для разработчиков его структуру. Гораздо удобнее делать это в специальных программах с помощью готовых шаблонов. Этой подборкой мы начнём серию полезных списков инструментов для маркетологов и оптимизаторов в частности.

В этом посте я собрала для вас 10 сервисов и программ, которые, на наш взгляд, способны значительно упростить вашу работу при создании структуры сайта 😉

1. Cacoo

Бесплатная версия: есть, 14-дневный пробный период.

Удобный сервис, с помощью которого можно создавать профессиональные диаграммы для проекта. Кроме того, Cacoo поддерживает командную работу, а значит можно комментировать действия коллег и править общие проекты, как в Google Docs. Из множества шаблонов выбирайте карту сайта и начинайте работу 😉

2. XMind

Бесплатная версия: есть.

Платформа: Windows, а также версия, адаптированная для работы со смартфонами на iOS.

Десктопное приложение для создания карты сайта. Лёгкий для понимания пользовательский интерфейс делает работу с XMind максимально простой и удобной. Можно изобразить структуру сайта, используя разнообразные виды разделов и подразделов. Юзеры рекомендуют завести аккаунт на сайте программы и сохранять все документы в облаке.

3. Mockingbird

Бесплатная версия: есть.

Mockingbird — это программа для создания прототипов сайтов или приложений. Даёт возможность предварительно просматривать, связывать и передавать созданные проекты для совместной работы с командой. Экспорт проектов доступен в форматах PNG и PDF.

4. Gliffy

Бесплатная версия: есть.

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

5. Creately

Бесплатная версия: есть, 30-дневный пробный период.

Платформа: онлайн, Mac OS X, Linux, Windows, а также для смартфонов на iOS и Android.

С помощью Creately можно одновременно вести несколько проектов. Инструмент даёт возможность работать онлайн совместно с командой. Используйте множество диаграмм, макетов и схем для создания структуры сайта. Кроме того, инструмент рекомендуют для выполнения заданий на курсах «База данных» и «Веб-дизайн».

6. Axure

Бесплатная версия: есть, 30-дневный пробный период.

Платформа: Windows, Mac OS.

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

7. FlairBuilder

Бесплатная версия: есть, 15-дневный пробный период.

Платформа: Windows, Mac OS.

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

8. NinjaMock

Бесплатная версия: есть.

Платформа: Windows, Mac OS.

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

9.

Moqups

Бесплатная версия: есть, 1 проект до 300 объектов и 5 Mбайт.

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

10. LucidChart

Бесплатная версия: есть.

Разработчики LucidChart делают акцент на юзабилити программы — вам не потребуется смотреть обучающие ролики или читать гайды, нужно просто начать работать 😉 С помощью системы комментирования можно совместно работать онлайн над одним проектом.

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

Время чтения: 6 минут Нет времени читать? Нет времени?

Необходимость использования прототипов при создании сайта начала активно обсуждаться несколько лет назад. Постепенно наметился отход от схемы «дизайнер рисует макет – программист прикручивает к нему код».

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

Для удобства мы свели всю информацию в отдельную таблицу, в которой сравнили сервисы по следующим параметрам:

  • Язык – язык интерфейса;
  • Бесплатный тариф – наличие бесплатного тарифа или пробной версии;
  • Самый дешевый тариф – стоимость самого дешевого тарифа или лицензии;
  • Особенности – отличительные «фишки» инструмента;
  • Интеграции – возможные интеграции с другими сервисами;
  • Скачиваемое приложение / веб-версия – некоторые из сервисов представляют из себя скачиваемые программы, некоторые работают прямо в браузере, а некоторые доступны в двух вариантах. В таблице указано наличие онлайн-версии / скачиваемого приложения и поддерживаемые ОС для каждого инструмента;
  • Мобильное приложение – наличие мобильного приложения для предпросмотра прототипов;
  • Техподдержка – возможные способы связи с технической поддержкой сервиса;
  • Клиенты – список самых известных клиентов.

Чтобы скачать таблицу, кликните на скриншот ниже.

1. Axure

Axure – крупнейшее и наиболее известное приложение для прототипирования, позволяет создавать высококачественные прототипы сайтов и мобильных приложений. Обладает широким функционалом с большим набором инструментов. Требует установки софта на ПК, онлайн-версия недоступна. Работает с Windows и macOS.

2. Origami Studio

Origami Studio – полностью бесплатное удобное приложение от Facebook. Работает с macOS. Синхронизуется с Sketch. У приложения есть сообщество на Facebook, где пользователи могут делиться своими прототипами, обсуждать их создание и помогать друг другу.

3. Proto.io

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

4. Vectr

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

5. InVision

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

6. Adobe Experience Design

Adobe Experience Design входит в пакет Creative Suite от Adobe и синхронизируется со многими сервисами из этого пакета. Главные особенности: быстрый переход из прототипа в приложение, возможность моментально посмотреть изменения в прототипе на мобильных устройствах. Главный минус – десктопное приложение доступно только для Windows 10.

7. Principle

Principle отлично подходит для создания анимированных прототипов. Приложение доступно только для Mac.

8. Just in mind

Главное преимущество Just in mind состоит в том, что в сервисе доступно множество элементов и жестов, а также готовые шаблоны прототипов.

9. Moqups

Moqups – еще один достаточно популярный сервис для создания прототипов. Главная особенность – неограниченное количество пользователей на платных тарифах.

10. Marvel

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

11. Mockplus

Основная «фишка» Mockplus – возможность просматривать прототипы на мобильных устройствах, сканируя QR-код, 3000 иконок в платных тарифах.

12. UXPin

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

13. Flinto

Flinto – сервис прототипированния, в котором есть готовые шаблоны для самых распространенных разрешений мобильных устройств, а также встроенные анимации переходов в приложениях на Android и iOS.

14. Sketch

Sketch – знаменитый инструмент создан эксклюзивно для Mac, так что он лучше всего подойдет для создания прототипов для приложений на iOS.

15. OmniGraffle

OmniGraffle доступен только для Mac и iOS, причем лицензии приобретаются отдельно. Сам сервис является мультиинструментом, и создание прототипов – не самая главная его функция.

16. Pidoco

Главная особенность Pidoco – интуитивный drag’n’drop интерфейс, совместная работа над проектом.

17. Mockingbird

Mockingbird – простой сервис для создания несложных прототипов. Если вам нужно быстро создать базовый прототип, то, вполне возможно, Mockingbird вам подойдет.

18. iPlotz

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

19. Proto Share

В платных тарифах Proto Share можно создавать бесконечное количество проектов. Кроме того, у сервиса очень долгий триал-период – целых 30 дней.

20. MockFlow

Самый дешевый тариф Mockflow стоит всего $14 / месяц, при этом в лицензию входит множество инструментов, в том числе для создания сайтов и баннеров, а также сервис совместной работы над дизайн-проектами.

21. Mockup Builder

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

Прототип – незаменимый инструмент при разработке сайта

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

25 бесплатных инструментов для мокапов и вайрфреймов в 2020 году. Часть 1

Автор: Елизавета Гуменюк Рейтинг топика: +1 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

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

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

Frame Box

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

Wireframe.cc

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

Mockplus

Mockplus — это быстрый инструмент вайрфрейминга, созданный активно развивающимся стартапом Jongde Software LLC. Это настольное приложение может быть использовано для создания прототипов для любых мобильных и веб-приложений. Mockplus действительно хороший выбор для пользователей с любым уровнем опыта, благодаря простоте использования и чистому интерфейсу. Если вы хотите создать интерактивные прототипы за минимальное время, вы не можете пройти мимо Mockplus. Говорят, что команда разработчиков работает над V2. 1. Новая версия Mockplus будет поставляться с набором предварительно разработанных интерактивных компонентов, таких как всплывающее меню, карусель изображений и т. д., Которые позволят вам создавать интерактивные прототипы с помощью простого перетаскивания.

Wirefy

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

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

Pencil Project

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

iPhone Mockup

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

UXPin

UXPin — это известное имя в индустрии веб-дизайна, их инструмент для создания вайрфремов и прототипов помог изменить жизнь многих веб-проектов. Дизайн приложения безупречен, список возможностей огромен, а современные дизайнеры по достоинству оценят возможность импортировать файлы дизайна непосредственно из Photoshop и Sketch в UXPin. Инструмент предоставляет настраиваемые библиотеки пользовательского интерфейса, которые варьируются от iOS до Android и не только! Это действительно похоже на уникальный опыт вайрфрейминга, и у вас есть 30 дней бесплатного использования.

Balsamiq

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

Axure

Платформа Axure является одним из наиболее универсальных автономных приложений, которые предоставляют широкий спектр функций и позволяют создавать следующие компоненты:

  • Макеты
  • Вайрфреймы
  • Блок-схемы
  • Прототипы
  • Веб-дизайн
  • Презентационные слайды
  • Макеты iPhone
  • Макеты iPad
Adobe Xd

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

Pidoco

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

Cacoo

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

Jumpchart

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

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

MockFlow

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

Продолжение следует…

Всем успешной работы и творчества!

Как сделать прототип веб-страницы: 15 лучших сервисов | Академия Лидогенерации | Официальный сайт

Бывает, что надо быстро создать посадочную страницу или лендинг. Любой лендинг начинается с прототипа (иногда его называют макетом). Прототип — это план-схема, где указаны основные блоки и элементы страницы. Вы рисуете его, отдаете дизайнеру и верстальщику — а они создают сайт.

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


Так может выглядеть прототип страницы

Moqups

Сайт: moqups.com

Язык: английский

Цена: от $13 в месяц

Бесплатная версия: есть, включает 1 прототип весом до 5 Мб

Moqups — классический инструмент прототипирования, который работает в браузере. Здесь много готовых элементов: фигур, иконок, схематичных изображений. Все они детально прорисованы. Например, формы подписки выглядят, почти как на готовом сайте. А еще можно загружать свои изображения и иконки.


Так выглядит элементарный прототип в Moqups

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

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

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

Balsamiq Mockups

Сайт: balsamiq.com/products/mockups

Язык: английский

Цена: $ 89 для локальной версии; от $ 12 в месяц в облаке; $ 5 в месяц за расширение для Google Chrome

Бесплатная версия: 30 дней во всех вариантах, полнофункциональная

Balsamiq Mockups можно установить на компьютер или открыть в браузере. Еще есть расширение Balsamiq Wireframes для Google Chrome. С расширением можно создавать эскизы сразу на Гугл Диске.

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


В отличие от обычного Moqups, меню элементов здесь горизонтальное
и расположено сверху, а не слева

Внутри лежит очень много кнопок, форм и других элементов (в платных тарифах — более 3000). Все это нарисовано в нарочито небрежном стиле, словно от руки. Если вам не нравится такой стиль — можно отключить его и заменить более строгим. Как и Moqups, Balsamiq легко освоить.

Готовый прототип вы скачиваете в формате PNG или PDF.

Mockplus

Сайт: mockplus.com

Язык: английский

Цена: $ 199 в год или $ 399 единоразово

Бесплатная версия: 8 дней, без ограничений

Mockplus мало отличается по функционалу от от обоих «Мокапсов». Здесь много эскизных элементов (около 3000) и интуитивный интерфейс. Есть версия для мобильных устройств — под iOS и Android. Можно рисовать прототипы на ноутбуке, с планшета или Айфона.

Перед созданием эскиза вы выбираете размер в соответствии с назначением. Делайте прототип для обычной web-версии или специально под мобайл.


Можно выбрать стандартное разрешение (например, 1024х1366 для iPad Pro)
или установить нужный размер

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


В Mockplus получаются понятные симпатичные прототипы

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

Pidoco

Сайт: pidoco.com

Язык: английский

Цена: от $12 в месяц

Бесплатная версия: 31 день

Сервис хорош простотой. Шаблонов и элементов там немного (по сравнению с другими сервисами). Интерфейс интуитивный — в Pidoco разобраться легче, чем в любом другом сервисе. Открываете и сразу работаете. Он хорош для новичков: минималистичное меню, легкое управление, месяц бесплатного пользования.


Здесь тоже можно делать прототипы обычных веб-страниц, мобильных версий сайтов или мобильных же приложений под разные устройства

Интересно, что есть несколько уже «собранных» прототипов:


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

Axure

Сайт: axure. com

Язык: английский

Цена: от $29 в месяц либо $495 единоразово

Бесплатная версия: 30 дней, без ограничений

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

Axure подходит для продвинутых пользователей. Им пользуются UI-дизайнеры и проектировщики интерфейсов. У него самый богатый функционал, но и стоит сервис дороже прочих.


Начало работы с Axure

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

WireframeSketcher

Сайт: wireframesketcher.com

Язык: английский

Цена: $ 99 единоразово

Бесплатная версия: 14 дней, без ограничений

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


Слева — панель настройки отдельных элементов, справа — склад этих элементов

Помимо Windows и Mac, сервис работает на операционной системе Linux (в отличие от большинства других). Есть режимы скетч — «набросок от руки» — и обычный. Можно делать интерактивные прототипы на несколько страниц (для комплексных сайтов).

Из минусов — «тяжелый», визуально устаревший интерфейс. К нему надо привыкать.

Ninjamock

Сайт: ninjamock.com

Язык: английский

Цена: от $10 в месяц (либо бесплатно, но эскизы будут видны другим пользователям)

Бесплатная версия: есть

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


Рабочая область Ninjamock

Освоиться можно за пару минут. Все элементы расположены в левой части, в основном меню ничего лишнего. Выбирайте нужную фигуру или текстовое поле, перетаскивайте мышкой и изменяйте, как захочется. Все это — в том же стиле «набросок от руки».

Ninjamock работает только в браузере — десктопной версии нет.

PowerMockup

Сайт: powermockup.com

Язык: английский

Цена: от $60 (единоразово)

Бесплатная версия: есть, ограничена по функционалу

Этот сервис расширяет возможности стандартного PowerPoint (из пакета Microsoft Office). Устанавливаете — и в PowerPoint появляется вкладка PowerMockup.

Решение интересное, но пробная версия почти бесполезна. Там очень мало доступных элементов прототипа. Чтобы пользоваться сервисом полноценно, надо заплатить 60 долларов.

Iplotz

Сайт: iplotz. com

Язык: английский

Цена: от $15 в месяц

Бесплатная версия: есть

У Iplotz есть полноценная бесплатная версия для Windows, Mac и мобильных устройств на Android. Ограничения небольшие: можно работать только с одним проектом (максимум на 5 страниц-прототипов) и нельзя подключать к работе других людей. Если вам нужно просто набросать схему странички, это не помешает.


Рабочая область Iplotz

Фигур и иконок мало — всего несколько сотен. Создать детализированный красивый прототип не получится. Но если вы не дизайнер, много красивостей вам и не нужно.

Выгрузить эскиз можно в PNG, PDF или HTML.

Другие сервисы

Если ни один из сервисов вам не понравился — попробуйте эти:

  • Gomockingbird.com — приятный несложный сервис по цене от $12 в месяц. Пробный период — 6 дней.
  • Mockflow.com — еще один простой редактор. Стоит от $14 в месяц, пробный период — 14 дней.
  • Mockupbuilder. com — ничего необычного: большой набор элементов, легкое управление, возможность совместной работы. Зато стоит недорого — от $7 в месяц. Бесплатно — в течение 14 дней.
  • Marvelapp.com — интересен тем, что есть шаблоны для прототипов на любые устройства — включая «умные часы». Есть бесплатная версия, но скачивать эскизы можно только в платной — она стоит от $14 в месяц.

Что лучше?

У всех сервисов много общего: готовые наборы шаблонов, многопользовательский режим. Все работают в браузере, некоторые — в виде отдельной программы на ПК. Все — только на английском, и почти все — платные. Это минус. Зато у большинства предусмотрен пробный период сроком 14-30 дней — это плюс.

  • если для вас важнее бесплатная версия — попробуйте Ninjamock и Iplotz;
  • наиболее сбалансированные по возможностям, удобству и цене сервисы — Pidoco, Moqups, Balsamiq Mockups, Mockplus;
  • для профессиональной работы лучше подойдут Axure и WireframeSketcher.

Знакомство с Axure RP :: UXmatters

Резервное копирование файлов

Вы можете восстановить данные, из которых вы в последний раз сделали резервную копию в файле Axure….

Отсутствие традиционной функции автосохранения в Axure сбивает с толку многих. Однако, если вы включите резервное копирование и укажете интервал резервного копирования, ваши файлы будут скопированы, а не сохранены автоматически. Итак, прежде чем приступить к любому проекту в Axure, проверьте настройки резервного копирования. Откройте Axure RP и перейдите в File> Backup Settings .Появится диалоговое окно Backup Settings, показанное на Рисунке 3.

Рис. 3. Диалоговое окно «Параметры резервного копирования»

В диалоговом окне «Параметры резервного копирования», показанном на рис. 3, по умолчанию установлен флажок Включить резервное копирование , а интервал для резервного копирования установлен на каждые 15 минут. Если вы работаете в очень быстром темпе, вы можете уменьшить интервал резервного копирования до 4 минут. Вы хотите быть уверены, что сохраняете свою работу.

Если Axure выйдет из строя во время работы, вы можете восстановить данные, которые вы в последний раз скопировали в файл Axure, выбрав Файл> Восстановить из резервной копии .На экране 4 показано диалоговое окно «Восстановить файл из резервной копии».

Рисунок 4. Диалоговое окно «Восстановить файл из резервной копии»

В диалоговом окне «Восстановить файл из резервной копии» перечислены все экземпляры файла, для которого вы создали резервную копию.

Навигация по пользовательскому интерфейсу Axure

Когда вы открываете Axure в первый раз, вы видите три панели. Рассмотрим подробно каждый из них.

Левая панель

Левая панель состоит из разделов страниц, , , библиотек, и , мастеров, .

Страницы раздела

Как показано на экране 5, вы можете увидеть раздел Pages в верхнем левом углу экрана, в котором перечислены домашняя страница, страница 1, страница 2 и страница 3. Раздел Pages представляет собой своего рода таблицу содержимое для вашего проекта и позволяет перейти на любую страницу, дважды щелкнув ее в списке. Затем эта страница появляется на центральном холсте. Чтобы добавить новую страницу, щелкните значок Добавить страницу . По умолчанию новая страница добавляется в Home .Вы можете добавить папки, в которых будете организовывать свои страницы, щелкнув значок Добавить папку .

Рис. 5— Pages раздел левой панели

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

Библиотеки Раздел

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

  • Все библиотеки — отображает все виджеты, доступные в разделе Библиотеки .
  • По умолчанию — отображает виджеты по умолчанию, которые вы чаще всего используете для создания прототипов.
  • Flow — отображает виджеты для создания потоковых диаграмм.
  • Иконки — отображаются значки, которые вы можете добавить к своим прототипам.
Рисунок 6— Библиотеки раздел
Мастер раздел

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

Рабочее пространство или холст

Перетащите виджеты с левой панели на… холст.

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

Рис. 7. Контекстное меню для холста

Контекстное меню для холста включает следующие параметры в подменю Grid и Guides :

  • Первые три параметра в подменю относятся к сеткам, а именно:
    • Показать сетку — отображает сетку на холсте. Сетка очень полезна при выравнивании виджетов на экране.На рисунке 8 показано диалоговое окно Grid.
    • Привязка к сетке — автоматически выравнивает виджеты по сетке, когда вы перетаскиваете их на холст.
    • Grid Settings — отображает дополнительные настройки, относящиеся к сеткам, в диалоговом окне. Вы можете выбрать интервал для сетки, тип сетки и тип пересечения сетки.
  • Многие другие параметры в этом подменю относятся к руководствам. Вы можете перетаскивать направляющие с горизонтальной или вертикальной линейки. Существует четыре типа направляющих, а именно:
    • Показать глобальные направляющие — отображает направляющие на холсте для всех страниц в прототипе.
    • Показать направляющие страницы — отображает направляющие на уровне страницы.
    • Показать адаптивные руководства — отображает руководства для адаптивных устройств.
    • Привязка к направляющим — автоматически выравнивает виджеты по видимым направляющим, когда вы перетаскиваете их на холст. Эта функция помогает вам выровнять определенные виджеты на холсте с другими виджетами.
Рисунок 8 — диалоговое окно «Сетка»

Правая панель

На правой панели находятся инспекторы, которые позволяют вам определять взаимодействия, заметки, стили и события для виджетов.Эта панель включает вкладки Properties , Notes и Style .

Вкладка «Свойства»

Как следует из названия, вкладка Properties позволяет вам устанавливать свойства страниц и виджетов. Вы можете добавлять на странице события, включая OnPageLoad, OnWindowsResize, OnWindowsScroll, OnPageClick, OnPageDoubleClick, OnPageContextMenu, OnPageMouseMove, OnPageKeyDown, OnPageKeyUp, OnWindowsScrollUp, OnWindowsScrollDown и OnAdaptive.Вы также можете добавлять события в виджет, включая Onclick, OnMouseEnter, OnMouseOut, OnDoubleClick, OnContextMenu, OnMouseDown, OnMouseUp, OnMouseMove, OnMouseHover, OnLongClick, OnKeyDown, OnKeyUp, OnMove, OnResize, OnFocus, OnFocus, OnRotate, OnRotate OnSelected, OnUnselected и OnLoad.

Вкладка «Примечания»

Вы можете добавлять комментарии к странице или виджету с помощью вкладки Notes . Эти заметки видны, когда вы публикуете свой прототип в веб-браузере или на AxShare.На рисунке 9 показана вкладка Notes для виджета.

Рис. 9— Вкладка Notes для виджета
Вкладка стиля

Вы можете стилизовать страницы или виджеты с помощью вкладки Style . На рисунке 10 показаны настройки для стилизации страницы, которая в настоящее время отображается на холсте; Рисунок 11, настройки для стилизации виджетов.

Рис. 10. Вкладка «Стиль »
на уровне страницы Рисунок 11 — Вкладка «Стиль » на уровне

Заключение

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

Axure RP быстро стал одним из самых популярных инструментов для быстрого прототипирования, используемых сегодня. Есть много причин популярности Axure. Без каких-либо проблем вы можете легко создавать каркасы, а также создавать документацию по спецификациям. Axure позволяет быстро разрабатывать прототипы для веб-браузеров или собственных приложений для Android, iPhone, планшетов или iPad. С Axure RP вы можете создавать прототипы с низкой, средней, высокой точностью или интерактивные прототипы, чтобы представить свои дизайнерские идеи и передать их своим клиентам или продуктовым командам.

Неудивительно, что Axure стал одним из наиболее широко используемых инструментов в корпорациях Fortune 500, а также среди профессионалов UX во всем мире.

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

тем Axure

тем Axure

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

• 250+ виджетов
• Библиотека векторных иконок Entypo
• 960 сеток начальной загрузки
• Библиотеки для пользователей Mac и Windows

• 300+ виджетов
• Светлые и темные тематические компоненты
• Шаблоны iPhone X
• Включены файлы шрифтов

• 75+ диаграмм и графиков
• Гибкие компоненты
• Простота использования и обновления

• 300+ виджетов (и их количество)
• Библиотека векторных значков
• Наведение, активное, отключенное и выбранное состояния
• На основе Lightning Design Система
• Актуально с Summer 19 LDS 2. 9.2

• Обширная библиотека виджетов
• Включенные шаблоны (настольные, планшетные и мобильные)
• Невероятно интерактивные
• Встроенные шрифты Google

• 43 шаблона мобильных приложений
• Векторные формы и значки
• Pixel perfect
• Разработано для Axure 9

• 202 экрана
• 21 категория
• 9 шаблонов электронной почты
• Дизайн для мобильных устройств, планшетов и настольных компьютеров
• Макеты соответствуют текущим передовым практикам UX

• Темные и светлые панели инструментов
• Библиотека векторных иконок Entypo
• Шаблоны Full Axure
• Включена библиотека виджетов из общих компонентов

• Сотни виджетов
• Библиотека векторных значков Material Design
• Наведение, активное, отключенное и выбранное состояния

• Шрифты Google
• Простой и стильный дизайн
• Простота настройки
• Несколько параметры макета

• 900+ значков
• Вектор / SVG
• Хорошо организованный и маркированный
• Редактировать размер значка, форму, цвет, контур es и градиенты

• 1500+ иконок
• Актуально с Font Awesome 5. 12
• Вектор / SVG
• Хорошо организован и маркирован

• Каждый продукт, который я когда-либо делал
• И все, что я буду делать в будущем
• Бесплатные обновления навсегда

Если вы не можете найти то, что вы ищите, посмотрите остальную часть нашей коллекции Axure на странице библиотеки виджетов.

Я отправляю только 1-2 письма в месяц и не раздаю адреса электронной почты другим людям.

Axure для создания прототипов мобильных приложений — бесплатно скачать мокап

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

Даже когда вы моделируете мобильное приложение, Axure будет генерировать файлы HTML, которые отображаются в собственном браузере устройства, поэтому правильное использование тега области просмотра является должен. Это метатеги области просмотра, которые я генерирую для портативных мобильных прототипов: iPhone:

Мобильное прототипирование с помощью Axure RP 11 марта 2019 г. 3 июня 2019 г. … Для мобильных приложений Axure 6.5 представила события OnSwipeLeft и OnSwipeRight, которые позволяют вам для перехода к предыдущему и следующему экранам, как если бы вы перемещались по колоде карт.

Если вы ищете для прототипа мобильного приложения axure , вы пришли в идеальное место. У нас есть 30 изображений о прототипировании мобильных приложений с добавлением картинок, фотографий, картинок, фонов и многого другого. На этой веб-странице мы дополнительно предоставляем различные изображения. Такие как png, jpg, анимированные гифки, изображения, логотипы, черно-белые, полупрозрачные и т. Д.

Не только прототип мобильного приложения axure , вы также можете найти еще другие изображения, такие как приложения для Android, приложения для сотовых телефонов, приложения. Приложения Inventor, приложения для путешествий, приложения для Windows, приложения для iPhone, настольные приложения, медицинские приложения, приложения для смартфонов, бизнес-приложения, приложения для модема и приложения Microsoft.

Не забудьте добавить в закладки ось прототипирования мобильных приложений, используя Ctrl + D для Windows или Command + D для Mac os. Если вы используете мобильный телефон, вы можете дополнительно использовать панель меню из браузера. Будь то Windows, Mac, I-OS или даже Android, тогда у вас будет возможность загружать изображения с помощью кнопки загрузки.

Является ли Axure RP лучшим инструментом для создания прототипов для UX-дизайнера?

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

Axure RP 9

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

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

В этой статье я буду оценивать, является ли Axure RP лучшим инструментом дизайна, уделяя основное внимание потребностям дизайнера UX.К счастью, я был дизайнером UX более 7 лет и использовал Axure RP для своей повседневной проектной деятельности в течение 5 лет, так что я могу поделиться своим личным опытом.

Но сначала давайте создадим некоторый контекст, объяснив, что делает дизайнер UX.

Чем занимается дизайнер UX

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

Наиболее распространенные действия, выполняемые UX-дизайнером, которые были определены из исследования 981 UX-практикующего, проведенного Norman Nielsen Group, включают представление решений, убеждение других, анализ задач и действий, создание прототипов и каркасов, сотрудничество с экспертами в предметной области, сбор требования, определение дизайна взаимодействия, проведение исследований удобства использования, создание раскадровок и карт пользовательского пути, а также анализ данных аналитики.

Если вы хотите узнать больше, ознакомьтесь с этой статьей, которую я написал по теме:

Теперь мы можем точно оценить Axure RP на основе этих UX-действий:

  • Легко ли учиться
  • Можете ли вы анализировать задачи и пути пользователя
  • Уровень сложности прототипа, который вы можете создать
  • Можете ли вы указать взаимодействия
  • Можете ли вы сотрудничать
  • Как представить работу
  • Можете ли вы создавать мобильные и веб-прототипы в Axure
  • Насколько легко протестировать прототип на реальных пользователях с помощью Axure

Давайте начнем с нашего обзора Axure.

Легко ли освоить Axure RP?

Axure RP позволяет очень легко создавать каркасы из библиотек виджетов по умолчанию для перетаскивания. На момент написания этой статьи их последняя версия — Axure RP 9. Рабочий процесс поддерживает пользователей, которые никогда раньше не проектировали, предоставляя виджеты, которые чаще всего используются в дизайн-проектах. К ним относятся заголовки основных фигур, раскрывающиеся списки, кнопки, текстовые поля, меню, элементы форм, значки и плавные фигуры. Просто нужно разместить эти элементы на странице, придерживаясь лучших практик и шаблонов.Доски устройств по умолчанию доступны для мобильных и веб-проектов, что позволяет легко начать работу с нужными размерами.

Так что кривая обучения Axure RP не слишком крутая. Моей первой дизайнерской должностью была роль дизайнера UX / UI в небольшом агентстве, в котором работало менее шести человек. Сроки выполнения наших проектов варьировались от двух недель до трех месяцев. Когда мой босс спросил меня, какой инструмент я хочу использовать для своей работы, я попросил Axure RP, потому что я видел, какие прототипы он может создавать.Раньше я использовал только Balsamiq, и что мне действительно было нужно, так это инструмент, который я мог бы быстро освоить. Axure именно так, потому что его интерфейс позволяет просто перетаскивать виджеты на холст и связывать разные каркасные страницы.

Обычно этого достаточно для большинства дизайн-проектов на начальном этапе, пока вам не придется делать более крупные и сложные проекты. Только тогда мне пришлось изучить больше возможностей Axure для создания более сложной логики с использованием переменных и математических выражений.Самая большая кривая обучения — это выяснить, как создать то, что вы хотите, в этом инструменте.

Могу ли я анализировать задачи и пути пользователя в Axure RP

Блок-схема UX

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

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

Уровень сложности Axure RP может создать

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

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

Можете ли вы указать взаимодействия в Axure RP

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

Это делает Axure чрезвычайно мощным в создании и передаче идей и концепций.

Можете ли вы сотрудничать с командами в Axure RP

Хорошая новость в том, что да, вы можете с их командными проектами. Это позволяет нескольким пользователям Axure RP из одной группы разработчиков одновременно работать с одним файлом.Когда пользователь вносит правки, копия файла извлекается с сервера Axure Cloud, а затем возвращается, когда пользователь завершает работу.

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

Как вы представляете и делитесь своей работой в Axure RP

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

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

Можно ли создавать мобильные и веб-прототипы в Axure RP

?

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

Насколько легко протестировать прототип на реальных пользователях с помощью Axure RP

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

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

Сколько стоит Axure RP?

Axure RP недавно приняла модель подписки и стоит 29 долларов в месяц за

.
  • Неограниченный рецензент
  • Неограниченное количество прототипов
  • 1000 проектов в облаке
  • Расширенное прототипирование
  • Каркасы, диаграммы и документация

Существуют другие варианты ценообразования для функций совместной работы и корпоративных версий Axure RP.Для команды вы будете платить 49 долларов за пользователя в месяц или 895 долларов за пользователя за бессрочную лицензию. Axure Cloud для бизнеса: планы начинаются с 30 долларов в месяц для 5 пользователей.

Является ли Axure RP бесплатным?

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

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

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

Итак, Axure RP — лучший инструмент для создания прототипов для UX-дизайнера? Возможности прототипирования

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

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

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

Почему Axure RP не пользуется большей популярностью в UX-дизайне? | by Yichen He

Почему Axure RP не так популярен, как другие дизайнерские программы в UX? Это вопрос, который не дает мне уснуть по ночам.

Как член многих дизайнерских сообществ и подписчик блогов, меня всегда наводняют увлекательные дискуссии о Sketch, Figma и Adobe XD. Похоже, что больше людей любят говорить об использовании Illustrator, чем Axure, ради всего святого!

Не верьте мне на слово, в 2018 году Uxtools.co опросил 2775 дизайнеров со всего мира, из которых 68% определились как дизайнер продукта или дизайнер UX. Что касается инструментов для создания прототипов (не путать с инструментами пользовательского интерфейса, которые являются отдельной категорией опросов), Axure занимает 10-е место.Что еще более поразительно, так это то, что третье место занимает прототипирование в коде!

Хотя он и входит в список, Axure довольно сильно отстает от популярного программного обеспечения, ориентированного на пользовательский интерфейс, такого как Sketch

. Если посмотреть подробнее на результаты этого опроса, Sketch в подавляющем большинстве случаев выигрывает, когда дело касается популярности. К их чести, Bohemian Coding, компания, создавшая Sketch, проделала огромную работу, создав элегантный, быстрый и хорошо поддерживаемый продукт. Я считаю, что главная причина его популярности — это их сильная ориентация на сторонние плагины и поддержка сообществ поддержки.

Sketch и Invision доминируют над популярными инструментами, а Figma наступает ему на пятки

Общаясь с друзьями-дизайнерами UX и новыми лицами на встречах, я лично обнаружил, что по крайней мере 4/5 используют Sketch в качестве основного программного обеспечения для дизайна, даже при работе над корпоративными продуктами . Как человек, использующий Axure более 5 лет, я просто не понимаю. За исключением некоторых дизайнов мобильных приложений, рабочий процесс Sketch> Invision> (Avocode / Zeplin) просто выглядит как множество ненужных движущихся частей.

В Axure RP 9 они добавили множество функций, которые порадовали заядлых фанатов (в том числе и меня).Наконец, у нас теперь есть отличные функции переопределения символов в Sketch и режим проверки разработчика, который генерирует пометки, экспорт CSS и документацию. Они даже добавили плагин Sketch для тех случаев, когда, по общему признанию, необходимы лучшие возможности дизайна пользовательского интерфейса Sketch.

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

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

Хорошим примером является экран, на котором пользователь должен:

  1. Обратиться к таблице данных и
  2. использовать эту информацию для моделирования финансовой транзакции.

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

Задача здесь — тройное .

10 инструментов прототипирования для дизайнеров в 2021 году

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

1. Adobe XD

Adobe XD — одно из самых популярных приложений среди UI / UX-дизайнеров в качестве универсального инструмента для создания прототипов для создания каркасов, интерактивных прототипов, дизайна веб-сайтов, игр, мобильных приложений, голосовых интерфейсов и многого другого. Это позволяет командам работать вместе на разных платформах в режиме реального времени, получая ценные комментарии и отзывы напрямую от клиентов.

Adobe XD доступен как для Mac OS, так и для Windows. Он также поддерживает бесшовную интеграцию с другими продуктами Adobe, являясь новейшим дополнением Adobe Creative Cloud Suite.

2. Чудо

Marvel — это более простое и удобное облачное решение для создания реалистичного интерфейса и проектных спецификаций. Создавать интерактивные макеты, чтобы воплотить в жизнь любую дизайнерскую идею, можно с помощью готовых шаблонов и инструмента дизайна, оснащенного неограниченным количеством стоковых фотографий и значков. Дизайнеры могут создавать прототипы продуктов для ПК, Android и Apple, а также использовать плагин Sketch и инструмент для iOS.

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

3. Axure RP

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

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

4. InVision

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

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

5. Фреймер

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

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

6. Фигма

Figma — это последнее дополнение к растущим инструментам прототипирования, которые дизайнеры и в основном команды разработчиков используют для создания прототипов. Это комплексное решение, состоящее из мощных современных функций, с помощью которого команда может совместно создавать гибкий и доступный дизайн от начала до конца.Дополнительные функции включают такие плагины, как Figmotion и Autoflow, а также наличие Arc Tool и Vector Networks.

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

7. Justinmind

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

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

8. Студия оригами

Origami прошел долгий путь с тех пор, как его разработали и использовали дизайнеры Facebook.Он занял видное место среди существующих решений для создания прототипов, и эта взаимосвязь также способствует созданию таких известных приложений, как Messenger и Twitter. Origami оснащено готовыми компонентами, которые дизайнеры могут использовать для создания сложных прототипов. Он в основном концентрируется на мощных анимациях и имеет функции «экспорта кода», которые позволяют преобразовывать визуальный дизайн в письменный код.

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

9. Набросок

Sketch — один из наиболее часто используемых инструментов пользовательского интерфейса и создания прототипов миллионами дизайнеров по всему миру. Это инструмент векторного проектирования с интуитивно понятным интерфейсом для редактирования стилей, размеров и макетов дизайна, а также атрибутов различной глубины границ, градиентной заливки, режимов наложения и т. Д. Он поддерживает плавный процесс проектирования, когда дизайнеры могут создавать высококачественные прототипы всего за пару минут.

Sketch позволяет дизайнерам превращать идеи в невероятные произведения искусства. Хотя он был специально создан для Mac OS, он поддерживает сотни плагинов, добавляя гибкости этому мощному инструменту.

10. Webflow

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

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

Твоя очередь

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

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

Обзор

Axure RP 9: характеристики, цена, сравнение

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

Содержание

Что такое Axure RP 9?

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

Axure RP 9 имеет элемент пользовательского интерфейса (UI) перетаскивания, с помощью которого вы можете настраивать каркасы и пользовательский интерфейс приложения перед его публикацией в Axure Cloud.Пользователи могут выбирать из встроенных шаблонов или создавать собственную тему для поддержки вашей концепции. Платформа предлагает полностью настраиваемые заливки, градиенты, стили линий и текстовые форматы для веб-прототипов и мобильных прототипов.

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

С Axure RP 9 вы можете добавлять аннотации на свои каркасы и прототипы для описания функциональности, отслеживания задач и хранения информации о проекте. Вы также можете систематизировать свои заметки по разным полям для определенной аудитории.Когда придет время представить, вы можете представить заметки в формате HTML или в автоматически созданном документе Word со снимками экрана.

Axure RP 9 позволяет вам спроектировать и протестировать ваш прототип. Вы можете настроить свой стиль, создавать взаимодействия и писать заметки.

Axure RP 9 предлагает простые схемы перехода или высокофункциональные прототипы с условной логикой, адаптивным контентом, анимацией, математическими функциями и взаимодействиями на основе данных без необходимости кода. Когда вы будете готовы поделиться своим прототипом визуально, вы можете опубликовать его в Axure Cloud и предоставить любому доступ к ссылке или поделиться ссылкой в ​​частном порядке.

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

Для кого предназначен Axure RP9?

Axure RP 9 используется кодировщиками, не кодировщиками, студентами, учителями и всеми, кто хочет создать образец модели или имитировать пользовательский интерфейс для тестирования пользовательского процесса перед передачей его разработчикам.

Инструмент проектирования особенно полезен для UX-дизайнеров, менеджеров по продуктам и бизнес-аналитиков при создании макетов и прототипов своего предприятия для окончательного рассмотрения заинтересованными сторонами и разработчиками. Платформа предназначена для коммерческих предприятий и используется многими компаниями из списка Fortune 100.

Людей, которые не знают кода и интересуются созданием схемы экрана и визуального каркаса веб-сайта, может заинтересовать Axure RP 9.

Axure RP 9 Стоимость и цены

(Оценка модели в долларах США: июль 2020 г. )

Axure RP 9 Pro предлагает три плана подписки и три бессрочных лицензионных плана: Pro, Team и Enterprise.Каждый план подписки имеет 30-дневную бесплатную пробную версию и возможность ежемесячной оплаты за каждого пользователя. Планы с бессрочной лицензией основаны на единовременной оплате для каждого пользователя.

Pro: Это самый дешевый вариант по цене 29 долларов в месяц за подписку на пользователя и 495 долларов за пользователя за бессрочную лицензию. Он включает в себя доступ к неограниченному количеству прототипов, неограниченному количеству рецензентов, 1000 проектов в облаке, расширенное прототипирование, а также макеты, диаграммы и документацию.

Команда: По цене 49 долларов в месяц за пользователя для подписки и 895 долларов за пользователя для бессрочной лицензии, он включает в себя все функции RP 9 Pro, а также совместное редактирование, историю изменений и размещение командных проектов в облаке. .

Enterprise: Пользователи, которые хотят подписаться или приобрести бессрочную лицензию, должны связаться с Axure для получения информации о безопасности и вариантах лицензирования. Он включает в себя все, что есть в RP 9 Team, плюс неограниченное количество проектов, управление пользователями и единый вход, домен компании для внутреннего использования участниками, а также частную или локальную безопасность.

Axure RP 9 и Bubble: сравнение

Чем Axure RP 9 отличается от Bubble ?

Сходства между Axure RP 9 и Bubble:

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

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

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

Оба позволяют защитить паролем общедоступные ссылки проекта и контролировать совместное использование.

Ключевые различия между Axure RP 9 и Bubble:


Разработка приложений: С Axure RP 9 вы можете создать прототип и протестировать решения для сбора отзывов пользователей.Как только вы будете удовлетворены созданным прототипом, вы можете опубликовать его в Axure Cloud, чтобы визуально представить прототип как часть процесса разработки фактического приложения (но вам потребуется использовать другие платформы для публикации или развертывания вашего приложения). Пользователи Bubble могут создавать, создавать и публиковать ваше приложение через платформу Bubble, собирать отзывы клиентов и запускать реальный продукт.

Участие разработчиков: Пользователи Axure RP 9 должны загрузить инструмент разработки приложений, чтобы начать работу.Затем вы можете создать имитацию дизайна UX / UI и передать его разработчикам, чтобы они предоставили продукт, соответствующий дизайну. С Bubble вам не нужно передавать разработчикам или уметь программировать. Вы можете создавать с нуля интерактивные многопользовательские приложения для настольных и мобильных веб-браузеров, настраивать адаптивный веб-сайт и запускать его в считанные минуты. Bubble включает в себя все инструменты, необходимые для создания сайта, такого как Facebook или Airbnb.

Axure RP 9 предлагается только как настольное приложение.

Развертывание приложения: После публикации проекта в Axure Cloud вы можете перенести файлы Axure RP в облако и представить полную картину с документацией, прототипами и визуальным дизайном с автоматическими пометками и экспортом кода. Bubble позволяет вам получить доступ к вашему приложению с любого устройства, ничего не скачивая. После того, как приложение построено на Bubble, нет необходимости развертывать приложение в облачном решении; Bubble безопасно обрабатывает развертывание и хостинг за вас, без жестких ограничений на количество пользователей, объем трафика или хранилище данных.

После публикации прототипа пользователи могут запускать онлайн-тестирование юзабилити. Пользователи Bubble могут запускать и собирать отзывы клиентов, чтобы улучшить приложение.

Рост: Axure RP 9 используется для разработки прототипа до конечного продукта. Вы можете проверить, как система будет работать, и внести изменения, чтобы улучшить взаимодействие с пользователем, прежде чем разработчик создаст собственное приложение. Bubble позволяет создавать приложение и развивать предприятие без кода. Платформа включает инструменты роста, такие как электронная почта, SEO, Google Analytics и другие, которые помогают пользователям расширяться, вовлекать и измерять.Вы можете управлять своим предприятием и развивать его с помощью настраиваемого текста и заголовков URL-адресов, карт сайтов и метатегов. Вы также можете реализовать сложные платежные функции и сторонние транзакции для своего предприятия.

Плагины: После того, как вы опубликуете свой проект Axure RP 9 в Axure Cloud, вы можете добавить плагины, добавив собственный HTML, CSS и JavaScript в свой проект RP, размещенный в облаке. Bubble содержит более 1073 плагинов, которые можно установить в ваши приложения без какого-либо кода. У вас также есть возможность создать и опубликовать свой собственный плагин.

Вы можете установить плагины в свой проект RP, размещенный в облаке Axure, используя HTML, CSS и Javascript. Bubble включает плагины, которые можно установить прямо в ваши приложения.

Учебники: Axure RP 9 предлагает блог, видеоуроки и поддержку с 9:00 до 18:00 по тихоокеанскому времени, чтобы помочь вам разработать прототип с использованием платформы. У Axure крутая кривая обучения, и она может быть довольно сложной на начальном этапе. Электронная книга Bubble, короткие видеоуроки, пошаговые инструкции и серия статей «Как построить» позволяют создавать приложения любого типа, используя платформу без кода.Форум Bubble — еще один отличный инструмент для взаимодействия пользователей и обучения друг у друга. Пузырь прост в использовании и может быть быстро воспринят кодировщиками и не кодировщиками.

Стоимость: Bubble предлагает бесплатный план в рамках подписки Hobby. Bubble также предлагает индивидуальный, профессиональный и производственный план подписки для удовлетворения ваших потребностей. Самый дорогой план — производственный план стоимостью 529 долларов в месяц, который включает редактор и действующий сайт, до 20 различных версий для разработки, 15 редакторов приложений, журналы, до 50 ГБ хранилища файлов, плагины и виджеты, запланированные рабочие процессы. , брендинг и SEO, возможность добавить до 40 сотрудников, неограниченное количество обновлений и многое другое.Axure предлагает только студентам и преподавателям план Pro бесплатно. Если вы хотите, чтобы ваша команда работала над Axure RP 9, платформа позволяет использовать одну подписку для каждого пользователя.

Альтернативы Axure RP 9:

Лучшие альтернативные платформы или инструменты без кода, которые позволяют создавать пользовательский интерфейс и прототип, включают:

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

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

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

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

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

About Bubble

Bubble — лидер движения без кода. Bubble предлагает мощный веб-редактор и платформу облачного хостинга, позволяющую пользователям создавать полностью настраиваемые веб-приложения и рабочие процессы, от простых прототипов до сложных торговых площадок, продуктов SaaS и т. Д. Более 400 000 пользователей в настоящее время создают и запускают бизнес на Bubble — некоторые из них участвовали в ведущих программах-акселераторах, таких как Y Combinator, и даже привлекли 365 миллионов долларов в виде венчурного финансирования. Bubble — это больше, чем просто продукт. Мы — сильное сообщество строителей и предпринимателей, которых объединяет убеждение, что каждый должен уметь создавать технологии.

Присоединяйтесь к движению без кода сегодня.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *