У цьому уроці ми глибоко зануримось у прототипування в UX-дизайні. Я розповім, що таке UX-прототип, які типи прототипів існують (low-fi, mid-fi, high-fi), навіщо вони потрібні та як використовувати їх для тестування користувацького досвіду (user testing). Ми розглянемо приклади, інструменти для створення прототипів (Figma, , Balsamiq та інші), і покажу практичний кейс побудови прототипу. Це обов’язковий урок для тих, хто хоче краще розуміти UX/UI дизайн, працювати з клієнтами та створювати продукти, що справді вирішують задачі. 🧠 Що варто додатково вивчити самостійно після уроку: (рекомендовані теми для самостійного розбору) • Що таке usability testing (тестування з користувачами) • Відмінності між wireframe, mockup і prototype • Основи створення сценаріїв для UX-тестів • Як записувати інтерв’ю з користувачами та аналізувати фідбек • Коли обирати low-fidelity прототипи, а коли high-fidelity • Інструменти для прототипування: Figma vs vs Axure • Affinity diagramming — як структурувати відгуки користувачів Цей урок — must-have для дизайнерів, які хочуть вміти не просто малювати інтерфейси, а перевіряти ідеї до розробки. Саме прототипи дозволяють економити ресурси, уникати помилок, і будувати дизайн на основі реального досвіду користувача. 📝 Домашнє завдання: Задача: Уявіть, що ви працюєте над застосунком для студентів від університету. Він має допомагати організовувати навчальний процес: розклад, завдання, дедлайни, успішність. Що потрібно зробити: • Створіть UX-прототип із 3 екранів: • Головний екран: розклад тижня, список задач, сповіщення • Екран розкладу: з можливістю редагування занять • Екран успішності: показ оцінок, прогресу, мотиваційних віджетів • Продумайте логіку взаємодії університету з студентом • Додайте базову інтеграцію з нагадуваннями, бонусами, календарем • Запропонуйте власне бачення, навіть якщо інформації мало Це прототип, який згодом може бути використаний для опитування студентів щодо зручності та UX. 📩 Як здати на перевірку: Надіслати цю роботу на перевірку з можливістю отримати повноцінний фідбек можна після купівлі повного доступу до курсу або вступивши в закритий Telegram-чат. Напиши мені — і я скину тобі умови! Мій дизайн тг-канал - Дизайн-комʼюніті DesignHub ( ): • Чат дизайнерів— • Статті, корисні уроки по дизану безкоштовно — +snU9rJ1GHG5hYzBi • Персональний менторський чат — 📱 Я в соцмережах: • Instagram — • TikTok — @qwererik • Behance — • Dribbble — 🔥 Спонсорство на YouTube — Хочете підтримати канал? • • 00:00 - Вступ 01:18 - Що таке прототипування 03:04 - Навіщо потрібні прототипи 05:02 - Коли і де робити прототип 07:10 - Процес створення прототипу 09:18 - Типи прототипів 12:06 - Інструменти для роботи 14:42 - Практичний приклад 22:34 - Домашнє завдання 24:03 - Фінальні слова