interfaces.prjctr

Користувачі не ненавидять зміни. Вони ненавидять наші дизайнерські рішення.

Сказав Джаред Спул і пояснив: «Users don’t hate design changes, they hate the choices designers make when rolling out a change. That’s a nuanced, important difference».

Напоширеніші причини несприйняття редизайну:

1. Несподіванка змін: користувачі часто не знають про майбутні зміни, і раптові оновлення можуть їх дратувати.

2. Звичка до старого дизайну: навіть якщо попередній дизайн був складним, користувачі звикли до нього і можуть сприймати новий дизайн як незручний.

3. Стратегія «прийнятних змін»: дизайнери повинні впроваджувати зміни поступово, надаючи користувачам час і підтримку для адаптації.

Рекомендації для успішного редизайну:

• Попереджайте користувачів про майбутні оновлення, пояснюючи їхні переваги.

• Збирайте відгуки та враховуйте потреби користувачів під час розробки нового дизайну.

• Впроваджуйте зміни поетапно, даючи користувачам можливість звикнути до нововведень.

• Комунікуйте, підтримуйте та забезпечуйте ресурси для навчання користувачів роботі з новим дизайном.

Наприклад, після великих змін в інтерфейсі Figma пропонує повернутися до старого дизайну в один клік. А також дає посилання на сапорт і навігацію новим UI під рукою.

Як вам новий інтерфейси Figma після кількох місяців?

❤️ — дуже лайк
🌚 — все ще не подобається

Треба відстежувати метрики, інакше нічого не вийде.

Треба відстежувати actionable метрики, інакше нічого не вийде.

Це урок з лекції Арсена Колиби, уривок якої — на відео. Там ви дізнаєтеся, які метрики реально варто рахувати.

А як взагалі працювати з метриками, слухайте у лекції «Продуктові метрики та як впливати на них дизайном» на Projector Libary.

→ Проєктуєш україномовний застосунок
→ Використовуєш списки користувачів
→ Придумуєш рандомні імена і вводиш вручну
→ Втомлюєшся і шукаєш альтернативи
→ Знаходиш плагіні, але вони генерують контент або англійською, або російською

Такий шлях пройшов пан Родіон і вирішив написати свій плагін, який генеруватиме ім'я, прізвище та по-батькові українською мовою.

Вийшло.

Плагін UA Generator безкоштовний, дає можливість вибрати стать, формат і змінювати послідовність генерованих даних перетягуючи поля ім'я, прізвище та по-батькові.

Ідеально підходить для швидкого наповнення макетів чи прототипів локалізованим контентом на українській мові.

• Плагін тут

Залишитися в живих після дослідження: банківська сфера 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.

Гайд: як злякати та втратити юзера у п’яти атрибутах.

Запрошуємо до кімнати страху на слайдах.

Не хочеш бути причиною побиття екранів гаджетів і сліз юзерів? І натомість сприяти підвищенню конверсій і бізнесових 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 дизайнера інтерфейсів у коментарях під попереднім дописом — дивитися всім!

Подякували, записали, сподіваємося, що до втілення не дійде ✍️

Від натхнення аж нежиттєвий мем зробили.

Ситуація: замовнику нічого не подобається
Питання: що робити?

(тільки неправильні відповіді)

Завдання від Проджа — інституту вільної освіти 💙

«Коли робити UX рисьорч?»

1. Зараз. Чим раніше ви почнете, тим більший вплив матимуть результати на ваш продукт. Найкращий час, щоб розпочати дослідження, — це сьогодні, адже минуле повернути неможливо.

2. Досліджуйте користувачів на всіх етапах. На кожному з них можна дізнатися щось корисне. Кожен зважений крок буде приносити користі на більшу суму, ніж вартість дослідження.

3. Зосередьте більшість досліджень на початку проєкту. Тоді вони матимуть найбільший вплив. Але залиште частину бюджету для додаткових досліджень на пізніших етапах. Це особливо важливо, якщо ресурси на всі необхідні кроки обмежені.

Методи та заходи UX досліджень для різних етапів проєкту — на віжуалі.
Детальний розбір — у статті NN/g.

Що робити, якщо команда не використовує вашу дизайн-систему?

Щоб заохотити команди використовувати дизайн-систему та забезпечити узгодженість, я зосередився б на її зручності та ефективності.

Дизайн-система має спрощувати робочі процеси та зменшувати когнітивне навантаження, тому важливо оцінити, наскільки легко команди можуть її використовувати.

Потрібно спостерігати за тим, як вони взаємодіють із системою, виявляти точки тертя та збирати зворотний зв’язок для визначення напрямків покращення.

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

Коли система зручна й органічно вписується у наявні робочі процеси, це природним чином стимулює її використання. Такий підхід дозволяє досягти узгодженості у продуктах, одночасно враховуючи потреби та виклики окремих команд.

Від Франческо Кутоло — автора та куратора інтенсиву Design Systems, Design Lead у Wolt (Doordash).

Ви керуєте розробкою дизайн-системи для своєї компанії. Після її запуску помічаєте, що деякі команди не поспішають її впроваджувати, віддаючи перевагу власним дизайн-рішенням. Це призводить до несумісностей у продуктах компанії.

Питання: Як би ви заохотили ці команди використовувати дизайн-систему? Які стратегії ви б застосували, щоб забезпечити узгодженість, одночасно враховуючи їхні потреби?

Від Франческо Кутоло — автора та куратора інтенсиву Design Systems, Design Lead у Wolt (Doordash).

Навіщо свої граблі, якщо є чужі. Зібрали 10 дизайн систем великих компаній. Насолоджуйтеся, зберігайте собі, не будьте жадібні — кидайте друзям:

