interfaces.prjctr | pasichnyk week

Сьогодні ще продовжимо тему UX і поговоримо про user flow. Данило Верба також занурює в це детальніше на курсі UX-дизайну. Тож де найчастіше помиляються і як робити краще? Помилки: — Спроба побудувати один великий flow «на все» замість роботи з конкретною ціллю. Кожен user flow має відповідати одному конкретному завданню користувача. Наприклад: «покупка товару» або «реєстрація». — Ігнорування альтернативних сценаріїв, треба продумувати не тільки «ідеальний шлях», а й ситуації, де щось іде не так і як повернути користувача назад у сценарій. — Створення складних, перевантажених схем. Якщо схема виглядає заплутано, це означає, що логіка ще не допрацьована. І на що варто звернути увагу: — З будь-якої точки сценарію користувач має мати можливість дійти до результату. — Важливо враховувати різні точки входу в продукт. Користувач може зайти не тільки з пошуку. — Основні сценарії повинні бути найпростішими і найшвидшими. Саме під них будується інтерфейс: акценти, кнопки, навігація.

Для тих, хто ще не в професії, але вже хоче спробувати себе в UI/UX Запрошуємо на UI/UX Intro Workshop — воркшоп, де можна вперше зануритися в процес і зрозуміти, як усе працює насправді. Що буде: — спроєктуємо user flow (як людина використовує картку в магазині) — зберемо екрани з компонентів — розберемо, як приймаються дизайн-рішення Автор воркшопу — Михайло Самоваров: співзасновник League Design Agency (понад 60 нагород у сфері дизайну) та автор курсу UI/UX Design Beginning. Коли? 4 квітня, старт 11:00 Деталі тут 👈 Можна без досвіду!

Цікавий квіз на знання UX (остання версія за 2025). https://www.nngroup.com/articles/ux-quiz/

3/3 Інструменти — які ведуть користувача. Хороші приклади сайтів Maze чи Useberry показують як: інтерфейс не робить з тебе дурного, але дуже чітко веде до кінцевої мети. Мікроанімації, стани кнопок, послідовність екранів — усе підштовхує до наступного кроку, поки ти природно не доходиш до потрібної дії. Це спроєктована поведінка користувача, яку ви або використовуєте у своєму продукті, або ні. Коли онбординг робить з тебе дитину з купою стрілочок його хочеться просто швидше скіпнути.

2/3 Команди (common-knowledge effect) — залежить не завжди тільки від вас, але цей патерн легко помітити. Наприклад: команда обирає те, що вже всім зрозуміло, і відсуває те, що приніс інший спеціаліст, дослідник приносить неочевидний інсайт із тестів → “цікаво, але давайте не ризикувати” → залишаємо знайоме рішення. У підсумку знання не складаються, а усереднюються. І команда приймає слабше рішення, ніж могла б. Що допомагає не зливати інсайти: - фіксувати “single-owner insight” до обговорення (щоб його не розчинили); - окремо проганяти рішення, яке суперечить більшості (forced alternative); - розділяти “думки” і “дані” в обговоренні. І це добре видно по нових людях у команді. Вони приходять і ставлять прості питання: чому це рішення таке, чому цей флоу виглядає саме так. Легко сприйняти це як “людина ще не в контексті”, але часто саме свіжий погляд підсвічує речі, які команда вже перестала помічати: зайві кроки, нелогічні рішення або те, що забирає ресурс, але не дає цінності.

Бичамо опитування, тож почнемо з UX, юзабіліті та логіки. Зібрали 3 факти, які можуть здаватися очевидними, але про них легко забути в процесі: 1/3 Ефект володіння (ownership) Користувач починає цінувати продукт, коли відчуває контроль і внесок. Конкретні патерни: - onboarding, де ти щось *обираєш* (інтереси, цілі, стартові налаштування) → з’являється “моє”; - editable state: профіль, дашборд, фільтри, збережені пошуки; - progress/commitment: чеклісти, streaks, “ви вже зробили 60%”. Де це працює на retention: продукти з регулярним поверненням (edtech, фінанси, productivity). Де це шкодить: коли кастомізація з’їдає швидкість. Наприклад, складний onboarding замість “побачив цінність за 10 секунд” або зайві кроки перед першою дією. Якщо продукт про швидке виконання задачі — мінімізуємо контроль; якщо про довготривалу взаємодію — даємо відчуття “я це налаштував під себе”.

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

Найближчі старти курсів, які можуть бути корисні: Mobile Interfaces Advanced — 2 кейси для портфоліо та база з аналізу, тестування гіпотез і вимірювання результатів. AI for Product Creation — запускайте MVP без команди розробників: використовуйте AI та no-code інструменти для ресерчу, прототипування й перших релізів. Growth Design — розробляйте рішення, які підвищують активацію, утримання та дохід, і аргументуйте їх за допомогою метрик і результатів.

Не хочемо прощатися з Ксю, але знаємо, що ще побачимося з тобою на UX/UI Beginning. Дуже вдячні за цей тиждень! Сподіваємося, всі розширили свою бібліотеку AI-інструментів. Дякуємо за цінні поради та за те, що поділилися з нами своїми напрацюваннями в АІ. Відпускаємо Ксю далі та з нетерпінням чекаємо книжковий подкаст! На зв’язочку 🤍

