interfaces.prjctr | vnotchenko week

Про життя та буття інтерфейсників говорив Ян Гладченко з Олею Мелкозеровою у новому форматі «Повсякденний». Обговорювали робоче за останній місяць: онбординг Олі, фриланс та менторство, роботу Яна над кредитними продуктами та викладання у Проджекторі. Оля — віднедавна Senior Product Designer у Fozzy Group, раніше — у Дії та Headway. Ян — Product Designer у Raiffeisen Bank, куратор нашого курсу UX Design Beginning. А разом вони — прекрасні співрозмовники. Запрошуємо слухати. 🔹 YouTube 🔹 Apple 🔹 Spotify #подкаст_рекомендація

Правила в дизайні інтерфейсів, які працюють щоразу 🔹 Оптичне вирівнювання важливіше за математичне Візуальний центр нестандартних фігур часто не співпадає з математичним. У таких випадках краще вирівнювати фігури на око, щоб вони виглядали правильно. 🔹 Використовуйте майже чорний і майже білий замість чистого чорного і білого Чистий чорний виглядає неприродньо, а чистий білий — занадто яскраво. 🔹 Кольори в палітрі повинні мати різну яскравість Користувачі сприймають кольори з однаковою яскравістю як занадто схожі. 🔹 Ближчі елементи повинні бути світлішими Із наближенням елементів на екрані до користувача вони мають ставати світлішими. Це стосується як світлих, так і темних інтерфейсів, оскільки це відповідає тому, як працює реальний світ і світло у ньому. 🔹 Насичуйте нейтральні кольори: чорний, білий, сірий Якщо ви використовуєте колір у своєму інтерфейсі, заметчіть нейтральні кольори з ним. Наприклад, дуже світлий рожевий замість сірого, якщо акцент червоний, або дуже темний синій, якщо акцент блакитний. Якщо ви використовуєте колірну систему HSB, то достатньо насиченості <5%. • Джерело — стаття Visual design rules you can safely follow every time. Ще 20 порад та візуалізації шукайте у ній. Прокачуйте скіли у створенні інтерфейсів, які приваблюють юзерів, на курсі UX Design Medium. Буде постійна практика, підтримка куратора та курсовий проєкт для реального бізнесу. Чекаємо на вас 🏄‍♂️

Заряджаємося дизайн натхненням на тиждень 🤝 • Зображення — Reddit / BadDesigns

🎬 pov: ви заходите на робочий кол — камери вимкнені, смолток напряжний, адженда незрозуміла, сенс зустрічі — також, зате нудьга присутня. Набридли такі дзвінки? Учіться виправляти це самі або скидайте своїм менеджерам. Проводьте зустрічі приємно, екологічно, весело, ефективно, на користь бізнесу та з цінністю для всіх учасників завдяки курсу Facilitation of Group Meetings. Старт — 16 вересня.

Відкриваємо передзамовлення на новий Telegraf! Telegraf. Завтра. Це вже четвертий випуск артбуку про українську візуальну культуру. Про що він буде? Про майбутнє: дизайн-життя у новій реальності й нашу найближчу перспективу. Про сьогодення: як наш теперішній досвід допоможе підготуватися до відбудови. Про минуле: що ми оберемо взяти в майбутнє, а від чого вирішимо позбутися назавжди. Випуск має чотири розділи — «Не мовчати», «Будувати», «Жити», «Пам’ятати». У них ми говоримо про: • майбутню відбудову наших міст і відновлення української ідентичності; • країну-стартап — що, якщо розуміти державу як продукт? • military tech та українські розробки дронів; • ветераноцентричність та креативну благодійність; • українське мистецтво на світовій арені й наші нові 20-ті; • і, звісно, про дизайн. Багато-багато дизайну. Завтра — це перший крок від теперішнього до майбутнього. І ми вже робимо цей крок. Замовити Telegraf. Завтра можна на сайті Projector Publishing чи в діректі Інстаграму @prjctr.publishing.store. Ціна передзамовлення — 1360 грн. Партнери випуску: The Gradient, SCM, Room8. Дякуємо Костянтину Ващенку за підтримку випуску.

Як зрозуміти, що саме треба тестувати? Де шукати покращень і коли A/B тест — правильний вибір? Дивіться у відео. Лекторка: Валентина Балошенко, Senior Product Manager в Lyft — компанії, яка займає 30% ринку райдшерінгу в США. • Дивитися повну лекцію «to A/B or not to A/B: навіщо і як?» на Projector Library • Учитися запускати ефективні A/B тести на дводенному практичному інтенсиві

Роздаємо інтерфейсні інсайти від Meta, Apple, Skyscanner, PicsArt разом з новим куратором курсу Mobile Interfaces Advanced — Дмитром Шведуном! Залітайте на курс: 2 місяці, real-life домашки, постійна підтримка куратора та додаткові кар’єрні вебінари. Закріпимо знання створенням мобільного інтерфейсу для бізнесу чи держави — минулі групи працювали над кейсами для Київ Цифровий, Uklon, You Control. Ви в ділі? Переглядайте деталі та реєструйтеся 💙 Старт — 25 вересня