• Spotify – Reimagining Design Systems at Spotify

• Booking.com – How We Built Our Multi-Platform Design System

• Uber – Uber Design Platform

• Dropbox – How Dropbox migrated to Figma and structured our cross-platform design system

• Salesforce – Lightning Design System

• IBM – Carbon Design System

• Atlassian – Atlassian Design System Evolution

• Airbnb – Airbnb Design Language System

• Microsoft – Fluent Design System

• Google – Material Design Evolution

Тут зібрали лінки, а практичні скіли зі створення ефективних дизайн систем — на воркшопі Design Systems.

Куратор: Франческо Кутоло, Design Lead у Wolt, ex. Design Lead Klarna, Figma community advocate у Швеції.

Кейс на сьогодні: відкритий бриф на мем.

Продовжіть фразу: дизайнер, коли…

Кейс від Проджа — інституту вільної освіти. Зірка на фото — кіт Чуча нашої графічної дизайнерки Крістіни Шпетної.

Знаємо, ви таке хвостате любите 💙

Дизайн-система для команди, а не для галочки

Гайд Бреда Фроста, як створити систему, що не лишиться декоративним елементом. Якщо вона не скорочує час розробки чи не забезпечує узгодженість, це сигнал до змін. Яких?

1. Почніть із реальних проблем

Дизайн-система має вирішувати практичні задачі, наприклад, зменшення «дизайн-багів» — розбіжностей між задуманим та реалізованим. Якщо різні команди використовують однакові компоненти з неузгодженими варіаціями, це ускладнює досвід користувачів.

2. Дозволяйте зміни

Якщо система надто жорстка, команди її ігноруватимуть. Залишайте простір для локальних адаптацій.

3. Інвестуйте в документацію

Створіть чіткі гайдлайни з прикладами та поясненнями. Поганий підхід — вимагати від дизайнера розбиратися в коді, щоб зрозуміти компонент. Гарний підхід — доступна документація, яка відповідає на запитання.

4. Фокусуйтеся на «дизайн-багах»

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

5. Міряйте результат

Ефективність дизайн-системи вимірюється кількістю зекономленого часу та зменшенням багів. Наприклад, якщо після її впровадження час розробки нових функцій скоротився на 20%, це свідчить про її успіх.

Дизайн-система — це інструмент для прискорення та спрощення роботи, а не тягар. Як створити дизайн-систему, що не обтяжує, а розкладає по поличках і відгукується команді — навчимося на інтенсиві Design Systems.

Куратор: Франческо Кутоло, Design Lead у Wolt, ex. Design Lead Klarna, Figma community advocate у Швеції.

Старт: 6 грудня — приєднуйтеся зі знижкою 10% за промокодом SYSTEM10.

Збирайте скіли, респект і підвищення на інтенсиві 💙

Як отримати фідбек від користувачів без користувачів?

Низька залученість або мотивація користувачів — часта причина, чому дизайнери уникають збору фідбеку. Так дизайн рішення починають ухвалюватися на основі здогадок, а не реальних потреб користувачів.

Я опишу декілька шляхів, як отримати швидкий фідбек і зібрати інформацію залежно від типу продукту.

B2B: Використовуйте внутрішні ресурси

У B2B продуктах часто є команди, які регулярно спілкуються з клієнтами. Це чудовий спосіб отримати важливу інформацію.

• Сейлз менеджери: мають цінні дані про потреби потенційних клієнтів.
• Customer success / account менеджери: взаємодіють з наявними клієнтами. Попросіть приєднатися до дзвінка з користувачем на 10-15 хвилин, щоб поставити свої запитання або показати рішення. Це не лише допоможе зібрати дані, але й залучить клієнтів до розвитку продукту.
• Support менеджери: знають про всі поточні проблеми. Їхні дані допоможуть зрозуміти, що найбільше турбує користувачів. Бонус: ті, хто вже звернулися в підтримку, часто готові детальніше обговорити свої потреби.

B2C: Використовуйте великі обсяги даних

Користувачі B2C продуктів зазвичай менш мотивовані ділитися фідбеком, але генерують багато даних, які можна аналізувати.

• Поведінкова аналітика та записи сесій: показують, як користувачі фактично взаємодіють із продуктом. Використовуйте ці дані для прийняття рішень.
• Збір фідбеку всередині продукту: короткі форми чи опитування, запущені після виконання конкретної дії, дають високий рівень відгуків. Для фіча-реквестів підійдуть сервіси на кшталт Canny.
• Рев’ю та відгуки: переглядайте AppStore, TrustPilot та подібні платформи, щоб зрозуміти ставлення до продукту, сильні та слабкі сторони.
• Створення ком’юніті: групи на Facebook, Reddit, Slack чи Discord допоможуть посилити зв’язок із користувачами. Якщо ком’юніті ще немає, створіть його. Це підвищить кількість фідбеку та спростить взаємодію з клієнтами для всієї команди.

Що далі?

Почніть з одного з пунктів і впровадьте його у своїй компанії. Маленькими кроками можна покращити культуру збору фідбеку в українських компаніях і створювати продукти, які справді відповідають потребам людей 🙂

Кейс від Бориса Бакланова — автора і куратора курсу Product Design, Senior Product Designer у Klarna.

Ви працюєте з продуктом, у якого мало користувачів, вони дуже зайняті і не мають мотивації з вами спілкуватися.

Питання: Як будете підходити до дослідження і тестування такого продукту?

Кейс від Бориса Бакланова — автора і куратора курсу Product Design, Senior Product Designer у Klarna.

Як вберегти себе від мільйона зайвих правок

Ставте чіткі KPIs зараз, щоб не плакати потім:

1. Визначте цілі на старті проєкту

