interfaces.prjctr | vnotchenko week
Open in Telegram
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute. Наші курси ➡️ https://shorturl.at/5Zpvf @projector_online — менеджер на звʼязку з 10 по 19 💙
Show more
Network:📈 Analytical overview of Telegram channel interfaces.prjctr | vnotchenko week
Channel interfaces.prjctr | vnotchenko week (@interfaces_prjctr) in the Ukrainian language segment is an active participant. Currently, the community unites 10 702 subscribers, ranking 3 358 in the Art & Design category and 5 523 in the Ukraine region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 702 subscribers.
According to the latest data from 01 September, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -18 over the last 30 days and by -4 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 12.26%. Within the first 24 hours after publication, content typically collects 8.00% reactions from the total number of subscribers.
- Post reach: On average, each post receives 1 313 views. Within the first day, a publication typically gains 857 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 14.
- Thematic interests: Content is focused on key topics such as портфоліо, інтерфейс, арсен, зображення, натхнення.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.
Наші курси ➡️ https://shorturl.at/5Zpvf
@projector_online — менеджер на звʼязку з 10 по 19 💙”
Thanks to the high frequency of updates (latest data received on 02 September, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Art & Design category.
10 702
Subscribers
-424 hours
-27 days
-1830 days
Posts Archive
Відкладайте свої таски, бо у нас тут залипальний контент
У пошуковику Google з’явилась функція Emoji Kitchen — можливість комбінувати емодзі.
Принцип такий: оберіть перший квадратик та емодзі, а потім — другий квадратик. Далі натисніть на готову комбінацію й вона скопіюється у буфер обміну.
Креативте на здоров’я. А в коментарях закидуйте ті комбінації, які ідеально описують ваш день.
+3«Сміливо», «чесно», «жахливо». Такі реакції викликає веббруталізм
Та усе почалося з архітектури та періоду, коли світ переживав наслідки розрухи після Другої світової війни. Будівлі у цьому стилі не мали декоративних елементів і нагадували важкі цементні «будинки-коробки» з простими геометричними формами.
Розквіту ж бруталізм як архітектурний напрям набув у 1950-1970-ті. Загалом його філософія полягала в тому, щоб відкинути високі ідеали краси та «штучність» й показати правду, яка вона є.
• Через десятиліття ця ідея перекочувала в дизайн інтерфейсів і трансформувалась у прагнення відійти від м’яких, шаблонних сайтів. Паскаль Девіль, який ввів термін «бруталізм» у вебдизайн, бачить привабливість стилю в «його грубості та байдужості, щоб виглядати зручно чи легко».
Які основі характеристики веббруталізму?
• Базові, не змодельовані HTML для сайтів;
• монохроматичні колірні схеми, як-от чорно-білі або сірі;
• проста типографіка з великими розмірами шрифту, щоб збільшити візуальну вагу тексту;
• акцент на функціональності без додаткових декоративних елементів;
• повторювані елементи дизайну, прямокутні форми тощо.
🔷 А як вам цей стиль?
Зображення: Studio Push, Kurt Champion, PART Architects, Stedelijk Museum Amsterdam.
«Ну, брейнштормимо!» Як часто з такої чи схожої натхненної фрази починалися командні воркшопи, які у процесі здувалися?
Річ у тому, що шторму ідей потрібна структура та послідовність дій. Як це можна забезпечити?
🔷 Залучати до творення дизайн-рішень і тих членів команди, які «не те щоб креативні».
🔷 Формувати попередній план воркшопу зі стейкхолдерами та отримати фідбек від них.
🔷 Зважено відкидати неробочі ідеї, обирати кращі рішення й будувати подальший план їх валідації.
Щоб розуміти особливості кожного пункту й вміти їх втілювати в роботі, ми засетапили воркшоп Ideation. Co-Creation Sessions.
Для кого? Для дизайнерів, дослідників і продуктових менеджерів.
У процесі працюватимете в командах над реальними проєктами, для яких сплануєте та проведете воркшопи зі стейкхолдерами. А на виході вмітимете вести й фасилітувати командні штормінги, які завершуються чіткими результатами.
Коли: 23-24 вересня.
Ваш куратор: Юрій Грановський.
Ознайомитися з програмою детальніше можна тут. До зустрічі!
Доставляємо заряд позитивних вайбів для продуктивної середи. Рекомендуємо повертатися до цього зображення, коли відчуваєте різкий брак мотивації від котиків.
Підгледіли у thischarmingcatt.
Відрізнити ефективну діаграму від неефективної можна з першого погляду. І для цього не обов’язково бути профі. А от щоб візуалізувати дані, які без проблем передають суть ідей, статистики, знахідок — професійні скіли варто підсилити.
Ця #книжкова_рекомендація допоможе крок за кроком розібратися, як створювати діаграми та графіки так, аби було зрозуміло, переконливо та ефективно. У посібнику дізнаєтеся про контроль кольору, створення чіткої візуальної комунікації, вибір типів діаграм тощо.
До вашого набору дизайн-інструментів — Durves, генератор патернів.
Можна:
• створювати візерунки з кривими й властивостями, які самі визначаєте;
• експортувати у SVG та PNG форматах;
• проєктувати текстурні дизайни.
Взяти, протестити, користуватися.
+1Заглядаємо за технічні лаштунки Projector Mentorship Platform
На її прикладі ділимося, як зібрати no-code сайт на Webflow, який інтегрується з іншими сервісами. Експерт у темі, автор ідеї платформи та розробки, а ще куратор Advanced Webflow Development Workshop — Стас Говорухін. Передаємо йому слово.
Окрім інтерфейсу менті, у платформи є важливі компоненти:
• бронювання сесії;
• створення запису в Google Calendar і дзвінка в Google Meet;
• запис інформації в табличку (для команди проєкту) тощо.
Щоб все це магічно працювало, ми залучили сервіси для інтеграцій. Один з них — Make.com. Дані ж ми отримуємо не із самого сайту, а з віджета бронювання, який працює через український сервіс Wlaunch. Далі створюємо акаунт у Make й починаємо створювати багатокроковий сценарій:
• беремо дані з Wlaunch: вони надсилаються вебхуком. Якби це була форма у Webflow, ми б поклали інтеграцію з нею на початок;
• працюємо з отриманими даними: вони не дуже чисті, не завжди правильні, тому їх треба налаштувати, щоб Google Meet створив зустріч.
Бонус — він автоматично створює зустріч в календарі. Те саме ми робимо й з записом у Google Sheets.
І це — вершина айсберга. Використовуючи Webflow Logic, API та зовсім трошки кастомного JS (який вам люб’язно напише ChatGPT, наприклад), ми можемо робити складніші штуки. Наприклад, не лише забирати дані з сайту на Webflow, а ще й повертати їх та оновлювати сайт даними з іншого місця.
🔷 Якщо вам цікаво піти далі сайтів із формою — вирушайте на воркшоп Стаса.
Adaptive & responsive web design — на перший оманливий погляд, одне й теж. Але відмінність полягає у підході та періодах виникнення обох. Та й взагалі перший проклав шлях останньому.
Вова Віндар, незалежний UI-дизайнер і куратор курсу Web Design Beginning, розклав по поличках суть адаптивного та чутливого (responsive) дизайнів. А ще поділився, як створювати чутливі дизайни, що йдуть на зустріч потребам користувачів.
Читати.
+9Музей інтерфейсів повертається
Запрошуємо вас на диджитал-екскурсію продуктами, відомими на весь світ. Розглядайте, придивляйтесь, а в коментарях діліться, який інтерфейс особливо вразив.
Першу виставку дизайнів переглядайте тут.
UX-ресурси, з якими і скіли прокачаєте, і дизайн-процес підсилите
• Короткі підказки та cheatsheets з продуктового дизайну на всі випадки життя.
https://uxhints.com/
• Посібник для універсального дизайну з інклюзивними методами для воркшопів та порадами, як залучати учасників із різними фізичними та ментальними можливостями.
https://universaldesignguide.com/
• Колекція best practices та законів психології, які допоможуть проєктувати користувацькі досвіди.
https://lawsofux.com/info/
Якщо працюєте з UX для e-commerce продуктів — цей матеріал для вас
Команда Baymard Institute дослідила 100+ вебсайтів електронної комерції, проаналізувала понад 13 000 UX-елементів на домашніх сторінках та навігації за категоріями. І запакувала ключові висновки із дослідження у статтю зі статистикою та прикладами.
Ситуація: обрати KPI для продукту, щоб драйвити результати
Чіткий зв’язок між роботою дизайн-команди та бізнес-цілями компанії — вкрай рідкісна історія. Але дизайн — це ж не лише про те, щоб було красиво, а й ефективно. Відстежувати останнє можна й треба за допомогою KPI, які тісно пов’язані з бізнес-цілями.
Як це робити з фокусом на результати, ділиться
Віталій Фрідман, куратор Design KPIs Workshop.
Думайте про те, як швидше спонукати користувачів до малих та великих успіхів у продукті й допомогти їм відновитися після можливих помилок. У такому разі показниками, на які варто звертати увагу є:
• відсоток виконання завдань (task completion rates);
• час виконання завдання (task completion times);
• частота помилок (error frequency);
• ефективність відновлення від помилок (error recovery rate).
Відстежуйте також фактори, які сприяють успіху бізнесу й формуйте KPI дизайну навколо них. Щоб робити це ефективніше, використовуйте метрики й критерії якості закріплені до цього допису як загальний дороговказ.
🔷 Розбиратися на практиці, як формувати KPI дизайну, що дружать з бізнес-цілями, будемо на воркшопі разом з Віталієм. Долучайтеся.
Чому юзери користуються dark mode? Чи справді темна тема заощаджує заряд батареї, зменшує навантаження на зір та підсилює доступність?
Ці запитання поставили собі автори матеріалу для NN/g. Щоб вийти на відповідь, вони зібрали дані вже з наявних досліджень, а ще провели власні — опитування користувачів та юзабіліті тестування мобільних продуктів.
Загалом один з найпопулярніших аргументів про те, що dark mode покращує UX зводиться до причин:
• нижче навантаження для очей;
• економія заряду батареї;
• візуальна привабливість;
• доступність для людей з вадами зору (наприклад, катарактою).
🔷 У статті дізнаєтеся, наскільки ці причини валідні, які очікування у юзерів від dark mode та чого варто уникати в дизайні темної теми.
Усі ідеї вже вигадали?
Щойно була коротка перевірка на майбутніх винахідників. Якщо ви теж тригернулися чи/та забажали виправити речення, читайте далі.
Ми запустили курс, де будете знаходити можливості, що здавалися іншим неможливими — AI for Product Creation.
Якщо коротко, ваші таски на цей період — приміряти на себе роль винахідників, довіритися ШІ та створити у цій синергії щось, що все змінить.
Якщо детальніше, куратор курсу — Денис Суділковський — розробив програму так, що за 2 місяці навчання ви вмітимете:
• формувати стратегії створення перших версій продуктів або фіч;
• досліджувати ринок та користувачів із ШІ;
• формувати план запуску фічі (від MVP до Roadmap);
• розробляти функціональні прототипи з ШІ для proof-of-concept;
• тестувати прототипи на реальному ринку, обробляти результати тестів;
• розуміти процеси впровадження ШІ у власних командах.
Готові? Дізнатися деталі.
Раптом ви пропустили: KyivUX та R9 Research випустили благодійну збірку статей про UX-дослідження.
Книга складається із 14 матеріалів на теми входу у професію, методологій та процесу досліджень. Авторами статей стали українські експерти. Зокрема серед них є Юрій Грановський, куратор воркшопів Ideation. Co-Creation Sessions і Test. Solutions Analysis.
Увесь прибуток з продажів збірки спрямують на допомогу ЗСУ. Більше про проєкт та де можна придбати книгу — тут.
Зображення — UX Kyiv.
Шрифтове: ресурси, щоб почитати, потестити та застосовувати в роботі
🔷 Ідентифікація шрифтів за зображеннями
https://www.myfonts.com/pages/whatthefont
🔷 Бібліотека гайдів про типографію від Google
https://fonts.google.com/knowledge
🔷 ШІ-інструмент для генерування комбінацій шрифтів
https://fontjoy.com/
Якщо користуєтеся іншими ресурсами для роботи зі шрифтами, діліться рекомендаціями в коментарях.
Зображення — WhatTheFont.
Історія про дизайнерську помилку, яка коштувала життів та дизайн-рішення, яке їх врятувало
Не будемо спойлерити, а просто радимо прочитати статтю. У матеріалі дізнаєтеся про Альфонса Чапаніса, на той час молодого психолога, який змінив проєктування літаків під час Другої світової війни.
Потенційно-залипальне. Якщо це те, що вам в цей момент потрібно, тоді ось три вебсайти, які з цим впораються.
https://www.fallingfalling.com/
https://puginarug.com/
https://cat-bounce.com/
P.S. Наш фаворит — сайт з котиками, що стрибають 🤫
Старт місяця + кінець тижня = освітні можливості від Проджа
Здобувати нові навички, йти на зустріч викликам і отримувати підтримку кураторів зможете вже з понеділка. За планом у нас:
🔷 Курси
• Web Design Beginning, 4 вересня
• Web Design Junior, 4 вересня
• Mobile Apps Design, 11 вересня
• UX Design Beginning, 13 вересня
• UX Writing, 22 вересня
• Product Design, 25 вересня
• AI for Product Creation, 26 вересня
🔷 Відеокурси
• Figma
• Webflow
Бібліотека-помічниця у виборі колірної палітри заходить у цей канал
За допомогою генератора можна підібрати гаму й навіть трішки помедитувати у процесі.
Протестувати.
