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

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

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

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

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

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

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

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

2. Origami Studio

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

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

3. Proto.io

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

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

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

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

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

6. InVision

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

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

7. Adobe Experience Design

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

8. Principle

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

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

9. Just in mind

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

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

10. Moqups

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

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

11. Marvel

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

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

12. Mockplus

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

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

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

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

14. Flinto

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

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

15. Sketch

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

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

16. OmniGraffle

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

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

17. Pidoco

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

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

18. Mockingbird

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

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

19. iPlotz

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

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

20. Proto Share

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

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

21. MockFlow

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

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

22. Mockup Builder

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

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

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

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

Схожі статті