Легендарні Пухнастики — тепер по п'ятницях ❤️

Показуйте, кого ви там чухаєте, гладите і жмакаєте під час мітів і в перервах між ними?

Це наприклад, Міка. Її чухає, жмакає і любить Аня.

✅ Просто складіть чекліст.

Чекліст — один з найкращих винаходів людства.

Чекліст — маленький акт поваги до себе майбутнього.

Чекліст мінімізує імовірність того, що ви щось забудете, переплутаєте і будете змушені вносити нескінчені правки.

Заведіть чеклісти для перевірки себе — коли створюєте картку продукту, сторінку 404, банер, кнопку, посадкову сторінку, навігацію.

Втім, можете зекономити час і — просто використати класний сервіс Checklist Design.

Тут є все це з коробки і з класним дизайном.

Enjoy ✨

А якщо хочете піти далі і всерйоз прокачати мислення UX дизайнера, застрибайте на новий потік UX Design — вчіться досліджувати, прототипувати, будувати юзер флоу.

✅ За чеклістами та ❤️ без них.

Старт 8 грудня. А якщо візьмете до кінця листопада, отримаєте всі переваги нашої неправильної чорної п'ятниці.

Figma оновила дизайн-системи для ери AI

Дизайн-система стає "мовою", яку AI може читати, інтерпретувати й допомагати дизайнерам проєктувати фокусуючись на досвіді, а не інтерфейсі.

Роль UI/UX-дизайнера змінюється:
🔹менше ручного копіювання і мікроконтролю;
🔹більше cенсів, патернів і дизайну поведінки.

Дизайнери (недалекого) майбутнього будуть у взаємодії з AI і керувати складними системами так, щоб приносити цінність користувачу.

---

Якщо цікаво працювати саме на цьому рівні, завтра стартує інтенсив Віталія Фрідмана: Design Patterns for AI Interfaces.

🔹 старт 26 листопада;
🔹 3 дні практики з реальними кейсами;
🔹 для дизайнерів із досвідом і продуктів, які вже працюють з AI.

Там розбираємо:
🔹 як працює AI під капотом і що від цього залежить у UX;
🔹 як будувати патерни персоналізації, інтерпретації контексту;
🔹 як робити AI інтерфейси передбачуваними і керованими.

Взяти участь

Whiteboard Challenge — новий стандарт відбору дизайнерів у продуктові команди.

Як це працює?

Прямо на дзвінку ви отримуєте задачу. І годину, на те, щоб найкраще її виконати.

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

Не поспішайте вмикати Фігму, спершу розберіться в суті задачі. Чому це важливо? Для кого? Які обмеження? Що вже пробували?

Ще одна річ, яку часто недооцінюють — планування часу:
- 5 хв — вступ, контекст;
- 20–25 хв — питання й звуження задачі;
- 20–25 хв — флоу і вайрфрейми;
- 5 хв — підсумок, метрики, наступні кроки.

Докладніше — у лекції Арсена Колиби, повну версію дивіться у Бібліотеці Проджа.

А якщо хочете всерйоз прокачатись у Product Design — приєднуйтесь до курсу, що стартує 2 грудня.

Ще три дні діє Чорна П'ятниця і це все ще значно вигідніше, ніж без неї.

Давайте і ми подумаємо, як замінити звичні запозичення на прикольні власні слова?

Наприклад.

1️⃣
Баг = Клопик
Фіча = Родзинка

Таким чином, можна сказати:
❌ це баг чи фіча?
✅ це клопик чи родзинка?

—

2️⃣
Юзер = Уживач
Туторіал = Розжовочка

Таким чином, можна сказати:
❌ юзери ігнорують туторіали.
✅ уживачі оминають розжовочки.

—

3️⃣
Кейс = Взірець
Портфоліо = Скарбничка

Таким чином, можна сказати:
❌ ось кейси з мого портфоліо.
✅ ось взірці з моєї скарбнички.

—

4️⃣
Хотфікс = Припік
АСАП = Навчорки

Таким чином, можна сказати:

❌ Потрібен хотфікс — асап.
✅ Потрібен припік — навчорки.

—

5️⃣
Чекбокс = Пташечка
Дропдаун = Випадайка

Таким чином, можна сказати:
❌ тут потрібен дропдаун або чекбокс.
✅ тут потрібна випадайка або пташечка.

—

Свої ідеї про те, як мило замінити запозичення, кидайте в коментарі.

Як використати ефект Зейгарник для онбордингів, або чому мозок ненавидить незаверше...

Ефект Зейгарник — це когнітивне явище, згідно з яким мозок надає пріорітет уваги незавершеним задачам.

Незавершена дія створює когнітивне напруження, через яке ми фізично погано почуваємось. Логічно, що мозок прагне швидше позбавитись дискомфорту.

Це той самий ефект, через який:

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

—

Як ефект Зейгарник застосувати до онбордингу користувачів.

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

Нижче — чотири простих способи впровадити це в онбордингу.

---

1️⃣ Візуалізуйте початок.

Користувач ще нічого не зробив, але вже бачить, що прогрес є. Окей, продовжувати легше, ніж починати.

---

2️⃣ Розбивайте процес на маленькі, видимі кроки.

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

---

3️⃣ Відображайте прогрес.

Сам факт наявності позначки In Progress може мотивувати більше, ніж нагорода в кінці. Прогресбари, списки, чернетки — все це тригер повернутись.