Правки зазвичай виникають, коли замовник чи команда не до кінця розуміють, чого вони хочуть. Запитайте:

• Що ми хочемо досягти?
• Які проблеми вирішуємо?
• Як успіх буде вимірюватись?

Наприклад, якщо ваша мета — збільшити кількість реєстрацій, основний KPI може бути «конверсія на формі реєстрації».

2. Пріоритезуйте метрики

Коли всі орієнтуються на єдину мету, кількість непотрібних правок значно зменшується. Оберіть одну або кілька метрик:

• Юзабіліті: чи стало користувачам простіше виконувати потрібні дії?
• Конверсії: чи зростає кількість виконаних завдань?
• Залученість: як часто і довго користувачі взаємодіють із продуктом?

Наприклад, ціль «зменшення часу на виконання ключової дії» допоможе уникнути правок, які не наближають до результату.

3. Комунікуйте візуально

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

4. Тестуйте та отримуйте ранній фідбек

Дайте клієнтам і команді можливість протестувати дизайн у реальних сценаріях. Користувачі допоможуть знайти слабкі місця до того, як проєкт перейде на наступний етап.

5. Аналізуйте дані

Коли у вас є KPI, які можна виміряти, дискусії стають раціональними. Замість «мені не подобається ця кнопка» з'являється «поточний дизайн збільшує конверсії на 15% замість очікуваних 25%».

Що покаже ефективність дизайну? KPI. Що вбереже вас від мільйона зайвих правок? KPI. Що допоможе розв'язати проблему невизначеності всередині команди? KPI.

Де навчитися їх ставити та доносити цю необхідність стейкхолдерам? На інтенсиві Measuring UX and Impact of Design: без смс, з реєстрацією та промокодом на знижку -20% — DESIGN20. Стартуємо уже ща 2 дні.

Що робити, якщо клієнту «все не те»?

Насамперед, підкреслю два моменти:

1. клієнт не завжди неправий, тож злитись чи засмучуватись не варто. Сприймайте це як можливість створити найкраще рішення;

2. клієнт не мислить професійними дизайн-категоріями кнопок, типографії та іншого. Тож ви маєте бути його помічником і провідником.

Абстрактні відповіді на дизайн — це радше добре, ніж погано. Мало хто любить, коли їхніми руками керують, диктуючи колір кнопки.

Отже, я рекомендую рухатись від абстрактного до конкретного.
Почніть із запитання «чому?» — і йдіть у більш поглиблене обговорення причин реакції клієнта та детальніший розбір дизайну.

Ви можете виділити під це окремий дзвінок. Але підготуйтеся заздалегідь. Часто клієнт може знати нюанси свого бізнесу або аудиторії, якими раніше не поділився. Чи просто не може сформулювати конкретний запит, в чому ви маєте йому допомогти. Така розмова також допоможе збудувати довіру між вами і дасть розуміння, що ви зацікавлені створити краще рішення так само, як і клієнт.

Якщо знадобиться, зробіть ще одну ітерацію брифу, додавши більш деталізовані вправи. Наприклад, мудборд або збір референсів від клієнта.

Але тримайте в голові, що дизайн-рішення має не тільки подобатись клієнту, а також відповідати потребам цільової аудиторії. Цим варто оперувати в дискусії щодо концепту.

Кейс від Мар’яни Бучкович — кураторки Figma Autolayout Workshop, Senior UX/UI Designer у Fedoriv.

Ви підготували перший драфт дизайну для клієнта за раніше узгодженим брифом.

Проте на зустрічі клієнт каже, що «все не те», дизайн «не метчиться з його очікуваннями».

Але не дає конкретних правок.

Питання: Як ви будете діяти, щоб отримати від клієнта чіткіший фідбек і зрозуміти, які саме аспекти дизайну потрібно змінити?

Кейс від Мар’яни Бучкович — кураторки Figma Autolayout Workshop, Senior UX/UI Designer у Fedoriv.

Дизайнерам інтерфейсів приготуватися! Під ваші ялинки рушає адвент вікторина 💙

Що це?
1. З 1 по 30 грудня ми опублікуємо 15 питань: спочатку кейс, наступного дня — правильну відповідь.
2. Ви відповідатимете в коментарях — що більш розгорнуто, то краще.
3. Автори кейсів обиратимуть кращі відповіді з коментарів.
4. 31 грудня ми підіб‘ємо підсумки та визначимо трійку інтерфейсних розумників і розумниць.
5. Зіграємо Святого Миколая — прийдемо з подарунками.

У ролі подарунків: сертифікати на менторські сесії від спеціалістів Prjctr Mentorship Platform.

У ролі авторів кейсів: куратори та команда Проджа.

Line-up: Віталій Фрідман (Smashing Media), Франческо Кутоло (Wolt), Стас Говорухін (Djinni), Борис Бакланов (Klarna), Євген Олексюк (EPAM Systems), Мар’яна Бучкович (Fedoriv), Ян Гладченко (Raiffeisen Bank Ukraine), Анна Дем’яненко (Lazarev), Оля Алтухова (airSlate).

Бонус: фанові питання від команди.

Щоб що брати участь?
🔹Буде цікаво та освітньо: круті питання крутих спеціалістів.
🔹Перевірте себе, поміряйтеся скілами з іншими та відчуйте силу ком'юніті — хай коментарі перетворяться на інтелектуальний батл.
🔹Подарунки — це ж круто, еге ж?

Діліться з друзями-дизайнерами, щоб змагатися і з ними.

Вмикайте сповіщення, щоб не пропускати питання — спамити не будемо!

Ready, steady, go brace yourself the winter is coming… 🫂

Хто з вас?

7 iconic книг про UX дизайн

