interfaces.prjctr | vnotchenko week

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

«Ми зарелізили галерею українських шрифтів і для початку зібрали для вас деякі з наших улюблених, доступних для комерційного і не комерційного використання (з посиланнями на першоджерела і авторів, звісно). Також трохи оновили дизайн (знову) та оптимізували сайт»,

— кажуть у своєму телеграм-каналі. • Дивитися на красиве

Залишитися в живих після дослідження: банківська сфера edition. Як проводити дослідження перед тим, як викотити нову фічу, ділиться Ян Гладченко — Product Designer у Raiffeisen Bank Ukraine та наш куратор на курсі UX Design Beginning. Більше — у лекції Яна для Projector Library «Роль продакт-дизайнера в банку: створення зручних фінансових сервісів».

Жарт-маніфестація на 2025⚡️

Створюйте UX, який конвертує та западає в серця юзерів Долучайтеся до курсу UX Design Medium: будуть практичні домашки, два курсових проєкти для реальних бізнесів і нон-стоп фідбек від кураторки. Special offer: навчіться створювати швидкі та легкі для масштабування вебсайти з нуля завдяки відеокурсу з Webflow від Стаса Говорухіна, дизайнера продукту в Djinni. Старт — 14 січня. • Дивитися деталі тут

Команді довіряти не можна контролювати — де б поставили кому ви? Микита Артемчук, CPO в Prom.ua, притримується думки, що в багатьох ситуацій лідер_ка має ухвалювати рішення на власний розсуд і бути активним учасником чи учасницею життя команди. Олена Єгорова, PM в PMO Rush (мережа магазинів Eva) вважає, що варто будувати процес, де команди завжди самостійні та суб’єктні. Тож ми покликали їх на Product Battle 🕶 Модеруватиме його — Євген Ковалевський, VP Engineering Letyshops, CTO & Co-founder KOLO Fund. Збираємося на дискутувати та збирати інсайти: – що таке «автономна команда»; – плюси та мінуси автономії, коли вона може бути небезпечною; – як знайти баланс між хаосом і мікроменеджментом; – як інтегрувати автономію ефективно; – успішні приклади (не)автономних команд. Дата: 24 січня о 17:00 Локація: книгарня «Сенс» на Хрещатику, 34 Вхід: 300 грн Реєстрація — за посиланням. Долучайтеся 🖤

OpenAI оголосила про фокус на створенні суперінтелекту — системи, здатної перевищити людський інтелект у всіх сферах. Називатиметься це AGI, або artificial general intelligence, або штучний загальний інтелект. OpenAI дає таке визначення: «високоавтономні системи, які перевершують людей у більшості економічно важливих завдань». Microsoft, тісний партнер і інвестор стартапу, пропонують інше визначення AGI: системи штучного інтелекту, здатні генерувати щонайменше 100 мільярдів доларів прибутку. Згідно з угодою між компаніями, після досягнення цієї мети Microsoft втратить доступ до технологій OpenAI. Кажуть, суперінтелект може стати ключем до вирішення глобальних проблем, таких як зміни клімату чи лікування важких хвороб. Проте в OpenAI визнають, що неправильне управління цією технологією може становити серйозний ризик для людства. Та зупинятися не збираються. Але працюють над створенням нового підрозділу, Superalignment, який займатиметься розробкою механізмів контролю та етичного використання суперінтелекту. Ви як, excited чи чекаємо на Skynet? Джерело: TechCrunch

Усім, хто вписали в цілі на 2025 щось про саморозиток, приготуватися Та згадати, що качати треба не лише м’язи, а й професійні скіли. Способів зробити це багато, та ось наближчі з них: 🔹Web Design Beginning Старт: 13 січня Автор: Андрій Курочкін, Lead Designer у Hexagon Agency 🔹UX Design Beginning Старт: 14 січня Автор: Сергій Ревва, Lead Product Designer в airSlate 🔹Growth Design Старт: 14 січня Куратор: Стас Говорухін, дизайнер продукту в Djinni 🔹UX Design Medium Старт: 14 січня Автор: Євген Олексюк, Senior UX Designer у EPAM Systems 🔹Web Design Junior Старт: 20 січня Автор: Андрій Курочкін, Lead Designer у Hexagon Agency 🔹Mobile Apps Design Старт: 20 січня Авторка: Ксенія Бутиріна, ex. Lead UX/UI Designer у Trinetix 🔹Інтенсив Design Patterns For Complex Web Forms Старт: 22 січня Куратор: Віталій Фрідман, співзасновник і креативний лід у Smasing Media 🔹AI for Product Creation Старт: 29 січня Куратор: Денис Суділковський, директор з маркетингу в ЛУН Навіть якщо ви відклали реалізацію планів на понеділок, він настав. Обирайте свою програму 🫂

