Ескіз до проекту: 5 легких способів зробити прототип
папір
Прототипування на папері - самий гнучкий і дешевий метод з існуючих. Для його виконання вам знадобиться папір, прозора плівка (для симуляції натискання кількох клавіш і ефекту підсвічування), картки для зображення діалогового вікна і віджетів, кольорові ручки і маркери, клейка стрічка. Практично будь-яка взаємодія можна прототіпіровать в лічені хвилини, також як і внести зміни. Вхідний бар'єр практично відсутній: зробити це може будь-яка людина. Плюс цей спосіб відмінно підходить для спільної роботи.
Proto
Proto.io - сервіс для створення прототипів додатків для iPhone, iPad і Android. Його творці особливо пишаються функціоналом Proto, що дозволяє імітувати різні типи дотиків до тачскріну. Дуже часто програми для прототипування (наприклад, Solidify і Wireframe.cc) дозволяють просто створювати макети екранів, але цього може не вистачити для того, щоб зрозуміти, як саме буде вести себе додаток в реальності.
Proto додає макетів інтерактивності. Спочатку користувачеві пропонується створити макет екрану за допомогою багатої бібліотеки дизайнерських елементів, а потім додати ефекти впливу на кожен елемент. Це може бути гортання, масштабування, утримування, натискання, переміщення, повороти і інші форми просунутої анімації. Прототипи можна протестувати в браузері і на мобільних пристроях. Є 15-денний безкоштовний доступ, а потім можна вибрати один з тарифних планів, вартість яких починається від $ 24 в місяць.
PowerMockup
PowerMockup - це плагін, що дозволяє створювати прототипи в PowerPoint. Зручний, зрозумілий у використанні інструмент без особливих вишукувань і додаткових функцій. Після його установки в програмі PowerPoint з'являється нова панель з набором із сотень елементів для створення макета сайту або програми. Елементи просто потрібно послідовно переносити на слайд.
Також є можливість створювати свої власні елементи, додавати їх в бібліотеку і ділитися ними з іншими користувачами. Зручна функція - пошук елементів. Можна ввести в пошукове вікно назву необхідного елемента, і сервіс покаже можливі варіанти, в тому числі і схожі за змістом. PowerMockup працює з Office 2007, 2010 і 2013. Ліцензія на програму коштує $ 59,95 для одного користувача, ціна для робочої групи залежить від кількості осіб.
Wires
Сервіс QuirkTools об'єднує три різних інструменту: він дозволяє проектувати карти сайтів, дивитися, як сайт виглядає на різних пристроях, і створювати макети сторінок майбутнього сайту або програми прямо в браузері. Простий, акуратний інтерфейс, «створений дизайнерами для дизайнерів», як написано на сайті. Він являє собою трафарет, на який додаються різні елементи: меню, вікна, форми, кнопки, іконки, текст.
До кожного елементу можна прикріпити коментар, а створені сторінки - залінковать і зберегти в певній послідовності. Головна фішка - зручність і простота спільної роботи над прототипом. У кожного проекту є постійний веб-адреса, до якого можна відкрити доступ колегам і клієнтам. Вони можуть вносити свої зміни або залишати коментарі та побажання, які будуть видні в реальному часі. Сервіс дозволяє паралельно працювати над трьома проектами абсолютно безкоштовно.
Antetype
Antetype підійде тим, хто не хоче, щоб їх прототип був схожий на грубий скетч, що відображає приблизне розташування елементів на екрані. За допомогою цього сервісу можна створювати повноцінні складні інтерфейси з великою кількістю елементів і можливістю пограти зі стилями.
Antetype хороший не тільки своєю багатою бібліотекою елементів для Windows, OS X, iOS і Android, які можна доповнювати своїми, але також тим, що здатний позбавити користувача від рутини, самостійно виконуючи однотипну роботу. Це означає, що при зміні одного елемента сервіс може автоматично «підігнати» решті макет під нові умови. Також є можливість попереднього макета на різних пристроях і безліч інших цікавих функцій. Програма коштує $ 189. Є 30-денний безкоштовний доступ, пільгова ціна для студентів.
фото: Lucas Zanotto