• «Don't Make Me Think», Steve Krug
Класика про принципи зручності використання продуктів. Автор пояснює, як зробити інтерфейс інтуїтивно зрозумілим.

• «The Design of Everyday Things», Don Norman
Основоположна книга про психологію дизайну: як зробити об'єкти та системи простими для використання?

• «About Face: The Essentials of Interaction Design», Alan Cooper, Robert Reimann, David Cronin & Christopher Noessel
Посібник, який охоплює основи проєктування інтерфейсів та створення зручного цифрового середовища.

• «Lean UX: Designing Great Products with Agile Teams», Jeff Gothelf & Josh Seiden
Практичний підхід до UX дизайну в умовах Agile. Книга вчить, як швидко створювати цінність для користувачів, інтегруючи UX у процес розробки.

• «Hooked: How to Build Habit-Forming Products», Nir Eyal
Дослідження, як створювати продукти, які формують звички.

• «Smashing UX Design: Foundations for Designing Online User Experiences», Jesmond Allen & James Chudley
Комплексний посібник для дизайнерів, який охоплює всі аспекти UX дизайну: від досліджень до прототипування та тестування.

• «A Project Guide to UX Design», Russ Unger & Carolyn Chandler
Практичний гайд для початківців у UX, який охоплює процеси створення продуктів — від досліджень до кінцевого дизайну.

Які б додали ви?

Дістаємо з шухлядки спосіб тестування 2002 року

Microsoft Reaction Card Method — це простий і канонічний інструмент для збору емоційного фідбеку.

Як працює?
• Користувачам дають перелік із 118 слів: позитивних, нейтральних, негативних.
• Їх просять вибрати ті, що найкраще описують продукт чи досвід.
• Після цього користувач пояснює, чому обрав саме ці слова.

Це допомагає уточнити емоційне ставлення до продукту, зрозуміти сильні та слабкі сторони — словом, зібрати якісний фідбек без складних досліджень.

З плюсів: низький бар’єр для участі та достатня емоційна глибина, де на питання типу «що вам не сподобалося?» користувачі справді діляться асоціаціями та почуттями. Більше — у статті NN/g.

Користуєтеся цим методом?
🤝: так
🌚: ні
💅: тестувати — шлях слабких

Як виміряти UX? 10 корисних посилань — про метрики, KPIs та фреймворки

• HEART Framework Template
Miro

• 49 UX Metrics, Methods, and Measurement Articles
MeasuringU

• How to Measure the Impact of UX Research?
Medium

• How to Choose the Right UX Metrics for Your Product
Home

• Google’s HEART Framework for Measuring UX
Interaction Design Foundation

• Top 5 UX Frameworks to Measure User Experience
DEV Community

• How to Measure User Experience: 7 Key UX Metrics
Userpilot

• The 7 Most Important User Experience (UX) KPIs
UX Design Institute

• The Complete Guide to UX Metrics
HubSpot

• Effective UX Metrics and KPIs to Measure User Experience
ScreenRoot

Навчіться перетворювати розмиті цілі та чіткі КРІs дизайну на інтенсиві Віталія Фрідмана — Measuring UX and Impact of Design. Зрозуміємо, що і як міряти, щоб досягати результатів вже 4 грудня.

Робото-полегшувальне

Плагін Logo Layout для Figma допомагає розміщувати кілька різних логотипів так, щоб разом вони дружили та виглядали красиво на макеті.

Алгоритм враховує пропорції логотипів, незалежно від того, наскільки високим, широким, маленьким чи великим може бути кожен.

Тестуйте!

Як найняти АІ працювати над інтерфейсами за вас

Розповідає Денис Суділковський, бренд та бізнес директор ЛУН.

На відео — приклад прискорення дослідження завдяки АІ.

Більше технік і прикладів від Дениса в лекції «ШІ (AI) в інтерфейсному дизайні» на Projector Library.

Ще більше — на інтенсиві AI for Business Growth від Марії Пономарчук: експертки, що обіймала посади Product Director у TikTok, Product Manager у Apple, Head of Product у Reface та працює з АІ з 2015 року — задовго до того, як це стало мейнстрімом.

Пані та панове, хочемо позичити ваші 5 хвилин

Питаємо про ваш досвід — бажання, цілі, плани — роботи з no-code інструментами. Повернемо борг у вигляді корисного контенту. Дякуємо!

Клікайте сюди

Контент 🤝 User Experience

Ну, в ідеалі. Адже поганий UX контент може зробити геніальний дизайн дратуючим.

Приклад: посилання «Learn more». Що саме користувач дізнається, натиснувши на нього? Чи отримає він потрібну інформацію, чи лише втратить час? Відсутність конкретики в тексті може створювати плутанину, додаткове когнітивне навантаження та погіршувати досвід користувача. Як цього уникнути радить Віталій Фрідман:

Як зробити UX контент сильним?

Ясність: що саме очікує користувача? Наприклад, замість «дізнатися більше» використовуйте «дізнатися ціни».
Доречність: текст має відповідати контексту.
Простота: менше складних формулювань — більше зрозумілих слів.

Чого варто уникати?

Кліше і розмитих фраз: наприклад, «сlick here» чи «explore» не додають жодної цінності для користувача.
Перевантаження: забагато тексту іноді дорівнює його відсутності.
Недоступності для людей з інвалідністю: контент має бути зрозумілим для всіх користувачів.

Що і як можна протестувати?

• Banana test: замініть ключові слова на «банан» і попросіть юзерів пояснити зміст.

• Cloze test: видаліть частину тексту і попросіть користувачів заповнити пропуски.

• Reaction cards: напишіть 25 емоцій на картках і попросіть обрати ті, які найкраще описують продукт.

• Card sorting: попросіть користувачів групувати теми в категорії.