«Хочеш їсти калачі — не забудь додати обід у календар» 😑 Така народна мудрість у creative&tech реаліях — помітили, не сподобалося. Тож розбираємо, як прокинутися у новому році та перестати перепрацьовувати, на слайдах. І запрошуємо на Projector Mentorship Platform отримувати менторські сесії: вчитися працювати smart not hard і насолоджуватися процесом. За 2024 ми зробили creative&tech спеціалістів і спеціалісток на 2500 менторських сесій впевненішими, а ССО — на 6 532 000 грн ефективнішими у знищенні ворога. Переб’ємо у 2025?

Без зайвих зволікань і відволікань від підготовки новорічного столу — оголошуємо переможниць і переможниць нашої інтерфейсної адвент-вікторини 💙 Сімка кращих: 1. @Amethisto 2. @khmelkoff 3. @nastia_emerald 4. @vikaveronica 4. @natusik28behappy 5. @mykolamyko 5. @catyshat Аплодуйте всім розумникам і розмницям. Перша трійка отримує подарунки — сертифікати на менторські сесії від Projector Mentorship Platfrom. Ми зв’яжемося з переможницями та переможцем, щоб уточнити деталі та надіслати сертифікати 🙌 Ми вдячні вам за участь і активність — пишаємося мати таке експертне ком’юніті на каналі. Успіхів у новому році! Хай пікселі тягаються з сенсом, користувацький досвід будується з любов’ю, і дискусії зі стейкхолдерами минаються без болю 🫂

Хай у новому році буде добре та не буде погано… Дякуємо за ваші побажання під дописом вище. Ловіть також слова від наших кураторок і кураторів. Хай все збувається 💙 Уже завтра о 12:00 опублікуємо результати адвент-вікторини! Stay tuned 🤝

Надсилаємо новорічні обійми одне одному та одна одній 💙 Останнє завдання — написати найтепліше, найжиттєвіше, найболючіше, найсмішніше чи найакутальніше побажання своїм колегам і колежанкам. Оцінюватимемо за кількістю реакцій під вашим коментарем. Просимо fair play і не кидать друзям з проханням лайкнути 🤝 На старт, увага… нумо обмінюватися теплим 🫂

Випуск для тих, хто перед новим роком встиг вигоріти, як та ароматизована свічечка… Відключення світла є, а значить — і подкаст «Дизайн під час блекауту» від Михайла Самоварова. Слуходивіться, щоб після свят прокинутися і я-як перестати перепрацьовувати 🫂 🔹 YouTube 🔹 Spotify 🔹 Apple 🔹 Megogo #подкаст_рекомендація

Як вирішити проблему відтоку нових користувачів? 1. Подивитись на досвід • Записати та проаналізувати сесії користувачів які не дійшли до створення відео: де вони відвалились, що пробували зробити, як себе поводили? • Поговорити про їхній досвід: чому вони не створюють відео? Що кажуть про свій перший досвід? Можливо, в них немає запиту d цей момент, або відкладають продукт на пізніше, або не знають з чого почати? Треба розбиратись. 2. Подивитись на first mile (перший досвід) користувача в продукті зараз • Скільки кроків між реєстрацією та створенням відео? • Які кроки наближають користувача до створення відео, а які ні? Найчастіше, self-serve користувачам треба допомогти з виконанням цільової дії: • дізнатись, що вони хочуть отримати; • зібрати необхідні дані для створення результату; • допомогти зробити це в інтерфейсі, розуміючи, що не виходить зараз — тут сильно допомагають будь-які якісні дослідження; 3. Придумати, спроєктувати та перевірити рішення, які мають привести до a-ha моменту. У випадку Scribey, це створення відео вперше. 🔹 Дешевше та швидше: покращити сторінку, на яку потрапляє новий користувач: • покращити пустий стан; • запропонувати шаблони відео для швидкого старту; • передстворити відео та дати його доредагувати; • показати наступні кроки, які користувачу варто виконати, щоб створити відео. Плюси: швидше запустимо та отримаємо реальні дані, зможемо на них навчитись та спланувати наступні ітерації. Мінуси: може не дати контрастного результату. 🔹Дорожче та довше: створити setup в онбордингу, в якому користувач створить перше відео повністю або частково: • запитуємо про тип відео, тему, стиль; • просимо заповнити текст; • одразу генеруємо відео та показуємо його користувачу. Плюси: потенційно суттєво більший % нових користувач матиме прогрес в продукті, створить відео та повернеться, щоб доробити його або створити нове. Мінуси: більше роботи для дизайнера, інженерів та команди загалом. 4. Обрати метрики для оцінки • Головне: % користувачів які створили перше відео, повернення після створення. • Другорядне: час на створення першого відео. Висновок: впливати на a-ha момент та активацію можна по-різному. Це можуть бути простіші рішення з оптимізацією наявного сценарію, або складніші — наприклад, побудова setup в онбордингу. Важливий фокус — допомогти користувачу отримати обіцяний або бажаний результат, закрити потребу, виконату джобу 😉 Кейс від Стаса Говорухіна, куратора та автора курсу Growth Design й інтенсиву User Onboarding Design, дизайнера продукту в Djinni.

