interfaces.prjctr
10.5K subscribers
1.53K photos
243 videos
805 links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ bit.ly/3Ok2oRD
Для питань та пропозицій — hello@prjctr.com
Download Telegram
Ніщо так не підриває довіру користувачів, як замаскований штучний інтелект у чаті з «консультантом».

Зібрали 10 порад від Віталія Фрідмана, як побудувати дизайн для AI-чата, щоб не відлякати юзерів, а навпаки — примножити лояльність до бренду + вирішити проблему користувача.

1. Будьте чесними: одразу повідомте, з ким людина спілкується.
2. Дозвольте користувачам самостійно завершувати розмову.
3. Використовуйте окремі аватари для бота та людей.
4. Додайте можливість закріплювати важливі повідомлення.
5. Дозвольте користувачам регулювати рівень деталізації reasoning traces.
6. Дайте змогу згорнути чат, не завершуючи його.
7. Для довгих і складних завдань — повноекранний режим.
8. Для мультизадачності чи співавторства — бокова панель.
9. Для коротких запитів — компактний віджет чату.
10. На мобільних пристроях зручніше працює повноекранний AI-чат.

Якщо хочете знати більше деталей про побудову AI-інтерфейсів, приходьте на 3-денний інтенсив Віталія Design Patterns For AI Interfaces.

Старт — 26.11.
20
Кажуть, GPT-5.1 вже поруч.

Користувачі помітили сліди моделі gpt-5-1-thinking. Схоже, на нас чекає новий раунд двобою Gemini 3 vs GPT-5.1.

Попкорн можна готувати вже. Спостерігаємо з першого ряду 🍿
14👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Canva запустила власну AI-модель і зробила Affinity безкоштовним.

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

Інтеграція AI дозволяє:
🔹генерувати 3D-об’єкти;
🔹копіювати стиль будь-якого дизайну;
🔹швидко перебудовувати структуру, кольори, композицію слайдів.

Паралельно Canva об’єднує свої інструменти в одну екосистему:
🔹дозволяє створювати інтерактивні віджети;
🔹інтеграція з MagicBrief: аналітика й креатив під одним дахом;
🔹серед новинок також: конструктор форм, генератор email-шаблонів.

І головне — Affinity тепер безкоштовний назавжди. Хоч ми і знаємо, що іноді це надто гучне слово 🖤.
24🔥10🌚1
Слово року 2025 — vibe coding.

Collins обрав слово року 2025 — vibe coding. Хоча, технічно, це вже два слова. Але не в цьому суть 😊

Суть у тому, що світ змінюється.

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

Тепер ми всі трохи розробники, дизайнери, маркетологи — а часом і засновники стартапів.

До речі, у Проджі вперше стартує курс — Build Your Startup With AI, який саме про це.

Як за допомогою доброго слова і АІ помилятись правильно і виконати всі ролі одночасно.

Такий от vibe coding наших днів

Приєднатись до курсу
14😁7
Давайте відверто.

Чорна пʼятниця — не наша історія. Бо хайп і знижки — не про цінність.

Це як грати зі шрифтами і постійно програвати.

А ми у Проджі віримо у продукти, створені з любові.

Тому ми зробили все неправильно і даємо не знижки, а можливість отримати велику цінність. Дуже велику.

До 30 листопада візьміть курс, який вам справді потрібен і отримайте рік доступу одразу до десяти курсів Проджа у режимі глядача.

Можливо, це краще, ніж всі чорні п’ятниці разом взяті

Деталі за посиланням
27🔥9
Розкішна підбірка з 408 дизайн-систем: Atlasian, Mailchimp, Volvo — всі тут.

Приділяйте штудіюванню всього десять хвилин на день і не дивуйтесь, як ваші колеги раптом відзначать:

— Твоя системність останнім часом зашкалює

Ранок починається непогано, так?
37🔥21
Легендарні Пухнастики — тепер по п'ятницях ❤️

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

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

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

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

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

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

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

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

Enjoy

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

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

Старт 8 грудня. А якщо візьмете до кінця листопада, отримаєте всі переваги нашої неправильної чорної п'ятниці.
16🤔1
Media is too big
VIEW IN TELEGRAM
Figma оновила дизайн-системи для ери AI

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

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

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

---

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

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

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

Взяти участь
25
Media is too big
VIEW IN TELEGRAM
Whiteboard Challenge — новий стандарт відбору дизайнерів у продуктові команди.

Як це працює?

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

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

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

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

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

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

Ще три дні діє Чорна П'ятниця і це все ще значно вигідніше, ніж без неї.
20🌚2
Давайте і ми подумаємо, як замінити звичні запозичення на прикольні власні слова?

Наприклад.

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

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



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

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



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

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



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

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

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



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

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



Свої ідеї про те, як мило замінити запозичення, кидайте в коментарі.
😁42😨137🥴7🤷‍♀2💅2🌚1
Як використати ефект Зейгарник для онбордингів, або чому мозок ненавидить незаверше...
😁10
Ефект Зейгарник — це когнітивне явище, згідно з яким мозок надає пріорітет уваги незавершеним задачам.

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

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

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



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

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

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

---

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

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

---

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

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

---

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

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

---

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

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



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

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

Вривайтесь в освітню спільноту Проджа
30
This media is not supported in your browser
VIEW IN TELEGRAM
На Mobbin під'їхали анімовані демонстрації інтерфейсів.

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

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

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



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

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

Головне, надихайтесь і створюйте круті продукти ❤️
41
Pantone оголосив, що головним кольором 2026 року стає Cloud Dancer — PANTONE 11-4201 — ніжний, «повітряний» білий відтінок.

За задумом Pantone, цей білий символізує спокій, чистоту, простір для оновлення — своєрідну «паузу» в наповненому шумом світі.

Це перший випадок, коли за 26 років існування програми «Колір року» Pantone обрав саме білий відтінок — що підкреслює прагнення до мінімалізму й ретритної естетики.



Коментар редакції: здається, світ настільки... мммм... як би це сказати... збожеволів, що запит на спокій і мінімалізм, висловлюють навіть кольори.

Спокійних вам і безпечних вихідних 🤍
41😁1
Тренди в дизайні мобільних додатків 2026

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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



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

А щоб системно навчитись проєктувати мобільні інтерфейси у 2026 — застрибуйте на курс Mobile Apps Design, що стартує 15 грудня.
16🤔4🔥3👍1
Media is too big
VIEW IN TELEGRAM
Tubik Studio отримали Site of The Day за свій внутрішній тренувальний проєкт — Der Baukasten.

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

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

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

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

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

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

Така от прямолінійна магія
62
Times New Roman — новий-старий стандарт Білого Дому.

Держсекретар США Марко Рубіо наказав дипломатам повернути Times New Roman у всі офіційні документи.

«Щоб відновити пристойність і професіоналізм» та скасувати ще одну «марксистську» практику — шрифт Calibri, прийнятий за стандарт попередньою адміністрацією.

Що ж, в усіх підручниках по зламу світових порядків, сказано, що це треба робити красиво
😁23🤯4
А нашій спільноті саме час дізнатись більше про Times New Roman.

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

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

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

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

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

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

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

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