• Highlighting: запропонуйте підсвітити слова, які допомогли чи збили з пантелику.

• Competitive testing: покажіть сторінки конкурентів і запитайте, як користувачі розуміють їхній зміст.

Контент — частина інтерфейсу, тож не забувайте приділяти йому увагу. Як і тестуванню загалом.

Принагідна рекламна інтеграція — інтенсив Віталія Measuring UX and Impact of Design. Зрозуміємо, що і як міряти, щоб досягати бізнес результатів, вже 4 грудня.

Вчитися приємно. Переконайтеся з Projector Library: між робочими завданнями, поки чекаєте сніданок у кав’ярні чи загорнувшись у ковдру 🐈‍⬛️

Маємо чорно-п’ятничний тиждень знижок у найбільшій українській відеобібліотеці, що має 700+ лекцій від топових creative&tech спеціалістів 🖤

З 25 по 30 листопада знижка на річну підписку 60% — 950 грн замість 2500 грн. Приєднуйтеся 🐾

Коментар на тему: «Як візуалізувати дані погано»

Крок 1. Використвуйте якомога абсурнішу шкалу, щоб показати різницю між величинами

Крок 2. Обманюйте користувачів: показуйте відрив, між числами, як вам зручно

Крок 3. Сучасний інтернет вбиває когнітивні здібності користувачів: допомагайте юзерам знову їх розвинути!

Крок 4. Не переймайтеся: будьте як baby boomer з четвертої картинки, який складається зі усіх 243%

• На цій ноті інтегруємо курс Infographics — перешліть тим, кому не завадить

Що читати UX дизайнерам? Корисні книги та шаблони від Віталія Фрідмана

• A Guide to Finding User Needs
by Jan Dittrich

• Interviewing For UX Research
by Andrew Travers

• UX Research Methods Cheat Sheet
by Allison Grayce Marshall

• Free UX Research Templates (Notion)
by Odette Jansen

• UX Research Notion Question Bank
by Maze

• Free UX Research Templates
by User Interviews

• UX Research Methods Launch Pad
by User Interviews

• First 90 Days As a UX Researcher (+ Notion template)
by Anna Lee A

• UX Research Sample Size Calculators
by Vitaly Friedman

• How to Run UX Research Without Access To Users
by Vitaly Friedman

• How To Make A Strong Case For UX Research
by Vitaly Friedman

Що слухати UX дизайнерам? Інтенсив Віталія UX Strategy Workshop.
Але одним слуханням не обійдеться — готуйтеся до вебінарів, практики, завдань у групах і фідбеку.

Гідне продовження «Restroom guessing game»

Знайшли на Reddit

Добірка великодніх яєць/великодок/крашанок/прихованок/яєць раєць.

Тисніть вподобайки за милі анімації: перша — Spotify, друга та третя — Google.

І раз така нагода, голосуйте в коментарях за вашу улюблену адаптацію Easter Egg українською 🤝

11 корисних UX темплейтів: добірка від Віталія Фрідмана

• 60 UX Strategy Methods And Activities
• Design System Generator
• FigNotion
• Handoff and Spec Helpers
• Low-Fidelity Wireframing Toolkits
• Service Blueprints
• User Journey Maps
• UX Methods & Projects Airtable
• UX Mapping Guides
• Miro Templates For UX Designers
• Notion Templates For UX Designers

Більше користі, зібраної та здобутої Віталієм, на його інтенсиві UX Strategy Workshop.

Створили курс Infographics, щоб рятувати світ від таких чартів.

Діліться з друзями — let’s make the world a better place together!

Raycast має команду, яка змушує його рухатися як DVD лого.

Весело, ностальгічно, приємно, лайк.

Знайшли тут — Design Spells

Я: давайте оновимо онбординг
Менеджер: але у нас вже є онбординг вдома
Тим часом онбординг вдома: …

На цій ноті робимо last call на інтенсив Стаса Говорухіна — User Onboarding Design.

Старт — завтра, 15 листопада
Тривалість — 3 дні
Промокод на знижку 10% — FALL10
Деталі та реєстрація — на сайті

Говоріть так, щоб вас чули

Адріан Дірнелл зібрав 7 універсальних правил для ефективної презентації. Поглинайте та застосовуйте.

1. BLUF: Bottom Line Up Front

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

Приклад: вставляти підсумки або ключовий висновок на перший же слайд.

2. Правило 10/20/30

Цю формулу популяризував Гай Кавасакі, у ній йдеться:
— не більше 10 слайдів
— не більше 20 хвилин
— шрифт розміром 30 pt

3. KISS: Keep It Short and Simple

Уникайте складнощів і зосереджуйтеся на головному.

4. Вплив = Сенс ÷ Кількість слів

Чим менше слів ви використовуєте, тим більший вплив. Якщо скажете те саме, використовуючи вдвічі менше слів — подвоїте вплив сказаного.

5. AIR: Affirm, Illustrate, Recap

Простий фреймворк:
— почніть з підтвердження вашого основного повідомлення
— проілюструйте його відповідним прикладом або історією
— насамкінець, нагадайте ключовий висновок

6. The Silicon Valley Pitch: We Are the X of Y

«Пітч Кремнієвої долини» — це коли ви порівнюєте свою ідею з тим, що вже має успіх на ринку. Наприклад, «ми Uber вантажних перевезень» або «ми Cartier в світі традиційних прикрас».

7. 9х1=0 і 3х3=1

Якщо повідомити дев'ять різних повідомлень лише один раз, це призведе до нульового запам'ятовування.
Однак, звуження до трьох ключових повідомлень і повторення кожного з них тричі підвищує ймовірність того, що принаймні одна з ваших цілей комунікації буде досягнута. Теж не радісно, але це реальність, яку треба прийняти.