🏄‍♂️ Пані та панове інтерфейс дизайнери! Маємо пропозицію-прохання пройти опитування та порефлексувати про свій професійний розвиток. Запрошуємо усіх незалежно від років досвіду і досвіду навчання в Проджі — тому можна кинути друзям і колегам дизайнерам. Опитування анонімне, займе 5-7 хвилин. Це допоможе нам створювати якісне актуальне навчання, з якого ви виходитимете зі словами «оце топ, якраз те, що я шукав/шукала!» Проходьте, будь ласка. З освітньою любов’ю, Продж 💙

Меми про осінню депресію: скасовуємо Меми про осінню зацикленість на навчанні та роботі: впроваджуємо Запрошуємо пити какао, чай і улюблену каву, поглинаючи кар’єрно-цінне. 🔹Курси • Product Analytics. Data Mining 10 вересня • UX Design Medium 17 вересня • Design Management 23 вересня • Web Design Beginning 23 вересня • Web Design Junior 23 вересня • Mobile Apps Design 23 вересня • AI for Product Creation 24 вересня • Mobile Interfaces Advanced 25 вересня • UX Design Beginning 25 вересня 🔹Інтенсиви • Data Tables in Figma 7 вересня • Web Design Portfolio Camp 12 вересня • SQL для початківців 17 вересня З вами буде затишок, підтримка та нон-стоп фідбек кураторів, постійна практика та прикладні курсові роботи. Ви з нами? Хочемо бачити пожовклі дерева вашого двору у ваших іконках в зумі 🍂

Запах кабінету нагрітого вересневим сонцем, парафіну на підлозі та сухариків, які хтось приніс попри учительські заборони. Чи звук дощу у темному осінньому кабінеті, де всі шукають подвійні аркуші перед контрольною, до якої не готові. Це все — у спогадах. Згадували на слайдах На жаль чи на щастя, після школи цього вже немає. Але є дещо краще — наприклад, можливість вчити те, що вам дійсно подобається, отримувати екологічний 1:1 фідбек і не переживати за двійки. За цим приходьте в Продж 💙 А наш марафон ностальгії продовжуйте в коментарях 👇

Добірка дизайн патернів для АІ інтерфейсів від Віталія Фрідмана. AI інтерфейси — набагато більше за текcтові промпти. Думайте outside of the box і підтримуйте юзерів завдяки новим патернам: зручним, таким що роблять взаємодію зі штучним інтелектом розумнішою, точнішою і кориснішою. 🔹Дизайн патерни AI Interaction Design Patterns Emily Campbell AI Design Patterns Catalogue Maggie Appleton Language Model Sketchbook Maggie Appleton Style Lenses For AI Generation Amelia Wattenberger AI Search Experience Design Patterns Daley Wilhelm Accordion Editing and Apple Picking Patterns For AI Sarah Gibbons, Tarun Mugunthan, Jakob Nielsen UX For AI Greg Nudelman 🔹Корисні ресурси Why Chatbots Are Not the Future Amelia Wattenberger The Rise Of The AI Model Designer Paz Perez Usability Problem With Prompt-Driven AI Tom Cleary AI Prompt Framing Raluca Budiu, Feifei Liu, Amy Zhang, Emma Cionca Designing For AI Library Luke Wroblewski AI Design Patterns and UX Toolkits Truly yours Vitaly Friedman • Застосовувати ці правила на практиці та будувати реально зручні АІ інтерфейси приходьте на 4-денний воркшоп Віталія Фрідмана Design Patterns For AI Interfaces.

Ви коли-небудь замислювалися, як Netflix без особливих зусиль заохочує нас придбати преміум підписку? Якщо ні, то ловіть спойлер: ми «клюємо» на приманку. Разом з Віктором Могилою, CEO в Applyft, Ex-Head of Monetization та Ex-CMO в Welltech, Lead UAM у Playrix, куратор курсу Monetization & Pricing, розкрили суть цього явища і показали на прикладах, як бізнесам вдається збільшити прибуток.

Як розробити кращий АІ досвід? Як і де АІ може вписатися в існуючий проєкт? Які обмеження та унікальні можливості АІ інтерфейсів? На новому воркшопі Віталія Фрідмана ми зануримося у нові дизайн патерни, UX гайдлайни і сотні прикладів реальних AI інтерфейсів. Розберемося: • як допомогти користувачам точніше визначати свої наміри й отримати все від згенерованого результату; • як підтримувати юзера в процесі уточнення: daemons, style presets, temperature knobs; • як встановлювати структуровані шаблони та частково заповнювати їх з AI. Віталій Фрідман — UX lead з 19-річним досвідом, co-founder, creative lead у Smashing Media. Працював з Європарламентом, Marc O'Polo, OTTO, Zalando, Axel Springer SE, REWE Digital. 🔹3 дні живих вебінарів 🔹нон-стоп фідбек Віталія 🔹практика у FigJam & Figma Старт — 16 жовтня Мова — англійська Розгорнуту програму дивіться на сайті. Реєструйтеся там же 💙

