Коротко: UI — це те, як екран виглядає, UX — як ним користуються. Підлітку це дає навичку, яку видно в кожному застосунку: помічати незручності й уміти пояснити, чому саме так краще. Курс триває 12 місяців, 104 заняття, 14 тем, вік 10–18 — один із найкоротших у школі, бо тут менше технічних тем і більше роботи з логікою.

UI/UX — професія, яка стоїть за кожним застосунком

Будь-який екран, яким користується дитина, хтось спроєктував: де кнопка виходу, скільки кроків до потрібної дії, що станеться після натискання. Це і є робота UI/UX дизайнера — не намалювати красиво, а зробити так, щоб людина дійшла до мети й не розсердилася по дорозі.

Особливість напрямку в тому, що результат вимірюваний. Чи знайшов користувач кнопку за три секунди — на це є відповідь, і вона не залежить від смаку.

UI чи UX — у чому різниця

UX — це структура й сценарій: які екрани є, що з чого відкривається, у якому порядку. Тут працюють схемами, а не кольорами: спершу прямокутники й стрілки, лише потім зовнішній вигляд.

UI — це вигляд: типографіка, кольори, розміри, відступи, стани кнопок. Тут з'являються сітки й компоненти — елементи, які повторюються по всьому застосунку й задаються один раз.

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

Просте пояснення для дитини

UX — це план будинку: де двері, де сходи, скільки кроків від входу до кухні. UI — це оздоблення: колір стін, форма ручок, освітлення. Гарне оздоблення не рятує будинок, у якому кухня за трьома сходовими маршами.

Чому цей напрямок підходить підліткам

Не потрібен код для старту

Робота йде у Figma — браузерному інструменті, який не вимагає потужного комп'ютера й не коштує грошей для навчання. Програмувати не треба: дизайнер віддає розробнику макет, а не код.

Це знімає головний бар'єр, через який частина підлітків не заходить в IT: можна працювати з реальними продуктами, не вивчаючи мову програмування наперед.

Не потрібно вміти малювати

Інтерфейс будується з готових форм: прямокутники, іконки, текстові блоки. Ручна графіка тут майже не використовується, і це робить напрямок доступним дітям, які «не художники», але помічають незручності.

Результат — реальний проєкт, а не абстрактна вправа

Наприкінці курсу в підлітка є макет застосунку або сайту: не картинка, а клікабельний прототип, у якому працюють переходи між екранами. Це те, що можна показати в портфоліо вже в 14–16 років і що зрозуміло навіть тому, хто не розбирається в дизайні.

Що вивчають на курсі

Програма — 14 тем за 12 місяців. Починається з дослідження: хто користувач, яку задачу він вирішує, де в поточному рішенні незручно. Далі сценарії й структура — з чого складається застосунок і в якому порядку відкриваються екрани.

Потім інструмент: Figma, компоненти, сітки, типографіка, кольори й стани елементів. Ближче до фіналу — прототипування, тестування на живих людях і оформлення кейсу для портфоліо.

Практичні, орієнтовані на клієнта теми стоять у другій половині — приблизно з дванадцятої з чотирнадцяти. Це помітно раніше за більшість інших напрямів, і саме тому UI/UX швидше виводить на рівень, з яким уже беруться за замовлення.

Чому дослідження стоїть раніше за Figma

Бо малювати екран, не знаючи задачі, — найдорожча помилка в цій професії. Красивий інтерфейс, який вирішує не ту проблему, переробляється повністю, і жоден рівень володіння інструментом від цього не рятує.

Як виглядає навчальний проєкт

Типова задача курсу — не «намалюй застосунок», а «зроби так, щоб людина змогла зробити X». Наприклад: застосунок для запису до перукарні, де користувач має вибрати майстра, час і послугу за мінімальну кількість кроків.

Робота починається з питань: скільки кроків потрібно, що бачить людина першим, що станеться, якщо вільного часу немає. Далі схема екранів на папері або в простому вигляді — прямокутники й стрілки, без кольорів.

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

Що дає перевірка на людині

Найкорисніший момент курсу. Підліток, упевнений, що все очевидно, дивиться, як хтось не може знайти кнопку, — і це переконує сильніше за будь-яке зауваження викладача. Саме після цього з'являється звичка перевіряти, а не здогадуватися.

Для кого підходить курс

UI/UX підходить підліткам 10–18 років, які:

  • цікавляться технологіями, сайтами й застосунками;
  • помічають незручності й дратуються від них — це головна ознака;
  • люблять структуру, правила й системи більше, ніж вільне малювання;
  • готові пояснювати свої рішення, а не тільки показувати результат.

Дитині, якій цінний сам процес малювання, тут може бути нудно: більшість роботи — це схеми, сітки й обговорення. Для неї кращий вхід — цифровий рисунок або графіка.

Як перевірити схильність за вечір

Попросити розібрати улюблений застосунок: які екрани, що звідки відкривається, що дратує. Дитина з інтерфейсним складом розповідає охоче й із прикладами. Дитина, якій це не близько, знизує плечима — і це нормальна відповідь, просто інша.

Куди це веде далі

UI/UX — найближчий до IT напрямок усередині дизайну, і з нього коротший шлях і в розробку, і в продуктову роботу. Підліток, який зробив прототип, уже розуміє, з чого складається застосунок, і далі може рухатися або в бік коду, або в бік дослідження користувачів.

Про рівень доходу в різних напрямах дизайну є окремий розбір із посиланнями на джерела — «Скільки заробляє дизайнер в Україні».

Що з цього лишається, навіть якщо дизайн не стане професією

Уміння помічати, як влаштовані речі навколо, і формулювати, чому щось працює погано. Це переноситься далеко за межі екранів: на шкільну презентацію, на пояснення власної ідеї, на будь-яку ситуацію, де треба переконати людину, яка бачить твою роботу вперше.

Друге — звичка розділяти «мені подобається» й «це працює». Для підліткового віку це нетипова операція, і вона помітно змінює те, як дитина сперечається: замість смаку з'являються аргументи.

І третє, суто практичне: базове володіння Figma сьогодні корисне навіть поза дизайном — у ній роблять презентації, схеми, прості макети для шкільних і власних проєктів.

Чого цей курс не дає

Ручної графіки. Малювати персонажів, працювати з пензлями й текстурами тут не вчать — це інші напрямки. Так само немає анімації в повному обсязі: інтерфейсна анімація згадується, але як частина взаємодії, а не як окреме ремесло.

І ще одне, про що варто знати заздалегідь: тут багато обговорень. Роботу розбирають, рішення доводиться захищати, і дитині, якій це некомфортно, перші місяці даються складніше за технічну частину.

Висновок

UI/UX — рідкісний випадок, коли дизайн і логіка не конкурують, а працюють разом. Для підлітка, який помічає незручності й любить пояснювати, чому саме так краще, це найприродніший вхід у професію.

Якщо дитині ближче структура, ніж малювання, є окремий розбір цієї ситуації: «Дитина любить логіку, а не малювання». Розкладка всіх напрямів за віком — тут, а повна програма — на сторінці курсу UI/UX дизайну.