Головне пам’ятати, що 1>0.

Успіхів у ваших презентаціях: результатів, думок і себе.

Щоб мати команду, що слухатиме, долучайтеся до курсу Design Leadership.

Якщо лаєте ChatGPT — будьте готові отримувати на 30% гірші відповіді

Бернард Марр, фаундер та CEO Bernard Marr's Wine Cellar, у статті для Forbes пише, що коли ми взаємодіємо зі штучним інтелектом, використовуючи фрази на кшталт «будь ласка» і «дякую», якість результатів значно покращується.

Коли ж ми лаємо чи сваримо ChatGPT — усе навпаки, загальний перформанс може впасти аж на 30%.

Відповідні дослідження вже існують: наприклад, «Catching rudeness is like catching a cold: The contagion effects of low-intensity negative behaviors».

ШІ моделі, до яких ставилися з повагою, давали меншу кількість помилок та галюцинацій, а ще — краще розуміли поставлені завдання.

Ця тенденція простежується в різних мовах і культурах, що підтверджує, що ввічливість долає мовні бар'єри і безпосередньо впливає на продуктивність.

Нехай цей пост буде нагадуванням про важливість бізнес етикету — як з людьми, так і з машинами.

P.S. Ну і якщо роботи захоплять світ, у вас буде змога домовитися з ШІ другом.

Головне — вирішувати бізнес проблему, казали вони…

Як побудувати онбординг, що утримує: 5 кращих практик

🔹 Не функції, а переваги

Не важливо, що є в застосунку. Важливо, щоб що воно там є і як допомагає користувачу вирішувати проблему. Визначте УТП застосунку та фокусуйтеся на його донесенні протягом усього періоду адаптації.

🔹 Не всі хочуть екскурсію з гідом

Робіть процес реєстрації коротким і дайте користувачам можливість пропускати окремі кроки та повертатися до них за потреби.

Не перевантажуйте непотрібними запитаннями і запитуйте лише ту інформацію, яка необхідна для початкової взаємодії. Розгляньте проведення A/B тестування, щоб визначити найбільш ефективний процес реєстрації.

🔹Досвід має бути приємним

Особливо, якщо він відносно довгий. Гейміфікація може перетворити процес онбордингу на цікавий і корисний досвід, підвищуючи рівень утримання користувачів і їх задоволеності. Наприклад, можна додати челенджі, вікторини та винагроди за досягнення.

🔹 Винагороджуйте за пройдений онбординг

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

🔹Стилість

Не перевантажуйте користувача надмірною кількістю інформації. Це може призвести до розчарування та відмови від використання програми.

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

• Більше практичних порад і кейсів дасть Стас Говорухін на воркшопі User Onboarding Design. Відточите знання на практиці — створите онбординг власноруч з нуля. Долучайтеся!

Ви чи не ви?

Хто створив лого IBM?
А першу комп’ютерну мишу?
Яка автомобільна компанія надихнула створення «Lean UX»?
І якого кольору обкладинка першої книги Дона Нормана?

The Design Quiz — вікторина, де ви можете перевірити свої знання з User Experience, User Interface і Graphic Design.

Проходьте та пишіть у коментарях, скільки правильних відповідей вдалося дати.

Перевірити свої знання

Макс Ткачук — гість нового епізоду «Інтерфейсного» подкасту Яна Гладченка🎙️

Макс, дизайн директор у Raiffeisen Bank Ukraine і засновник освітнього проєкту для дизайнерів service.sо розповів про:

• розвиток зрілості дизайну в українських продуктових командах;
• виклики, з якими стикаються дизайнери на своєму шляху;
• способи завоювати місце за столом перемовин поруч з іншими членами команди;
• як sеrvice.sо допомагає розвиватися дизайнерам і не тільки.

Слухайте випуск на:

🔹 YouTube 🔹 Apple 🔹 Spotify

#подкаст_рекомендація

Як отримати роботу в топових закордонних і українських компаніях? 5 порад зі створення CV від Руслана Назаренка.

Руслан побудував кар’єру у великих закордонних компаніях, вивів кілька стартапів з 0 до 1 млн користувачів, і ще один — з 0 до 1 млн доларів на місяць, і тепер ділится, як упаковувати досвід так, щоб цей шлях відкрився й вам.

Створимо ефективне CV, отримаємо фідбек Руслана, вдосконалимо профайл на Linkedin та отримаємо реферали на триденному інтенсиві Landing a Tier 1 Job.

Переглянути програму та деталі

Як ви ставитеся до таких кар’єрних порад у твіттерах і лінкдінах?

💅 — like
🌚 — nope

UX тренди у мобільних застосунках: 10 поширених помилок

1. 72% мобільних застосунків показують надміру помітну рекламу на домашній сторінці.

Великі оголошення відволікають та заважають користувачам отримати уявлення про продукти, перевантажуючи увагу рекламою. Юзери часто ненавмисно взаємодіють з такими банерами, що створює додатковий friction.

2. 56% застосунків посилають на обмежений каталог товарів з домашньої сторінки.

Якщо користувачі не помічають, що вони перейшли на вузькоспеціалізовану категорію товарів, то можуть неправильно інтерпретувати весь каталог товарів.

Юзабіліті тестування показало, що для деяких шляхів підгрупа учасників ніколи не помічала, що переглядає вужчий список. Вважала, що дивиться загальний каталог. Як наслідок, ці учасники часто закривали застосунок, думаючи, що в каталозі бренду немає товарів, які їм потрібні.

3. 53% застосунків не зберігають пошукові запити користувачів у полі пошуку на сторінках результатів.

Кожен раз, коли користувач хоче уточнити пошуковий запит, він має вводити його з нуля.