---

4️⃣ Допомагайте зробити перший крок

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

—

Якщо хочете зануритись у проєктування працюючих онбордингів, велкам на інтенсив Стаса Говорухіна — User Onboarding Design.

Стартуємо 12 грудня і протягом 3 днів розбираємо онбординги на атоми і молекули.

Вривайтесь в освітню спільноту Проджа ✨

На Mobbin під'їхали анімовані демонстрації інтерфейсів.

Раніше було все статичне, а тепер — гарно. Як то кажуть, давно пора 😘

Хто не в курсі, Mobbin — це велика якісна підписна бібліотека UI прикладів із топових продуктів (Airbnb, Uber, Notion тощо).

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

—

А якщо хочете самі анімувати сайти і додатки, на нашому курсі Motio...

...ладно, ви і самі розберетесь, як прокачати цей скіл.

Головне, надихайтесь і створюйте круті продукти ❤️

Тренди в дизайні мобільних додатків 2026

---

1️⃣ AI-персоналізація
Інтерфейси не просто підлаштовуються під користувача, а передбачають наступні дії і гнучко адаптуються.

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

---

2️⃣ Нульовий UI
UI відходить на другий план — взаємодія відбувається через голос, жести, камеру, контекстні дії та системи розпізнавання наміру.

Для дизайнера це означає — думати не екранами, а діалогами, жестами і сценаріями.

---

3️⃣ Агентний UX
AI виконує частину роботи сам: бронює, домовляється, аналізує і пропонує рішення.

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

---

4️⃣ Мікро-взаємодії та motion-мова
Анімація стає мовою пояснення: що відбулось, що буде далі, де ти зараз у сценарії використання.

Для дизайнера це означає — моушн інтерфейса це тепер не декор, а частина логіки і досвіду.

---

5️⃣ Доступність за замовчанням
Інклюзивність тепер — базова характеристика будь-якого UI.

Для дизайнера це означає — знати стандарти доступності і проєктувати одразу під різні способи сприйняття.

—

Більше славних думок на UX Pilot.

А щоб системно навчитись проєктувати мобільні інтерфейси у 2026 — застрибуйте на курс Mobile Apps Design, що стартує 15 грудня.

Tubik Studio отримали Site of The Day за свій внутрішній тренувальний проєкт — Der Baukasten.

Вигадали просту ідею. Реалізували за місяць у вільний від роботи час. Так просто.

Ми часто думаємо — як знайти замовників, чи отримати офер, якщо в портфоліо нема нічого такого?

Сфокусуйтесь на тому, що контролюєте.

Ви контролюєте офери? Ні.
Ви контролюєте своє портфоліо? Так.

Просто візьміть і зробіть щось класне. Вкладіть у нього свої вміння і пристрасть. Отримайте задоволення. Навчіться чомусь у процесі.

За такими діями завжди підтягуються і можливості.

Така от прямолінійна магія ✨

А нашій спільноті саме час дізнатись більше про Times New Roman.

У 1931 році редактор британської газети The Times зіштовхнувся з проблемою: інформації ставало все більше, а кількість шпальт збільшувати він не хотів.

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

В той же час типограф Стенлі Морісон критикував газету за низьку якість шрифтів у друці.

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

Іронія в тому, що The Times припинила використовувати його ще у 1972 році. А решта світу досі тримається за нього, ніби це останній шрифт на Землі.

А Завдяки популяризації від Microsoft, Білий Дім тримає Times New Roman, як долар, за золотий стандарт.

Ласкаво вітаємо у минулому.

РS. рекомендація Проджа — чудова лекція Катерини Королевцевої — Відчуття, сприйняття і літери у Бібліотеці.

Figma інтегрувала Gemini з усіма її Нано 🍌🍌🍌 і тепер машинка робить (майже) все сама.

1️⃣ Expand Image — автоматично розширює фон під новий формат.

2️⃣ Isolate Object / Erase Object — можна вибрати будь-який обʼєкт, видалити його або редагувати окремо: світло, колір, фокус, блюр.

3️⃣ Remove Background — винесли прямо в тулбар.

Ех, куди пішли ті часи, коли дизайнери володіли втраченим мистецтвом малювання реалістичних тіней і вирізання волосся через канали?

Усім салют! Саша, дякую за інтро 🤍 Ніколи такого не робив, навіть трохи хвилююсь.

Мене звати Стас, я дизайнер. Переважно, створюю продукти, інтерфейси, сайти та застосунки. Весь цей рік працював незалежно з клієнтами, а до цього робив Djinni, Uklon, Miro та багато іншого. Менторську платформу придумав та запустив разом з командою інституту, точно.

Веду в Projector курс про growth design та воркшоп про онбординг (вчора провів його в 11 раз, ого).

🙋‍♂️Планую ділитись цікавими посиланнями, ідеями та експериментувати. Обіцяю нічого не приховувати від вас (окрім секретів-секретів).

А про що вам було б цікаво від мене дізнатись? Напишіть в коментарях нижче 👇

Дуже люблю дивитись за тим, як крафтять рішення інші: дизайнери, інженери, креативники тощо. Хакім ель Хатаб, шведський фронтенд-розробник та дизайнер, показує як він придумував та втілював інтерфейсні штучки:
https://www.youtube.com/watch?v=o0NtjY17v5w