interfaces.prjctr | pasichnyk week

Як розробити кращий АІ досвід? Як і де АІ може вписатися в існуючий проєкт? Які обмеження та унікальні можливості АІ інтерфейсів? На новому воркшопі Віталія Фрідмана ми зануримося у нові дизайн патерни, 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: «Коли компанії вирішують «полагодити» те, що не зламано.. Ви ледве можете друкувати і навіть не можете посунути інтерфейс вище…» А вам як?

Про шлях до Head of Design у Welltech, створення продуктів з нуля та подолання страхів. Розповіла Аліна Король у новому епізоді «Інтерфейсного» подкасту Яна Гладченка. Аліна — досвідчена дизайнерка, консультантка стартапів та підприємниця, яка поділилася: • своїм шляхом від продакт дизайнерки до Head of Design у Welltech; • переходом до консультування стартапів та створення продуктів з нуля; • досвідом розробки карти розвитку для дизайнерів; • методами дослідження та валідації ідей для нових проєктів; • секретами подолання страхів у підприємництві. З випуску ви дізнаєтесь багато цінного про кар'єрне зростання в дизайні, роботу зі стартапами та розвиток власного бізнесу та отримаєте поради для всіх, хто прагне розвиватися у сфері дизайну та tech. Вже за традицією «Інтерфейсного» Аліна підготувала особливий музичний плейліст. Перевіряйте опис епізоду на всіх платформах. 🔹 YouTube 🔹 Apple 🔹 Spotify #подкаст_рекомендація

😎Нові виклики потребують нових рішень Саме тому ми перезавантажили легендарний курс Product Analytics. Data Mining. На вас чекають ще більше аналітичних інструментів, кейсів, метрик та практики. Буде важко, але точно продуктивно та весело. Гортайте карусель та have fun & survive, якщо відчуваєте готовність перейти на новий рівень роботи з даними.

Product-Led Growth на кейсах п'яти юнікорнів: як ростуть Amplitude, Amplitude, Calendly, Figma, Slack та Grammarly. Пояснює Катя Фуентес — Lifecycle Marketing Manager у Leap AI, ex. Senior Growth Manager у Amplitude, ex. Lifecycle Marketing Manager у Rippling і авторка курсу Product-led Growth у Projector. 🔹 Читайте статтю за посиланням

Понеділкове вітання-нагадування про важливість принципу близькості в дизайні:

«Елементи, що розташовані близько один до одного, сприймаються більш пов’язаними, ніж ті, що знаходяться на деякій відстані. Таким чином, ми частіше сприймаємо окремі елементи групою, а не окремо».

У цьому прикладі American Airlines прорекламувалися копі: «Летіть прямим рейсом до Бостона. Опиніться в абсолютно несподівному місці». Очікувана реакція перехожих: «Дякую, не хотілося б. Якщо я лечу до Бостона, то хотілося б опинитися в Бостоні…» • Уроки типографії з просторів Reddit.

Оптимізована pricing page може підвищити конверсію на до 30%. Ключове слово — «оптимізована». Як же її оптимізувати? Розповідає Катя Фуентес — українка, що зробила кар’єру в Кремнієвій долині, працювала над growth у Amplitude і Rippling. 🔹На картинках — 5 обов’язкових елементів ефективної pricing page. 🔹А комплексні знання з монетизації, тактик конверсії і швидкого зростання завдяки PLG — на двомісячному практичному курсі Каті Product-Led Growth.

UX порада дня: використовуйте «візуальні» фільтри для візуально виразних особливостей продукту. Холодильники, дивани, намети, умивальники, стилі тумбочок — усі ці речі бувають різними, та їхні творці можуть назвати 1253645 підвидів. Але користувачі — ні. Та це стає проблемою. Часто слова, які користувачі використовують для опису товару, не збігаються з термінологією, що використовує сайт. Або ж, користувачі мають уявлення про бажаний товар, не знаючи, як вона називається. Таким чином, користувачі не можуть ефективно фільтрувати великі каталоги, що ускладнює пошук товарів. Це часто призводить залишення юзером сайту. 🔹 Тож, як допомогти користувачам фільтрувати ефективно? Додавати ілюстративні зображення до фільтрів. Тобто замість суто текстових фільтрів для вибору ліхтаря, показувати, що ви маєте на увазі. Погодьтеся, середній шукач ліхтаря на дачу не розбереться, що значить Mediterraneanian і Farmhouse. А в чому різниця між Traditional і Classic — і поготів. • Більше даних і прикладів — у дослідженні Baymard Institute. • Практичні навички зі створення ефективних дизайн рішень — на курсі UX Design Medium.

