Необхідність використання прототипів при створенні сайту почала активно обговорюватися кілька років тому. Поступово намітився відхід від схеми «дизайнер малює макет – програміст прикручує до нього код».
Нижче ви можете ознайомитися зі списком різноманітних сервісів для прототипування: як для ПК і мобільних пристроїв, так і для роботи онлайн, від безкоштовних до вельми недешевих, від простих зі скромним функціоналом до тих, в яких доведеться грунтовно розбиратися.
Для зручності ми зібрали всю інформацію в окрему таблицю, в якій порівняли сервіси по наступним параметрам:
- Мова – мова інтерфейсу;
- Безкоштовний тариф – наявність безкоштовного тарифу або пробної версії;
- Найдешевший тариф – вартість найдешевшого тарифу або ліцензії;
- Особливості – відмітні «фішки» інструменту;
- Інтеграції – можливі інтеграції з іншими сервісами;
- Завантажуваний додаток / веб-версія – деякі з сервісів представляють із себе завантажувані програми, деякі працюють прямо в браузері, а деякі доступні у двох варіантах. У таблиці вказано наявність онлайн-версії / завантаження додатка і підтримувані ОС для кожного інструмента;
- Мобільний додаток – наявність мобільного додатку для попереднього перегляду прототипів;
- Техпідтримка – можливі способи зв’язку з технічною підтримкою сервісу;
- Клієнти – список найвідоміших клієнтів.
Щоб скачати таблицю, клацніть на скріншот нижче.
1. Axure
Axure – найбільше і найбільш відоме додаток для прототипування, що дозволяє створювати високоякісні прототипи веб-сайтів і мобільних додатків. Володіє широким функціоналом з великим набором інструментів. Вимагає установки софта на ПК, онлайн-версія недоступна. Працює з Windows і macOS.
2. Origami Studio
Origami Studio – повністю безкоштовне зручний додаток від Facebook. Працює з macOS. Синхронизуется з Sketch. У додатку є співтовариство на Facebook, де користувачі можуть ділитися своїми прототипами, обговорювати їх створення і допомагати один одному.
Читайте також: Огляд 15 безкоштовних програм для створення інтелект-карт
3. Proto.io
У Proto.io зручний і досить простий інтерфейс. Як і у більшості сервісів, у цього є можливість колективної роботи та спільного внесення правок. На будь-якому моменті роботи прототип можна протестувати як на ПК, так і на мобільних пристроях.
4. Vectr
З Vectr можна працювати як онлайн, так і встановивши програму на ПК. При цьому обидві версії синхронізовані один з одним, даючи можливість працювати над одним прототипом як онлайн, так і з комп’ютера. Кожного створеного проекту присвоюється URL, який можна відправити колегам або клієнту для внесення коментарів і правок.
5. Atomic
Головна особливість Atomic – широкий функціонал. Програма робить упор на швидкість – як роботи, так і зв’язки з колегами для внесення змін до прототип. Синхронізується з Sketch. Готовими прототипами або окремими блоками можуть користуватися ваші колеги при роботі над власними проектами.
6. InVision
InVision – популярний інструмент для створення прототипів, який ми і самі іноді використовуємо в роботі. З особливостей можна виділити зручний інтерфейс, можливість організовувати командну роботу.
Читайте також: Конструктори сайтів: огляд 8 кращих сервісів з порівняльною таблицею
7. Adobe Experience Design
Adobe Experience Design входить в пакет від Adobe Creative Suite і синхронізується з багатьма сервісами з цього пакету. Головні особливості: швидкий перехід з прототипу в додаток, можливість миттєво подивитися зміни в прототипі на мобільних пристроях. Головний мінус – десктопное додаток доступний тільки для Windows 10.
8. Principle
Principle відмінно підходить для створення анімованих прототипів. Додаток доступний тільки для Mac.
9. Just in mind
Головна перевага Just in mind полягає в тому, що в сервісі доступно безліч елементів і жестів, а також готові шаблони прототипів.
10. Moqups
Moqups – ще один досить популярний сервіс для створення прототипів. Головна особливість – необмежена кількість користувачів на платних тарифах.
Читайте також: Вибираємо найкращий email-сервіс: огляд та порівняння 25 найбільш популярних компаній на ринку
11. Marvel
Marvel – інструмент прототипування, в якому можливо створювати прототипи для всіх пристроїв, включаючи розумні годинник.
12. Mockplus
Основна «фішка» Mockplus – можливість переглядати прототипи на мобільних пристроях, скануючи QR-код, 3000 іконок в платних тарифах.
13. UXPin
Як і в Marvel, в UXPin можна створювати прототипи додатків для розумних годин. Правда, тільки для годинників, що працюють на Android.
14. Flinto
Flinto – сервіс прототипированния, в якому є готові шаблони для найпоширеніших дозволів мобільних пристроїв, а також вбудовані анімації переходів в програмах на Android і iOS.
Читайте також: Як зробити калькулятор або форму для сайту: огляд 4 спеціальних конструкторів
15. Sketch
Sketch – знаменитий інструмент створений ексклюзивно для Mac, так що він краще всього підійде для створення прототипів для додатків на iOS.
16. OmniGraffle
OmniGraffle доступний тільки для Mac і iOS, причому ліцензії купуються окремо. Сам сервіс є мультиинструментом, і створення прототипів – не головна його функція.
17. Pidoco
Головна особливість Pidoco – інтуїтивний drag’n’drop інтерфейс, спільна робота над проектом.
18. Mockingbird
Mockingbird – простий сервіс для створення нескладних прототипів. Якщо вам потрібно швидко створити базовий прототип, то, цілком можливо, Mockingbird вам підійде.
Читайте також: Яку вибрати CMS: керівництво по вибору «движка» для сайту
19. iPlotz
iPlotz – дуже простий сервіс для створення нескладних прототипів. Можливо, кому-то саме це і потрібно.
20. Proto Share
У платних тарифах Proto Share можна створювати нескінченну кількість проектів. Крім того, у сервісу дуже довгий тріал-період – цілих 30 днів.
21. MockFlow
Найдешевший тариф Mockflow коштує всього $14 / місяць, при цьому в ліцензію входить безліч інструментів, у тому числі для створення сайтів і банерів, а також сервіс спільної роботи над дизайн-проектами.
Читайте також: Як запустити сайт на локальному комп’ютері
22. Mockup Builder
Mockup Builder – простий інструмент зі стандартним набором функцій. Нічого незвичайного. Однак серед клієнтів можна зустріти відомі компанії, так що не варто обходити Mockup Builder стороною.
Прототип – незамінний інструмент при розробці сайту
Для створення прототипів існує безліч додатків. Всі вони вирішують по суті одне завдання – представлення вашого проекту в найбільш зрозумілій клієнту вигляді з можливістю швидко внести правки. Можливо, ми щось упустили, так що поділіться в коментарях, якими інструментами для створення прототипів ви користуєтеся.
