Як створити найкращий дизайн для вебсайту чи застосунку? Відповідь на це питання проста. Обирайте найкращі інструменти прототипування.
Коли справа стосується прототипування, багато дизайнерів використовують InVision чи Axure RP (Azure Rapid Prototyping). Як ми вже згадували в попередньому пості, обидві програми потрапили до десятки найкращих інструментів прототипування 2019 року (хоча Axure значно відстає від InVision).
Отож, чи варто випробувати ці інструменти для створення прототипів? Чи підійдуть вони для дизайнерів-початківців? Чи можуть Axure RP та InVision пришвидшити процес створення вебдизайну?
Спробуймо знайти відповіді на ці питання разом. Пропонуємо вашій увазі короткий інформативний огляд інструментів Axure RP та InVision.
Axure RP та InVision: короткий огляд
Багато веб-дизайнерів вважають Axure RP найкращим інструментом для прототипування. Та чи це насправді так?
Axure існує вже понад 15 років, та безперечно має все необхідне для створення чудових прототипів. Але користувачам, які не знаються на програмуванні, він може видатись важким для засвоєння.
Розробники Axure уважно дослухаються до фідбеку від користувачів та постійно удосконалюють програму. Як результат, остання на сьогодні версія інструменту, Axure RP 9, продовжує отримувати схвальні відгуки.
Що стосується InVision, то він використовується частіше за Axure RP і став другим за популярністю інструментом створення прототипів 2019 року. На це є поважна причина.
Веб-дизайнери люблять цей інструмент за те, що він є інтуїтивно зрозумілим, легким у використанні та дозволяє створювати якісні дизайни.
Як і Axure RP, InVision чудово підходить для демонстрації готових проєктів замовникам, а також для отримання фідбеку. Обидва інструменти використовуються командами веб-дизайнерів з усього світу для створення вебсайтів та застосунків.
Axure RP та InVision: за і проти
Тепер розгляньмо переваги кожного з інструментів детальніше.
Почнемо з InVision.
Чому варто використовувати InVision для прототипування?
InVision піднявся на другу сходинку серед інструментів для створення прототипів з наступних причин.
-
Контроль процесу створення дизайну
InVision дає можливість побачити, як виглядатиме продукт у реальному житті. Коли ви завантажуєте дизайн застосунку або вебсайту до програми, InVision показує, як ваш продукт бачитиме користувач.
Можливість поглянути на вашу роботу очима юзера - надзвичайно важливо. Особливо це стосується замовників, які отримують шанс оцінити кінцевий результат роботи.
-
Інтерактивний прототип
Якщо ви хочете вразити клієнтів презентацією прототипу, InVision чудово для цього підійде. Жодних нудних, статичних макетів. Створюйте інтерактивні прототипи, що виглядають як готовий сайт чи застосунок. В InVision це зробити надзвичайно просто. Використовуйте фотографії чи скріншоти, щоб створити клікабельну версію дизайну. Процес не займає багато часу, але може допомогти дизайнерам та замовникам краще порозумітись між собою.
-
Робота над мобільними застосунками
За допомогою InVision можна тестувати прототипи мобільних застосунків на мобільних пристроях. Тестувальник матиме можливість використовувати жести та переходи, як в роботі зі звичайним застосунком. Такий підхід до тестування є більш ефективним, адже дозволяє знаходити найменші недоліки, які часто не помічають під час перевірки роботи дизайну на мобільних пристроях.
-
Історія версій дизайну
Як і текстовий редактор, InVision зберігає історію усіх версій дизайну. Це означає, що ви можете повернутись до старішої версії проєкту та переглянути зміни.
-
Командна робота над дизайном в реальному часі
Працюєте над командним проєктом віддалено? Потрібно обговорити дизайн із клієнтом із за кордону? Скористайтеся InVision’s FreeHand. Це спеціальний документ, в якому команда може обмінюватись ідеями та одразу тестувати їх на прототипах у режимі реального часу.
Цей інструмент дозволяє:
- Одночасно проєктувати та обмінюватись ідеями
- Слідкувати за роботою інших користувачів
- Масштабувати, скасовувати зміни, повторювати
- Делегувати контроль над прототипом та презентацією іншим
- Додавати зображення та елементи дизайну.
Зрештою, FreeHand дозволяє швидше та ефективніше працювати над презентаціями дизайну, обговореннями з клієнтами, тестуванням.
-
Виділення елементів
І, звичайно, виділення елементів (hover state) - функція, яка дозволяє інтерактивним елементам змінюватися, коли над ними затримується курсор миші. Ця функція робить прототип "живим" та інтерактивним та допомагає створювати яскравіші презентації та ефективніше тестувати.
Недоліки InVision
Найбільшою проблемою є відсутність інтуїтивно зрозумілого інтерфейсу, через що страждають веб-дизайнери-початківці.
Чому варто використовувати Axure RP для прототипування?
Тепер погляньмо на Axure RP. Що може запропонувати цей інструмент?
-
Швидкий процес створення прототипів
Інструмент отримав назву Axure Rapid Prototyping не просто так.
Хоч він не створює кінцеву версію коду, все ж Axure може пришвидшити роботу над дизайном.
Багато спеціалістів надають перевагу створенню прототипів в процесі розробки програмного забезпечення. Це нібито пришвидшує процес розробки. Але такий спосіб працює лише в тому випадку, якщо всі зацікавлені сторони погоджуються, що і продукт, і код належної якості. Команда може витратити дні, а іноді й тижні на обговорення та тестування продукту, що врешті-решт зміщує кінцевий термін проєкту.
З іншого боку, ви можете створювати реалістичні дизайни набагато швидше. Не потрібно писати код та чекати на результати численних перевірок та тестів. Якщо дизайн влаштовує всіх учасників, можна одразу переходити до програмування та тестування.
У багатьох випадках це може виявитись найшвидшим способом розробки цифрових продуктів.
- Співпраця та співавторство
Подібно до InVision, Axure RP також забезпечує середовище, в якому команда дизайнерів може проєктувати одночасно. Кожен з учасників може бачити, хто чим займається. Це допомагає пришвидшити роботу та працювати над дизайном більш цілеспрямовано. Тут також є вбудований контроль версій проєкту, аби нічого не загубити в процесі.
-
Найкращий варіант для дизайнерів користувацького інтерфейсу
Axure RP не створює кінцевий варіант коду. Процесом прототипування та моделювання можуть займатись безпосередньо дизайнери користувацького інтерфейсу. А це означає, що робота над складними графічними інтерфейсами займатиме менше часу.
Якщо над проєктом в Axure працює досвічений дизайнер, він зможе одразу створити прототип, який нагадуватиме готовий продукт. Отже, якщо вам потрібно швидко отримати прототип високої точності, цей інструмент - те, що треба.
Недоліки Axure RP?
Не найкращий вибір для початківців
Axure RP - це інструмент для створення прототипів, якого намагаються уникати дизайнери, що незнайомі з програмуванням. Якщо у вас немає досвіду розробки програмного забезпечення, є ймовірність, що ви просто не зрозумієте всі особливості роботи цього інструменту.
Це робить Axure RP не найкращим варіантом для команд з дизайнерами-початківцями.
Наостанок
Може здатися, що обрати інструмент для створення прототипів не так вже й важко, проте вам знадобиться трохи часу та зусиль, щоб обрати найкращий варіант для вашого проєкту. І Axure RP, і InVision є хорошими інструментами прототипування, але мають свої особливості та підходять для роботи над різними проєктами. Якими саме? Відповідь проста: обидва можна використовувати для будь-якого вебдизайну, навіть для складних корпоративних продуктів.
Axure RP чудово підходить для створення прототипів, але інструмент є доступним на ринку вже понад 10 років. Отже, він має функції, які вимагають спеціальних знань. Це не дуже зручно для дизайнерів-початківців. InVision є більш популярним, оскільки він простіший, швидший та має велику кількість технічних можливостей.