Ви працюєте над дизайном Scribey: редактора, що перетворює текст на відео для соцмереж за допомогою AI. До вас приходить продакт менеджер і каже:

У нас класний продукт, але погана активація: всього 12% зареєстрованих користувачів створюють відео, та всього 3% повертаються зробити це знову.

Що ми знаємо від продакт менеджера ще? • 25% від тих, хто створив перше відео, стають постійними щотижневими користувачами; • 90% користувачів відвалюються після першого дня; • зараз створення відео займає в середньому 3.5 дні від моменту реєстрації. Також маємо інформацію про дизайн застосунку з екранів на картинках. Питання: Як би ви підійшли до роботи над збільшенням активації нових користувачів? Що б досліджували? Яке рішення б запропонували? Кейс від Стаса Говорухіна, куратора та автора курсу Growth Design й інтенсиву User Onboarding Design, дизайнера продукту в Djinni.

Гайд: як злякати та втратити юзера у п’яти атрибутах. Запрошуємо до кімнати страху на слайдах. Не хочеш бути причиною побиття екранів гаджетів і сліз юзерів? І натомість сприяти підвищенню конверсій і бізнесових KPIs? Виправляй вебформи на 4-денному воркшопі Design Patterns For Complex Web Forms з експертизою Віталія Фрідмана, UX гуру з 19 роками досвіду. Збирай скіли, які рятують конверсії — та клади до резюме. Чи прикладай наче подорожник до душевних ран юзерів. Чекаємо на стороні UX світла 💙

Як створити smooth вебформу? Ми прагнемо уникати розташування деструктивних кнопок поруч із кнопками, які виконують важливі дії або переводять користувача до наступного кроку. Одночасно важливо запобігти помилкам, випадковим натисканням і прискорити взаємодію. Тому важливо максимально чітко позначати функціонал кнопок. Кнопки «Скинути» (Reset) та «Скасувати» (Cancel) мають бути розташовані у верхньому правому куті екрана — бажано, щоб вони виглядали меншими за розміром і нагадували посилання. Кнопка «Очистити» (Clear) повинна розташовуватися поруч із поточним полем вводу, виглядати як посилання і мати невеликий шрифт. Кнопка «Оновити» (Update) має бути другорядною кнопкою стандартного вигляду, розташованою поруч із полем вводу. Кнопка «Назад/Попередній» (Back/Previous) повинна виглядати як посилання у верхньому лівому куті екрана. Кнопка «Далі» (Next) розташовується в нижньому лівому куті екрана. Кнопки «Поділитися» (Share) та «Експорт у PDF» (Export as PDF) варто розмістити у верхньому правому куті екрана. Для індикатора прогресу краще використати вертикальну шкалу, розташовану в бічній панелі зліва або справа. Кнопка «Зберегти та вийти» (Save and Exit) повинна розташовуватися поруч із кнопкою «Далі» (Next). Кейс від Віталія Фрідмана, автора і куратора воркшопів Design Patterns For Complex Web Forms, Measuring UX and Impact of Design, Designing for Complex UI, UX Strategy, Design Patterns for AI Interfaces, засновника та креативного ліда у Smashing Media.

Ви розробляєте складний багатоколонковий процес заповнення страхової форми, що складається з 30 етапів. Припустимо, що форма має 2 колонки, кожна з яких містить близько 10 полів вводу. Форма має містити такі UI компоненти: • Reset (скинути всю форму) • Cancel (скасувати цей етап) • Clear (очистити вибір) • Update (оновити індикатор статусу) • Back (повернутися до попереднього етапу) • Previous/Next (перемикання між етапами) • Save and Exit (зберегти та вийти) • Share (поділитися) • Export as PDF (експортувати у PDF) • Progress Bar (показник прогресу) Питання: усі ці кнопки необхідні, оскільки виконують різні функції — як би ви інтегрували їх у єдиний інтерфейс форми? Кейс від Віталія Фрідмана, автора і куратора воркшопів Design Patterns For Complex Web Forms, Measuring UX and Impact of Design, Designing for Complex UI, UX Strategy, Design Patterns for AI Interfaces, засновника та креативного ліда у Smashing Media.

«Де ви берете натхнення? На яких сайтах шукаєте патерни і референси для своїх інтерфейсів?» Питання підслухано у чаті Interface Design Projector 📽️ Відповіді — теж: • Mobbin • Рідне: • Land-book • MaxiBestOf • Godly • Minimal Gallery • Steph Hardy • Brutalist Websites • The Responsive І трохи бази від редакції каналу: • Design Spells • Awwwards • FWA • LandingFolio • UISources • Dribbble • Pttrns Зберігайте та пишіть у коментарях, якщо щось забули 💙

Добірка intrusive thoughts дизайнера інтерфейсів у коментарях під попереднім дописом — дивитися всім! Подякували, записали, сподіваємося, що до втілення не дійде ✍️ Від натхнення аж нежиттєвий мем зробили.