Афірмація тижня: боремося з токсичними звичками, насичуємося правилами екологічного спілкування та не морочимо голову користувачам 🤞

5 поширених UX помилок навігації по домашній сторінці та категоріях Згідно з дослідженням Baymard Institute у цьому розрізі 76% сайтів мають посередній або поганий перформанс. Як не опинитися в їхніх рядах? 🔹91% сайтів використовують продукти зі спільними рисами як окремі категорії. Наприклад, в American Eagle «Квіткові сукні» — це підкатегорія «Суконь». Тобто користувач не може переглянути «Всі сукні» або, наприклад, список з «Квітковими сукнями» та «Мінісукнями». 🔹70% сайтів неправильно застосовують фільтр «Знижка» Сайти часто дають можливість переглянути товари, на які діє знижка. Натомість при великому каталозі товарів, це посилає в кілометровий список непотрібних товарів — там і чайники, і столи, і красиві столові серветки. Тому важливо додавати «Знижку» як додатковий фільтр, яким можна обрати товари серед конкретної категорії, на які у той самий час діє знижка. 🔹63% сайтів не розміщують пряме посилання на продукти, зображені на «надихаючих зображеннях» Юзер відкриває сайт, бачить гарні лайфстайл зображення, помічає конкретні класні товари, натискає… І не потрапляє нікуди або переходить на загальний каталог товарів. Це викликає фрустрацію у користувачів, яким сподобався товар з цього зображення. Деякі сайти вирішують це, формуючи каталоги з усіх товарів на віжуалі або посилаючи на 1 з зображених товарів. 🔹61% сайтів не мають або мають малозрозумілі іконки підкатегорій Призначення проміжної сторінки з категоріями — відправити юзера до потрібної йому підкатегорії якомога легше. Ця задача ускладнюєтся, коли список важко сканується очима. Популярна причина: велика кілкість одноманітних надписів, які не супроводжуються візуально. Під час тестування учасникам було набагато легше користуватися сайтами, де категорії мають як назви, так і іконки. 🔹91% сайтів не підсвічують поточне місцезнаходження користувача в головному меню Навіть коли breadcrumbs реалізовані досконало, користувачі часто покладаються на основне меню, щоб швидко зрозуміти, де вони знаходяться, або щоб запевнити себе, що вони знаходяться там, де вони думали, що знаходяться. На щастя, є просте та бюджетне рішення — виділіть поточне місцезнаходження користувача в головному меню за допомогою іншого стилю: кольору, підкреслення, тощо. • Більше знань і практичних UX навичок — на курсі UX Design Medium.

Переймаємо досвід топових експертів і вас запрошуємо 🙌 Щоб історій успішних українок та українців ставало більше, покликали Бена Мітчела, директора UX-дизайну в Google поділитися порадами з неперервного навчання та кар’єрного зростання. На події Бен розповість про те, як знайти свою суперсилу та розвинути у собі лідерські навички, а також відповість на ваші запитання. Участь — безоплатна. Долучайтеся! Зареєструватися.

Справжні козарлюги не покладаються лише на інтуїцію Натомість вони 24/7 аналізують дані та мислять стратегічно. Саме цьому навчаються студенти легендарного курсу Product Analytics. Data Mining, який повертається після масштабного перезавантаження. Чому варто йти — дивіться у каруселі. Апдейт програми та відгуки випускників шукайте тут.

Спойлер: буде +1 куратор, робота в Amplitude та практика з трьома бізнесами.

Якщо хочеться, то можна! До вашої уваги, наші найближчі старти: 🔹Design Management Старт: 2 вересня Куратори: • Іван Роговченко, Chief Visionary Officer в Aestech, ex. Chief Design Officer y Techiia holding та WePlay Esports • Вова Сафонов, Head of Product Design у Socialtrait, ex. Head of Design y PandaDoc 🔹Product Analytics. Data Mining Старт: 10 вересня Куратори: • Олександр Іванов, COO та CPO у Projector, ex. Head of Product у ЛУН • Денис Пархоменко, Product Analyst у JustAnswer, ex. Jooble, Universe (Genesis) 🔹UX Design Medium Куратор: Микола Анікєєнко, Lead Designer в EPAM Старт: 17 вересня 🔹Mobile Interfaces Advanced Куратор: Дмитро Шведун, Product Designer в Meta Inc, ex. Apple, Skyscanner, PicsArt Inc Старт: 25 вересня Бажаємо гарного робочого тижня та вдалих рішень! Таких як, наприклад, рішення зареєструватися на курс 💙

Серед купи оновлень в інстаграм — зміна інтерфейсу при додаванні тексту на сторіс. Вердикт користувачів so far: не зайшло. Якщо детальніше, то ось цитата користувача з сабреддіту BadDesigns: «Коли компанії вирішують «полагодити» те, що не зламано.. Ви ледве можете друкувати і навіть не можете посунути інтерфейс вище…» А вам як?