4. 96% мобільних застосунків не мають submit button поруч з полем пошуку

Шукаючи продукти, користувачі не завжди дивляться на клавіатуру, щоб відправити запит.

Під час тестування помітили, що відсутність явної кнопки надсилання запиту поруч з search suggestions ускладнює процес пошуку і збільшує ймовірність помилок: наприклад, ненавмисного видалення пошукового запиту.

5. 45% застосунків використовують повторювані та нерелевантні search suggestions

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

Або просто недоречні — наприклад, пропозиції щодо взуття, хоча запит був «жіночий гаманець».

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

• 5 інших порад і приклади фідбеку респондентів — в дослідженні Baymard Institute

Дизайнери, які не знають історії, ризикують бути обмеженими лише петриківськими розписами та шароварщиною.

Щоб цього не сталося, треба збирати дані та об‘єднуватися. Поширювати більше підходів, кристалізувати свій неповторний стиль.

Пропонуємо почати просто зараз, ознайомившись на слайдах з п’ятьма рисами українського дизайну, які виокремила Олександра Корчевська-Цехош. А продовжити — на курсі Олександри «Історія українського дизайну».

Старт — 14 жовтня.
Деталі — за посиланням.

У нашому спортивному розкладі — пробіжка за скілами у Проджі.

Choose your destination:

🔹Design Leadership (новий курс)
Старт: 11 листопада
Куратори: 5 панів і панянок з Meta Reality Labs, Apple, Philips, Deliveroo, GetYourGuide, Nortal, Natwest, EY, HSBC

🔹User Onboarding Design (інтенсив)
Старт: 15 листопада
Куратор: Стас Говорухін, дизайнер продукту в Djinni

🔹UX Design Medium
Старт: 19 листопада
Автор: Євген Олексюк, UX Designer у EPAM Systems

🔹UX Strategy Workshop
Старт: 27 листопада
Куратор: Віталій Фрідман, співзасновник і креативний лід у Smasing Media

🔹Web Design Beginning
Старт: 11 листопада
Автор: Андрій Курочкін, Lead Designer у Hexagon Agency

🔹Web Design Junior
Старт: 18 листопада
Автор: Андрій Курочкін, Lead Designer у Hexagon Agency

🔹Mobile Apps Design
Старт: 25 листопада
Авторка: Ксенія Бутиріна, ex. Lead UX/UI Designer у Trinetix

🔹UX Design Beginning
Старт: 20 листопада
Автор: Сергій Ревва, Lead Product Designer в airSlate

🔹Figma Autolayout Workshop (інтенсив)
Старт: 27 листопада
Кураторка: Марʼяна Бучкович, Senior UX/UI Designer у Fedoriv

Не хворійте 🫂

Як зробити копі абсолютно unappropriate одним пробілом, або наша рубрика — важливість типографіки

Сьогодні наша героїня: вивіска салону, що надає послуги масажу

В її другому рядку зайва відстань між буквами E та R перетворює:

→ терапевта з масажу — «massage therapist»
→ на заклик зробити масаж ґвалтівнику — «massage the rapist»

Отак невесело виходить через невеликі помилки.

• Зображення з просторів Reddit

Курсовий проєкт студентів курсу UX Design Medium для Textero.aі

Це програма для написання есе на основі АІ, яка підтримує студентів, перевіряючи граматику, виявляючи плагіат і управляючи цитуванням.

Проблема: високий churn rate, як до, так і після оплати.

Завдання: запропонувати рішення, спрямовані на покращення user retention та поглиблення engagement.

Результат: переглядайте на Behance

Авторки та автор — Ірина Козак, Юлія Голодрига, Олександр Логінов, Соня Нестеренко, Анна Поллі

Куратор — Євген Олексюк, Senior UX Designer у EPAM Systems

Тренуйтеся на курсовому проєкті для справжнього замовника і ви — у наступній групі курсу UX Design Medium 🖤

Старт — 19 листопада
Програма — за посиланням

Як ефективно збирати адреси електроної пошти без поп апів — поради Віталія Фрідмана

Люди мають всередньому 1.7–1.9 поштових скриньок: хтось жодної, хтось одну, а хтось — дві, три та більше. Через острах спаму та скаму вони використовують тимчасові або запасні електронні адреси, просто щоб отримати промокод на знижку.

Ви малоймовірно отримаєте особисту пошту через поп ап. А бізнесу потрібна саме вона, щоб мати справжніх лідів, які пізніше конвертуватимуться і робитимуть покупки.

🔹Як зібрати справжні особисті контакти?

• Показуйте вікно розсилки тоді, коли воно має найбільше значення для клієнтів
• Під час оформлення замовлення дозвольте користувачам підписатися на розсилку та одразу використати купон
• Перевіряйте електронну пошту клієнта безпосередньо перед покупкою та одразу після неї

Коли справа доходить до розсилок, наше завдання — знайти момент, коли клієнти зацікавлені в тому, щоб залишити правильну адресу електронної пошти. Вони повинні усвідомлювати цінність, яку отримають, вказавши реальну особисту пошту.

🔹Зазвичай це відбувається на 5 типах сторінок:

Сторінки акцій
↳ «Ми надішлемо повідомлення з підтвердженням на цю електронну адресу»

Сторінки товарів
↳ «Залиште email і оформите замовлення із застосуванням купона»

Сторінка розпродажів
↳ «Отримуйте сповіщення про розпродажі та поповнення запасів»

Останній крок оформлення замовлення
↳ «Перевірте свою адресу, щоб отримати електронного листа з підтвердженням»

Сторінка підтвердження покупки
↳ «Не отримали підтвердження? Відредагуйте свою електронну пошту»