Щиро дякую вам, що провели зі мною цей тиждень) Мені було супер весело, сподіваюсь вам також) Давайте залишатись на звʼязку: Linkedin (тут ділюсь цікавинками) - https://www.linkedin.com/in/oksana-plechii/ Dribbble (ще не багато шотів, але все попереду) - https://dribbble.com/oksana-plechii Instagram (зовсім не дизайнерський, але якщо цікаво то чому б ні) - https://www.instagram.com/ksu_plechii/ Якщо ви хочете виразити мені вдячність за цей тиждень, то можете зробити це донатом на збір - https://send.monobank.ua/jar/8djgudJnUr Зараз я долучилась дружньою банкою до збору на 5 стабцентрів для 1-го окремого штурмового полку ім. Дмитра Коцюбайла на Гуляйполе. Тут пост збору (буду вдячна за поширення) - https://www.instagram.com/p/DV9aODmiJ_b/?igsh=MXdyYnhpa21pdHZoMQ== Маленьких донатів не буває ❤️

Запускаю подкаст про дизайн і книги 📚 Допоможіть обрати перший випуск 👇 Хочу стартувати швидко, тому пропоную список тих, що в мене є зараз в планах (куплені і чекають своєї черги)

Я часто бачу проблеми саме в ієрархії, групуванні та пріоритизації. І саме знання гештальт-принципів вирішує цю проблему, адже вони показують, як мозок групує візуальні елементи: Близькість — елементи, що розташовані поруч, сприймаються як група. Схожість — однакові за кольором, формою чи розміром елементи здаються пов’язаними. Продовження — око природно слідує лініям і кривим до їх логічного завершення. Замкненість — мозок “добудовує” незавершені фігури до цілісних форм. Фігура і фон — ми завжди ділимо зображення на головний об’єкт і фон (класичний приклад — ваза Рубіна). Спільна доля — елементи, що рухаються в одному напрямку, сприймаються як єдине ціле. Простота — мозок обирає найпростішу інтерпретацію будь-якої форми.

Як куратор та ментор я часто вловлюю помилкові паттерни в дизайнах студентів. Хочу дати кілька порад: ∙ Завжди починай з дослідження, а не з естетики (так банально, але в е ще актуально) ∙ Вивчай принципи Gestalt: вони пояснюють, чому речі “виглядають правильно” ∙ Figma — стандарт індустрії, варто знати досконало (слідкуй за оновленнями та вивчай нові фічі регулярно) ∙ Навчись читати базовий CSS/HTML — полегшить спілкування з розробниками ∙ Опануй типографіку: шрифт вирішує 80% враження від дизайну ∙ Веди “бібліотеку натхнення” — зберігай все, що подобається і вивчай хоча б 1 годину на тиждень ∙ Давай та отримуй фідбек регулярно, не чекай фінального дедлайну ∙ Вивчай суміжні дисципліни: психологію, маркетинг, копірайтинг ∙ Портфоліо важливіше за резюме — показуй процес, не тільки результат ∙ Спеціалізація (UX, UI, Product, motion, brand) дає перевагу на ринку ∙ Участь у дизайн-спільнотах відкриває можливості

На початку тижня я питала вас про книги) Дякую всім за те, що поділились своїми книгами) Це було дуже цінно! Я додала їх до свого списку і спробувала структурувати. *Це дуже субєктивна підбірка, тому якщо ви не згідні з нею, або вважаєте що я упустила, якісь скарби - пишіть в коментах)

А ось — моя улюблена українська історія цього тижня. Валентин Фречка виріс у селі Сокирниця на Закарпатті. У 16 років під час походу в Карпати він дивився на опале листя під ногами і думав: а що, якби це була сировина для паперу, а не відходи, які спалюють? Додому він прийшов і почав варити листя на кухні. Дробив у блендері. Розкочував вручну на тонкі листи. Сушив. І так — знову і знову, щовечора в шкільній лабораторії — поки не отримав папір, який реально працює. У 17 років він повіз цей проєкт на міжнародну Олімпіаду геніїв у США — і виграв золото. На старті у справу йшли призові з конкурсів і донати. Про світ інвестицій він не знав нічого. Перші продажі — 1.5 тонни пакетів — розлетілись за два тижні. Сьогодні Валентину 23. Його компанія Releaf Paper отримала грант від Єврокомісії на €2.5 млн, відкрила завод у Парижі, а серед клієнтів — L'Oréal, Samsung, Schneider Electric. Він не чекав диплому. Не чекав потрібного віку. Не чекав офісу чи інвестора. Просто варив листя на кухні і дивився, що вийде. Тому, я так сильно люблю процес і експеременти.

Ще одна історія, яка мені дуже відгукується — і вона наша, українська. Є такий хлопець — Павло Пікулін. У 15 років він написав систему розпізнавання номерів і на повному серйозі пішов продавати її державі. Йому було 16 — і, очевидно, нічого не вийшло. Здавалося б, можна було сказати “окей, не моє”. Але він просто пішов далі: почав робити мобільні ігри і до 25 років заробив свій перший мільйон. І потім такий: “а може, все ж роботи?” У 2018 вкладає $1 млн власних грошей і запускає Deus Robotics. Перші прототипи - псували паркет 😄 Ринок будівництва, ще не зовсім готовий до таких змін. І от тут дуже показовий момент — він не впирався в ідею “до кінця”. Просто розвернувся в іншу нішу — складську логістику. Першою повірила Нова пошта і вони почали співпрацю. Після повномаштабного вторгнення команда евакуює обладнання в Мукачево і продовжує працювати. Сьогодні серед клієнтів Deus Robotics — британський логістичний гігант DPD. Оцінка компанії — $20 млн. Загальні інвестиції — $6.6 млн.