Огляд 22 інструментів для створення прототипів

8

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

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

Для зручності ми зібрали всю інформацію в окрему таблицю, в якій порівняли сервіси по наступним параметрам:

  • Мова – мова інтерфейсу;
  • Безкоштовний тариф – наявність безкоштовного тарифу або пробної версії;
  • Найдешевший тариф – вартість найдешевшого тарифу або ліцензії;
  • Особливості – відмітні «фішки» інструменту;
  • Інтеграції – можливі інтеграції з іншими сервісами;
  • Завантажуваний додаток / веб-версія – деякі з сервісів представляють із себе завантажувані програми, деякі працюють прямо в браузері, а деякі доступні у двох варіантах. У таблиці вказано наявність онлайн-версії / завантаження додатка і підтримувані ОС для кожного інструмента;
  • Мобільний додаток – наявність мобільного додатку для попереднього перегляду прототипів;
  • Техпідтримка – можливі способи зв’язку з технічною підтримкою сервісу;
  • Клієнти – список найвідоміших клієнтів.

Щоб скачати таблицю, клацніть на скріншот нижче.

Огляд 22 інструментів для створення прототипів

1. Axure

Axure – найбільше і найбільш відоме додаток для прототипування, що дозволяє створювати високоякісні прототипи веб-сайтів і мобільних додатків. Володіє широким функціоналом з великим набором інструментів. Вимагає установки софта на ПК, онлайн-версія недоступна. Працює з Windows і macOS.

Огляд 22 інструментів для створення прототипів

2. Origami Studio

Origami Studio – повністю безкоштовне зручний додаток від Facebook. Працює з macOS. Синхронизуется з Sketch. У додатку є співтовариство на Facebook, де користувачі можуть ділитися своїми прототипами, обговорювати їх створення і допомагати один одному.

Огляд 22 інструментів для створення прототипів

Читайте також: Огляд 15 безкоштовних програм для створення інтелект-карт

3. Proto.io

У Proto.io зручний і досить простий інтерфейс. Як і у більшості сервісів, у цього є можливість колективної роботи та спільного внесення правок. На будь-якому моменті роботи прототип можна протестувати як на ПК, так і на мобільних пристроях.

Огляд 22 інструментів для створення прототипів

4. Vectr

З Vectr можна працювати як онлайн, так і встановивши програму на ПК. При цьому обидві версії синхронізовані один з одним, даючи можливість працювати над одним прототипом як онлайн, так і з комп’ютера. Кожного створеного проекту присвоюється URL, який можна відправити колегам або клієнту для внесення коментарів і правок.

Огляд 22 інструментів для створення прототипів

5. Atomic

Головна особливість Atomic – широкий функціонал. Програма робить упор на швидкість – як роботи, так і зв’язки з колегами для внесення змін до прототип. Синхронізується з Sketch. Готовими прототипами або окремими блоками можуть користуватися ваші колеги при роботі над власними проектами.

Огляд 22 інструментів для створення прототипів

6. InVision

InVision – популярний інструмент для створення прототипів, який ми і самі іноді використовуємо в роботі. З особливостей можна виділити зручний інтерфейс, можливість організовувати командну роботу.

Огляд 22 інструментів для створення прототипів

Читайте також: Конструктори сайтів: огляд 8 кращих сервісів з порівняльною таблицею

7. Adobe Experience Design

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

8. Principle

Principle відмінно підходить для створення анімованих прототипів. Додаток доступний тільки для Mac.

Огляд 22 інструментів для створення прототипів

9. Just in mind

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

Огляд 22 інструментів для створення прототипів

10. Moqups

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

Огляд 22 інструментів для створення прототипів

Читайте також: Вибираємо найкращий email-сервіс: огляд та порівняння 25 найбільш популярних компаній на ринку

11. Marvel

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

Огляд 22 інструментів для створення прототипів

12. Mockplus

Основна «фішка» Mockplus – можливість переглядати прототипи на мобільних пристроях, скануючи QR-код, 3000 іконок в платних тарифах.

Огляд 22 інструментів для створення прототипів

13. UXPin

Як і в Marvel, в UXPin можна створювати прототипи додатків для розумних годин. Правда, тільки для годинників, що працюють на Android.

Огляд 22 інструментів для створення прототипів

14. Flinto

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

Огляд 22 інструментів для створення прототипів

Читайте також: Як зробити калькулятор або форму для сайту: огляд 4 спеціальних конструкторів

15. Sketch

Sketch – знаменитий інструмент створений ексклюзивно для Mac, так що він краще всього підійде для створення прототипів для додатків на iOS.

Огляд 22 інструментів для створення прототипів

16. OmniGraffle

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

Огляд 22 інструментів для створення прототипів

17. Pidoco

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

Огляд 22 інструментів для створення прототипів

18. Mockingbird

Mockingbird – простий сервіс для створення нескладних прототипів. Якщо вам потрібно швидко створити базовий прототип, то, цілком можливо, Mockingbird вам підійде.

Огляд 22 інструментів для створення прототипів

Читайте також: Яку вибрати CMS: керівництво по вибору «движка» для сайту

19. iPlotz

iPlotz – дуже простий сервіс для створення нескладних прототипів. Можливо, кому-то саме це і потрібно.

Огляд 22 інструментів для створення прототипів

20. Proto Share

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

Огляд 22 інструментів для створення прототипів

21. MockFlow

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

Огляд 22 інструментів для створення прототипів

Читайте також: Як запустити сайт на локальному комп’ютері

22. Mockup Builder

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

Огляд 22 інструментів для створення прототипів

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

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