Розмістіть поля на таких сторінках і виміряйте результати. Відстежуйте не лише зростання списку контактів, але й показники відмов, відкривань та конверсій.

Ваша мета: принаймні наблизитися до середнього показника відкриття імейлів у 21,8%, що є бенчмарком для всіх індустрій.

І не забудьте очистити список від тимчасових імейлів — деякі компанії не усвідомлюють, наскільки дорого можуть коштувати неіснуючі ліди. Ви будете здивовані, наскільки ефективною може бути така проста зміна.

🔹 За advanced UX скілами приходьте на практичний воркшоп Віталія Фрідмана — UX Strategy Workshop.

Забрати ліки в АНЦ у 5 разів швидше

Такий виклик собі кинули українські дизайнери інтерфейсів. І створили прототип, що дозволяє забирати ліки за 15 секунд замість 1 хвилини 16 секунд.

Анна Ліщинська та Стас Говорухін почали — Катерина Горблюк, Ліза Пасічник та Юлія Молчанова продовжили.

Ліза Пасічник пише: «Аптека АНЦ має поштомат для ліків — Лікомат. Ми хочемо вдосконалити його інтерфейс. Це не про гроші чи хайп — просто прагнемо зробити інтерфейси кращими». І просить шерити ідею редизайну.

Читайте кейс за посиланням

Готуємо дещо цікаве, щоб допомогти вам з кар'єрною roadmap і пошуком роботи мрії.

Щоб найкраще заметчитися з реальними потребами інтерфейсників, проводимо опитування: про проблеми та бажання дизайнерів у кар'єрі та процесі отримання ідеального оферу.

Поділіться, будь ласка, своїм досвідом.
І перешліть друзям-дизайнерам інтерфейсів.

Участь в опитуванні займе близько 5-7 хвилин: більша частина питань мають варіанти відповіді.

Пройти опитування

«Що б ви порадили собі на початку своєї дизайнерської подорожі?» — спитали кураторів і кураторок курсу Design Leadership:

Луану Моуру — Design Leader & Strategist у GetYourGuide, ex. Zalando, Fjord, Motorola, має понад 20 років досвіду

Бенса Чернака — засновника Bencium AI Consultants, стратегічного консультанта з АІ, що керував розробкою продуктів для Nortal, Natwest, EY, HSBC

Ганса фон Сіхарта — розробляв інноваційні стратегії та дизайн для Apple, Cisco, Frog, GE та Philips

Альбіну Чолак — Staff Product Designer у Deliveroo, має понад 12 років у дизайні продуктів та послуг

Приєднуйтеся до курсу: навчіться створювати віжен game-changing продуктів, розвивати членів команди до senior level, вирішувати значущі бізнес проблеми, використовувати AI для топрезультатів та ставайте скіловим лідером.

Старт — 11 листопада
Програма та деталі — на сайті

Хочете будувати онбординг, що утримує, наче тепле ліжко зранку, коли батареї ще холодні?

Створіть такий з нуля та отримайте фідбек Стаса Говорухіна, дизайнера продукту у Djinni на інтенсиві — User Onboarding Design 🛋

У програмі:

01. проєктування онбордингу й першої сесії;
02. робота з інтерфейсними патернами та тактичними продуктовими рішеннями;
03. інструменти для дизайну setup, aha та habit moment та вимірювання результату;
04. робота з психологічними ефектами, які впливають на сприйняття дизайну.

Зустрінемося 15, 16 і 17 листопада.
Деталі — на сайті.
Реєстрація — там же.

До речі, як ви, вже з опаленням?

Сторінки 404, або порожні сторінки на сайтах — зазвичай біль для юзера. Однак деяким бізнесам вдається обернути їх на свою користь. Тоді ця маленька маркетингова деталь допомагає людині не піти з сайту, а швидко знайти потрібне.

Разом з Марією Шнирковою, авторкою каналу 404 | сторінку не знайдено, розбираємо, як створити кастомну сторінку 404, що працюватиме на інтереси бізнесу.

Дизайн система у фігмі: позбуваємося хаосу, який змушує втрачати час і психічне здоровʼя через безлад у стилях і компонентах.

• Як крок за кроком перетворити безлад на порядок, дивіться у повній лекції Толія Бондаря на Projector Library.

• Або вчіться будувати ефективні дизайн системи за підтримки куратора на триденному воркшопі Design Systems від Франческо Кутоло, design lead у Wolt, раніше — Design Lead у Klarna, має 15 років+ досвіду.

Отримайте хард скіли: best practices для створення бібліотек, промпти та фреймворки для спільної роботи, знання про токени, компоненти, патерни, просунуті техніки у figma для дизайн систем. Деталі та програма тут 🤺

У подкаста Яна Гладченка «Інтерфейсний» з’явився новий формат — «Книжковий»

Здогадатися в чому суть неважко — тепер будуть і випуски-розмови з дизайнерами про найцікавіші професійні книжки.

У першому епізоді Ян разом з Катею Деревецькою, Lead Product Designer у Lift, розібрали книгу Тома Грівера «Формулювання дизайнерських рішень».

Ян чекає на ваші думки та пропозиції книжок, які варто обговорити у коментарях 💙

🔹 YouTube 🔹 Apple 🔹 Spotify

#подкаст_рекомендація

«Продукт треба створювати так, щоб хотіти бути найпершим клієнтом».
Коли ми говоримо про лідерство – його також треба починати з себе.

Як ми можемо управляти людьми, якщо не можемо приборкати себе?

Міша Рибачук, співзасновник Projector Institute, вважає це питання риторичним і ділиться простими кроками, які допоможуть зростити в собі лідерські якості.

Спойлер: серед цих кроків реєстрація на курс Design Leadership 🏄‍♂️