interfaces.prjctr | vnotchenko week
Открыть в Telegram
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute. Наші курси ➡️ https://shorturl.at/5Zpvf @projector_online — менеджер на звʼязку з 10 по 19 💙
Больше
Сеть:📈 Аналитический обзор Telegram-канала interfaces.prjctr | vnotchenko week
Канал interfaces.prjctr | vnotchenko week (@interfaces_prjctr) языкового сегмента Украинский является активным участником. Сейчас сообщество объединяет 10 702 подписчиков, занимая 3 358 место в категории Искусство и дизайн и 5 523 место в регионе Украина.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 702 подписчиков.
Согласно последним данным от 01 сентября, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -18, а за последние 24 часа — -4, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 12.26%. В первые 24 часа после публикации контент обычно набирает 8.00% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 1 313 просмотров. В течение первых суток публикация набирает 857 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 14.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как портфоліо, інтерфейс, арсен, зображення, натхнення.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.
Наші курси ➡️ https://shorturl.at/5Zpvf
@projector_online — менеджер на звʼязку з 10 по 19 💙”
Благодаря высокой частоте обновлений (последние данные получены 02 сентября, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Искусство и дизайн.
10 702
Подписчики
-424 часа
-27 дней
-1830 дней
Архив постов
Кому генератор кольорів?
З UI Colors можна створювати, редагувати, експортувати кольори в CSS Tailwind.
Затестити.
+4💙 Серце добре знає, що користувач відчуває
Мова йде про фреймворк HEART. Це один з go-to інструментів продуктових дизайнерів, щоб вимірювати якість користувацького досвіду й власної роботи зокрема.
Читайте, зберігайте.
Цю та інші метрики практикуємо ефективно застосовувати на курсі Product Design.
Буває, що ви задизайнили інтерфейс, а можливості валідувати його з юзерами немає. Чи то не маєте доступу до них, чи користувачів замало, або бракує часу до закриття спринта.
На допомогу прийдуть методи валідації без залучення людей. Детально зупинимося на одному з них.
🔹Евристики Якоба Нільсена
Метод дозволяє оцінити інтерфейс за допомогою 10 емпіричних правил:
1. Видимість стану системи. Інформуйте користувачів про те, що відбувається за допомогою зворотного зв’язку.
2. Відповідність між системою та реальним світом. Дизайн повинен говорити мовою юзерів.
3. Користувацькі контроль та свобода. Юзери часто виконують дії помилково. Їм потрібен «аварійний вихід», щоб покинути небажаний стан. Дайте можливість скасувати та відтворити дію.
4. Послідовність та стандарти. Користувачі не мають сумніватись, чи різні слова, ситуації або дії означають те саме. Дотримуйтеся послідовності системи.
5. Запобігання помилкам. Усуньте вразливі до помилок умови або стежте за ними й давайте користувачам можливість підтвердити свої дії.
6. Розпізнавання, а не пригадування. Мінімізуйте навантаження на пам’ять користувачів, робіть об’єкти, дії та опції видимими.
7. Гнучкість та легкість у користуванні. Дозвольте юзерам налаштовувати часті дії під свій комфорт, наприклад, за допомогою «гарячих» комбінацій клавіш.
8. Естетичний та мінімалістичний дизайн. Сторінки та діалогові вікна не повинні містити зайвої інформації. Додатковий контент конкурує з основним й знижує його видимість.
9. Допомога юзерам розпізнати, діагностувати та усунути помилку. Повідомляйте про помилки простою мовою та пропонуйте чітке рішення.
10. Допомога та документація. Хоч краще, коли користувачам не потрібне ні те, ні інше, забезпечте юзерам доступ до обох.
🔹До інших методів валідації належать:
• 8 золотих правил Шнейдермана;
• 6 критеріїв юзабіліті;
• 21 закон UX-дизайну;
• 7 принципів Дона Нормана;
• принципи Брюса Тогняцціні;
• принципи проєктування для зниження когнітивного навантаження.
Більше про них читайте у моїй статті.
Розуміти бізнес-процеси — маст
Саме так. Якщо ви міддл або хочете ним стати, вам слід думати ширше й враховувати бізнес-сторону компанії. Ось чому:
• бізнес-процеси впливають на юзерів, їх досвід взаємодії, задоволення продуктом та бажання рекомендувати його (NPS);
• чітко визначені бізнес-процеси допоможуть вам і команді мінімізувати рівень непорозуміння. Це супер важливо, коли компанія велика й різні відділи не можуть синхронізуватись;
• коли фіксуєте та оптимізуєте бізнес-процеси, ви бачите прогалини у них, відповідно можете діяти на випередження та зекономити гроші замовника.
Як ви можете мапити й впливати на досвід користувача та бізнес-процеси? Насамперед варто освоїти Customer Journey Map (CJM). Далі вам відкриється артефакт для фіксування бізнес-процесів.
🔹Service Blueprint
У цей фреймворк входять:
• Дії користувача — те, що роблять юзери, щоб пройти основний флоу у вашому продукті.
• Дії на сцені (frontstage actions) — дії продукту, які користувач може бачити; наприклад, взаємодія «людина-людина» або «людина-комп’ютер».
• Дії за сценою (backstage actions) — залаштунки, де відбуваються процеси сервісу, які користувач не бачить.
• Процеси — додаткові сервіси та взаємодії, як підтримують backstage та frontstage. Вони можуть бути як внутрішні, так і зовнішні.
• Докази (evidence) — свідчення та точки взаємодії користувача з компанією як-от чек про оплату, сайт, лист, мобільний застосунок.
• Час взаємодії юзера з продуктом. Якщо ви його розробляєте, то цей час буде приблизний. Але якщо сервіс вже працює, то варто фіксувати реальний час, роблячи періодичні тестові закупки.
Тож закликаю вас мапити бізнес-процеси й наносити невиправну користь вашому продукту.
Як щодо поетичних рядків на вечір?
Якби ви спитали раніше, який відгук студентів ми не отримували, відповідь була б — римований. Але не сьогодні.
Навчання з Андрієм Курочкіним та Алісою Головінською, кураторами курсу Web Design Junior надихають на поезію 💙
Помічник, який виручить, коли проєкт несеться
Checklist Design — колекція дизайнерських best practices. Тут вам і чеклисти для створення окремих елементів, і вебсторінок, і флоу.
Необхідна інформація для створення користувацького досвіду під одним дахом.
Забрати собі.
Базу ж роботи над user experience будуємо на UX Design Beginning.
Гарний UX — це коли усі юзери мають однакові діджитал-можливості
Як забезпечити останні і для користувачів з дислексією? У матеріалі Smart Interface Design Patterns розібрали цю тему. А ми виділили основне.
🔹Спершу важливо знати про такі моменти:
• деякі користувачі можуть читати до трьох разів довше;
• юзерам може бути важко запам’ятовувати слова між екранами;
• миготливі зображення не дають користувачам зосередитись.
🔹Як тоді краще дизайтити:
• допомагайте користувачам писати правильно завдяки автозаповненню;
• уникайте надто динамічних зображень та тексту написаного великими літерами, курсивом чи з багатьма підкресленнями;
• не змушуйте юзерів запам'ятовувати багато інформації; натомість створюйте нагадування.
🔹Більше порад, корисних гайдлайнів і ресурсів тут.
Безпека дому в кілька тапів
Це про курсовий проєкт Яни Семеняк, студентки курсу Mobile Apps Design.
Smart Home — застосунок для управління будинком та приладами у ньому. Ідея Яни — зробити процес легким, а головне, безпечним.
• Які є фічі?
Віддалений доступ, аналітика, створення сценаріїв та контроль систем будинку.
• Над чим сподобалося працювати найбільше?
В описі до проєкту Яна поділилась: «Було цікаво визначати потреби юзер-персони, створювати флоу та рішення, які допоможуть розв’язати проблеми користувачів».
• Проєктувати мобільний застосунок з нуля будемо на курсі.
Понеділкова дизайн-афірмація заходить у цей канал
Налаштовуємося на продуктивний тиждень: хай дизайни дизайняться, апруви апрувляться 🙌
+5Любов з першого тапу в онбордингу
Це реально. І Стас Говорухін, куратор воркшопу User Onboarding Design, знає, як залучати та утримувати користувачів. Ще й радо ділиться порадами з вами.
Попереду корисний контент, вартий збережень. Поїхали.
🔹Уникайте слайди для онбордингу
Зазвичай онбординг — це 3-5 слайдів про фічі, які людина ще в очі не бачила. А вона просто хоче отримати цінність, яку продукт пообіцяв в рекламі, App Store чи на лендингу. Гарний онбординг починається із запитань і дій, які дають цінність якомога швидше. Наприклад, Pinterest пропонує обрати цікаві теми, щоб радити релевантний контент одразу в першій сесії.
🔹Не запитуйте те, що не наближує aha-moment
Часта проблема — ставити усі можливі запитання одразу, щоб створити якийсь результат для юзера. Такий підхід потенційно вводить користувача у ступор: і не знаєш що відповісти, і не розумієш, навіщо це запитали.
• Інколи більша кількість запитань може працювати. Наприклад, коли очікуваний результат — рекомендація, яка впливає на життя; як-от у сфері психотерапії або харчуванні.
🔹Створюйте quick win, якщо розв’язати проблему у першій сесїі неможливо
У деяких продуктах aha-moment стається нескоро. Скажімо, застосунок для придбання авто не забезпечить людину машиною у першій сесії. Вихід — quick win, себто проміжковий результат, пов’язаний з основною цінністю й доступний користувачу якомога швидше. Повертаючись до застосунку для придбання авто, це може бути добірка автівок під бюджет і побажання юзера.
🔹Поради, як проєктувати онбординг є, відточити їх на практиці можете на воркшопі Стаса.
Погляд, у якому впізнає себе не один дизайнер 🥲
• Нехай це буде такий собі відкритий бриф на мем. Продовжіть фразу: дизайнер, коли...
Наш варіант закинули в коментарі. Ваша черга.
Прекрасний пан з мемним потенціалом — кіт Михайлик, улюбленець студентки Олі Гливи.
Перший крок запускає механізм змін на краще. Чіткий запит виводить вас до того самого ментора Projector Mentorship Platform. Знаходьте свого, який порадить, підтримає, підкаже.
🔹Зробити рев’ю портфоліо й побачити, куди і як професійно розвиватися допоможуть:
• Стас Говорухін, Designer у Djinni
• Ілона Кім, Senior Product Designer у Revolut
• Вікторія Доброденчук, UX Architect у Wildix
🔹Розповісти чітко, без прикрас про роботу за кордоном й підтримати на новому етапі раді:
• Кирило Лактiонов, Senior Product Designer у BetterUp та Chief Designer в Aninix
• Олександр Шатов, Senior Product Designer у Instagram
• Марта Рижок, Product Designer у Glovo
🔹Порадити, як працювати у продукті та отпимізувати бізнес-процеси завжди готові:
• Іста Чебан, Product Designer у Київстар
• Сергій Ревва, Product designer в airSlate
• Яна Вохмінова, Product Designer у Суberhaven
🔹Розбіратися з аналізом ЦА, методами для UX-досліджень під різні ринки й продукти допоможуть:
• Ірина Кривенко, UX Research Lead у BetterMe
• Любов Гаркуша, UX and Market Researcher у Eleks
• Олена Булигіна, Principal UX Consultant у Webcredible
Хтось скаже, що критичний аналіз та оцінка дизайн-рішень починається та завершується на юзабіліті-тестах. Але це будемо не ми.
Процес аналізу та вибору рішень може бути більш повноцінним, свідомим та продуктивним. Для цього потрібно активніше залучати стейкхолдерів: представників бізнесу, експертів і самих користувачів.
🔹Під час дводенного воркшопу Test. Solutions Analysis ви сплануєте та проведете власний воркшоп, присвячений аналізу та пріоритезації дизайн-рішень. Працюючи в командах з реальними проєктами та замовниками, звісно ж.
Коли: 28-29 жовтня.
Хто куратор: Юрій Грановський — співзасновник «Агентів змін» і «Публічної платформи».
Детальна програма воркшопу.
Гемінґвей написав повноцінну розповідь із шести слів
Стелла Горощак, студентка курсу Web Design Beginning передала його точну суть із восьми 🙌
Адже якщо навчатися, то на повну потужність.
• База вебдизайну й максимум інтенсивної практики за посиланням. Старт 23 жовтня.
+3 корисних ресурси до вашого дизайнерського набору інструментів. У нас тут:
• Український Figma плагін для створення анімацій.
• Колекція з bite-sized UX-рішеннями.
• Український шрифт Grunt Grotesk.
Відкидати все зайве з дизайн-процесу? Це lean UX. Не покладатися на одного експерта, а використовувати швидкі експерименти, щоб визначити, що працює краще? Це lean UX.
Це також наша #книжкова_рекомендація, яка допоможе вам зануритися у світ ітеративного дизайну.
Прочитаєте, як ефективно працювати з іншими членами продуктової команди та драйвити дизайн-процес короткими повторюваними циклами.
Усе це разом із тематичними дослідженнями та прикладами застосування цих та інших підходів у різних галузях.
Figma 🤝 Zoom
Обидві платформи зійшлися, щоб зробити командну роботу ефективнішою.
Тепер ви можете шерити файли Figma і FigJam одразу на дзвінку. У компанії кажуть, що можна попрощатися з перемиканням між вікнами та вічним запитанням «А хто може скинути лінк на документ?» Додати редактор у Zoom.
• У вересні Figma оголосили про таку ж інтеграцію з Google Meet. Встановити застосунок.
Джерело зображення: Figma.
Цифровий світ мобільний як ніколи
Та підхід mobile-first призводить до юзабіліті-проблем на десктопах і дисперсії контенту. Це коли контент надто розтягнутий на великих екранах ноутбука чи настільного комп’ютера.
Автори статті провели дослідження, вийшли на юзабіліті-проблеми mobile-first вебдизайнів і запропонували рішення. Ми законспектували основне.
🔹Usability-проблеми:
• Довші сторінки та вища вартість взаємодії
Користувачам важче знаходити інформацію на довгих сторінках, адже контент розпорошений на кількох областях перегляду (viewports). Відповідно юзери більше скролять й вартість взаємодії зростає.
• Зростання когнітивного навантаження
Більші зображення + більше негативного простору = текстовий контент фрагментується між областями перегляду. Користувачі мають запам’ятовувати інформацію з різних в’юпотрів, прокручуючи їх вперед-назад.
• Труднощі побудови концептуальної моделі сторінки
Коли юзери «ходять» e-commerce сайтом, щоб придбати товар, їх рішення стоїть на китах: ціна, деталі продукту, відгуки. Якщо ці елементи розкидані по кількох в’юпортах, вони змушені сприймати їх окремо. Так користувачам важче зрозуміти цінність продукту.
🔹Що тоді робити?
• Якщо значна частина сторінки надто розтягнута, подумайте про редизайн ключового контенту, щоб юзери могли сканувати його очима.
• Об’єднуйте контент, що пов'язаний між собою в одній області перегляду, щоб мінімізувати прокручування вперед-назад.
• Менше використовуйте mobile-specific елементи на десктопі, як-от акордеони й подумайте про інші способи відображення контенту.
🔹 Повний матеріал.
Що поганого в тому, щоб працювати швидко? Нічого, особливо, коли ви робите це якісно.
Раз за разом дизайнити контролли, картки, модальні вікна — рутина. А тому її можна й варто автоматизувати, щоб мати більше часу на опрацювання функціонала.
Шукати та знаходити легкі шляхи у роботі з Figma навчитеся на Figma Autolayout Workshop.
Інтенсив складається з трьох днів та 70% практики. На ньому ви:
🔹 розберетеся у базових налаштуваннях автолейаутів та останніх апдейтах редактора;
🔹 зрозумієте, як поєднувати їх між собою та працювати із шорткатами;
🔹навчитеся дизайнити адаптивні елементи, щоб створювати компоненти один раз.
Ваш гід aka куратор — Віктор Клименко, Interaction Designer в EPAM.
Навчитися використовувати автолейаути у Figma на 100%.