Пошук і найм нових співробітників — челендж, з яким важко впоратися навіть досвідченим менеджерам Тоді що робити початківцям? Точно НЕ опускати руки.

А також: ❌НЕ копіювати чужі описи вакансій ❌НЕ перекладати відповідальність на HR-ів ❌НЕ піддаватися ефекту гало

Куратор курсу Design Management, Chief Visionary Officer в Aestech Іван Роговченко описав п'ять поширених помилок, яких менеджери припускаються у процесі найму. Читайте, як їх ідентифікувати та виправити, за посиланням.

Як вказати колезі чи підлеглому на грубу помилку? Іноді в роботі виникають ситуації, коли тиммейти припускаються помилок. Реакція на них може бути різною: обурення, спроби всіх «врятувати», скарги чи намагання «зам’яти» ситуацію. Разом з Володимиром Сафоновим, Head of Product Design у Socialtrait, куратором курсу Design Management, поміркували, як правильно вказати на помилку, щоб не образити людину та зберегти конструктивні стосунки.

Спойлер: feedback sandwich вже давно став shit sandwich, не радимо його практикувати.

Понеділковий бородатий friendly reminder. Добре, що цей жарт пояснювати не потрібно — значить, він потенційно good. А з того, що точно good, маємо наші найближчі старти: 🔹Design Management, 13 серпня 🔹Product-Led Growth, 26 серпня 🔹UX Design Medium, 17 вересня Гарного тижня!

Що потрібно робити вже зараз, щоб отримати підвищення? Чекати, коли прийде керівник і скаже: «Вітаю, ти тепер тимлід!» — точно не варіант. Що варто впроваджувати натомість, розповіли Chief Visionary Officer в Aestech Іван Роговченко та Head of Product Design у Socialtrait Володимир Сафонов. Якщо ви втомилися докладати зусиль, щоб вас помітили — ці поради для вас. Якщо ви б'єтеся з новою посадою, як риба об лід — ці поради для вас. Якщо ви не_дизайнер, але страждаєте від синдрому самозванця — ці поради для вас. 🫂Обіймаємо кожного, хто обійняв менеджерську позицію після довгих безсонних ночей — і тих, хто мав сміливість визнати, що менеджент — не для них. 👉🏻читати статтю

Чи не зриваєте ви проєкти через небажання співпрацювати зі стейхолдерами? Ми запитали в Івана Роговченка, Chief Visionary Officer в Aestech, що стоїть за продуктивною взаємодією зі стейкхолдерами і як її налагодити. Ловіть спойлер у вигляді п'яти причин, чому стейкхолдерів таки потрібно (!) активно залучати до дизайн-процесів: 🔷 покращення результатів дизайну завдяки наявності більшої кількості даних; 🔷 мінімізація процедур, повʼязаних із затвердженням результатів; 🔷 розвиток дизайн культури в компанії завдяки колаборації з іншими відділами; 🔷 залучення додаткового фінансування для розвитку проєктів; 🔷 професійне та кар’єрне зростання завдяки зворотньому зв’язку. Що стоїть за кожним пунктом і як налагодити системну співпрацю, дивіться на відео. Навчитися професійно менеджерити стейкхолдерів можна на авторському курсі Івана Design Management.

Чому менеджер повинен бути лінивим. Чому лідерам важливо зміщати фокус з дизайн процесу і дивитись ширше. Чому треба працювати не тільки в рамках дизайну, а й звертати увагу на бізнес загалом. Наш спонтанний хіт-парад подкастів цього тижня продовжується — запрошуємо до перегляду третього випуску подкасту «Менеджмент дизайну» — про процеси, нащо вони потрібні, як до них підходити, а як не підходити. Ведучі — наші куратори з 10+20 років досвіду: • Володимир Сафоновов — Head of Product Design у Socialtrait, ex. PandaDoc, Readdle. • Іван Роговченко — Chief Visionary Officer у Aestech (Techiia holding), WePlay Esports. 🔹 YouTube 🔹 Apple 🔹 Spotify P.S. Вова та Іван набирають групу на курс Design Management. Там вчать, як наймати, звільняти, мотивувати та розвивати дизайнерів, а також створювати дизайн стратегії, що розвивають бізнес. Старт — 13 серпня. Долучайтеся. #подкаст_рекомендація