Барабанний дріб і чудова новина. За вашими замовленнями цього тижня ми віддали ключі від каналу і номер кредитки Борису Бакланову ✨

Ось чому запросили саме його:

🔹 Працював як у світових гігантах — Klarna і Miro, так і в українських лідерах — GenTech, Competera.

🔹 Зараз у Humaans розвиває інноваційну AI платформу для менеджмента команд Athena.

🔹 Борис — автор нашого топ топ курсу Product Design — там його програма, ідеї, лекції і дрібка магії.

Ну а поза цих тайтлів, Борис цікавий, розумний і обізнаний дизайнер.

Сайт
Лінкдін

Чекаємо на спільний крутий тиждень і передаємо слово ✨

За мої майже десять років що я працюю дизайнерів, фокус в індустрії постійно мінявся:

1. User Research це найголовніша задача дизайнера і те чим треба займатись 80% часу, інші 15% ми робимо лоуфай ваєри, і 5 на розмальовку. Хто не читав nng і не може відповісти рекомендовану кількість респондентів на тестування отримує моментальну відмову на інтервʼю.

2. Процес це все! Треба релігіозно слідувати double-diamond / design thinking / design sprint / ... процесу і тоді завжди все буде по-кайфу, кожен проект цукерка в 10 випадках з 10.

3. Весь цей рісьорч це балувство, головне це метрики!! Треба завжди рухати метрики вгору і вправо, бо нам ж не просто так зарплату платять. Кожен рух кнопки повинен бути загорнутий в гіпотезу за певним шаблоном, обовʼязково мати success метрику і запущен через A/B тест, інакше senior’ом ніяк стати.

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

картинка іронічна, ілюстрація того як дизайнери намагаються чеплятись за процес який не працює :)

На цю ж тему раджу подивитись дуже гарний спіч від Jenny Wen (Design Lead @ Antropic, ex-Design Director @ Figma), як процес дизайну змінився з часом і розвитком АІ (а про АІ поговоримо детальніше далі 👀) і на що звертати увагу сьогодні.

https://youtu.be/4u94juYwLLM?si=BVDgEnj35QJU2tKb

Найбільший “анлок” і зміна парадигми яка на мою думку відбулась завдяки розвитку АІ, це те що код демократизувався і став широкодоступним для дизайнерів. Тепер ми можемо рухати кнопочки прямо на продакшн серваку!

Смішки смішками, але це дійсно прискорило в рази мій процес покращення продукту.
Раніше шлях був таким:
1. Роблю дизайн в Figma і маякую команді коли готово
2. Згодом зміну беруть в роботу і я пояснюю розробнику що там надизайнено
3. Розробники імплементують
4. Я недопояснив або недотестив на стейджингу і в прод іде крива зміна
5. Фіксити вже пізно бо “не пріоритет” і треба рухатись далі
6. Repeat 🔁

З AI (я використовую Claude Code) тепер можна робити середньо-маленькі зміни (як то зміна флоу створення запису, або додавання ще одного дата поінта в таблицю) самім, без залучання розробників. І оскільки тепер все що ми придумали собі в голові не треба нікому пояснювати, то нічого не забудеться при передачі і можна на ходу тестувати чи воно виглядає і працює так як ви це уявляли.

Як почати з Claude Code?

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

Цей гайд проводить вас шляхом від встановлення редактора кода Cursor і аж до опублікованої апки на Vercel з підключеною базою даних.

https://x.com/felixleezd/status/2013654252263219406

⚡Хто вже спробував Claude Code, розкажіть як використовуєте в коментарях! Цікаво дізнатись ваш досвід і забрати щось до себе 🙂

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

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

1. HTML + CSS
https://www.codecademy.com/learn/paths/learn-how-to-build-websites

2. React + створення веб апки на next.js
https://nextjs.org/learn/react-foundations
https://nextjs.org/learn/dashboard-app

Для того щоб коллаборувати з іншими розробниками на реальному продукті вам ще знадобиться знання як працює система версіонування git. У GitHub i Atlassian є курси з git, але з мого досвіду цьому найшвидше можна навчитись в реальних умовах, з реальними пул реквестами і конфліктами. В цьому немає нічого страшного, головне мати Claude/ChatGPT і в ідеалі розробника під боком для відповідей на ваші питання 🙂