На цю ж тему раджу подивитись дуже гарний спіч від Jenny Wen (Design Lead @ Antropic, ex-Design Director @ Figma), як процес дизайну змінився з часом і розвитком АІ (а про АІ поговоримо детальніше далі 👀) і на що звертати увагу сьогодні.
https://youtu.be/4u94juYwLLM?si=BVDgEnj35QJU2tKb
https://youtu.be/4u94juYwLLM?si=BVDgEnj35QJU2tKb
❤20🔥3
Найбільший “анлок” і зміна парадигми яка на мою думку відбулась завдяки розвитку АІ, це те що код демократизувався і став широкодоступним для дизайнерів. Тепер ми можемо рухати кнопочки прямо на продакшн серваку!
Смішки смішками, але це дійсно прискорило в рази мій процес покращення продукту.
Раніше шлях був таким:
1. Роблю дизайн в Figma і маякую команді коли готово
2. Згодом зміну беруть в роботу і я пояснюю розробнику що там надизайнено
3. Розробники імплементують
4. Я недопояснив або недотестив на стейджингу і в прод іде крива зміна
5. Фіксити вже пізно бо “не пріоритет” і треба рухатись далі
6. Repeat 🔁
З AI (я використовую Claude Code) тепер можна робити середньо-маленькі зміни (як то зміна флоу створення запису, або додавання ще одного дата поінта в таблицю) самім, без залучання розробників. І оскільки тепер все що ми придумали собі в голові не треба нікому пояснювати, то нічого не забудеться при передачі і можна на ходу тестувати чи воно виглядає і працює так як ви це уявляли.
Смішки смішками, але це дійсно прискорило в рази мій процес покращення продукту.
Раніше шлях був таким:
1. Роблю дизайн в Figma і маякую команді коли готово
2. Згодом зміну беруть в роботу і я пояснюю розробнику що там надизайнено
3. Розробники імплементують
4. Я недопояснив або недотестив на стейджингу і в прод іде крива зміна
5. Фіксити вже пізно бо “не пріоритет” і треба рухатись далі
6. Repeat 🔁
З AI (я використовую Claude Code) тепер можна робити середньо-маленькі зміни (як то зміна флоу створення запису, або додавання ще одного дата поінта в таблицю) самім, без залучання розробників. І оскільки тепер все що ми придумали собі в голові не треба нікому пояснювати, то нічого не забудеться при передачі і можна на ходу тестувати чи воно виглядає і працює так як ви це уявляли.
❤13
Як почати з Claude Code?
Якщо ви бачили код тільки на моніторі у розробника і ніколи в житті не відкривали термінал, то в мене для вас є чудовий матеріал як почати.
Цей гайд проводить вас шляхом від встановлення редактора кода Cursor і аж до опублікованої апки на Vercel з підключеною базою даних.
https://x.com/felixleezd/status/2013654252263219406
Якщо ви бачили код тільки на моніторі у розробника і ніколи в житті не відкривали термінал, то в мене для вас є чудовий матеріал як почати.
Цей гайд проводить вас шляхом від встановлення редактора кода Cursor і аж до опублікованої апки на Vercel з підключеною базою даних.
https://x.com/felixleezd/status/2013654252263219406
❤17🔥7
⚡Хто вже спробував Claude Code, розкажіть як використовуєте в коментарях! Цікаво дізнатись ваш досвід і забрати щось до себе 🙂
❤7
Мінімальне знання веб розробки дуже допомагає і, що найголовніше, придає впевненості робити зміни на робочому проекті (тому самому де є користувачі і який заробляє справжні гроші).
Ось пару ресурсів які при бажанні можна пройти за декілька вихідних і вже мати базове розуміння як працює сучасний веб:
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 і в ідеалі розробника під боком для відповідей на ваші питання 🙂
Ось пару ресурсів які при бажанні можна пройти за декілька вихідних і вже мати базове розуміння як працює сучасний веб:
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 і в ідеалі розробника під боком для відповідей на ваші питання 🙂
Codecademy
Build a Website with HTML, CSS, and GitHub Pages | Codecademy
Learn the basics of web development to build your own website.
Includes **HTML**, **CSS**, **Responsive Design**, **Flexbox**, **CSS Transitions**, **GitHub Pages**, and more.
Includes **HTML**, **CSS**, **Responsive Design**, **Flexbox**, **CSS Transitions**, **GitHub Pages**, and more.
❤22
Якщо вас більше цікавлять мобайл-апки, мій гарний знайомий робить стартап який допомагає створювати нативні додатки на iOS:
https://superappp.com/?ref=projector
Він поділився промокодами, якщо введете в профілі
https://superappp.com/?ref=projector
Він поділився промокодами, якщо введете в профілі
PRODJINSIDER то отримаєте кредитів на $25 і можете створити свій додаток для власних потреб❤18
Хух, ну з кодом все на сьогодні 😮💨
Інша хайпова сьогодні тема про яку хотів поговорити сьогодні це “крафт”. Дуже багато зараз фокусу само на смаку, якості і UIʼці. Мій хот тейк що це ще одна нова обсессія в дизайнерів, така сама як була з рісьорчем чи метриками, викликана дизайнерами з компаній як Linear, Vercel, Raycast, тощо.
Люди що стають дизайнерами самі по собі вже схильні до естетичних і гарних речей, тому важливість “крафту” в дизайнерських колах часто перебільшується. Мені здається, що розуміння бізнесу як загального підприємства по зароблянню грошей (просто так вийшло що товаром є софтверний продукт) цінуватиметься набагато більше ніж вузька заточка в “крафт”.
Це не відміняє факту що треба робити якісний продукт. Це не відміняє факту що при наймі на роботу інші дизайнери таки будуть оцінювати в першу чергу ваш "крафт", бо це зараз тренд. Але найбільше цінуватимутись люди, які розуміють важливість всіх складових бізнесу, а не фокусуються виключно на тому як виглядає товар, зневажаючі все інше.
Інша хайпова сьогодні тема про яку хотів поговорити сьогодні це “крафт”. Дуже багато зараз фокусу само на смаку, якості і UIʼці. Мій хот тейк що це ще одна нова обсессія в дизайнерів, така сама як була з рісьорчем чи метриками, викликана дизайнерами з компаній як Linear, Vercel, Raycast, тощо.
Люди що стають дизайнерами самі по собі вже схильні до естетичних і гарних речей, тому важливість “крафту” в дизайнерських колах часто перебільшується. Мені здається, що розуміння бізнесу як загального підприємства по зароблянню грошей (просто так вийшло що товаром є софтверний продукт) цінуватиметься набагато більше ніж вузька заточка в “крафт”.
Це не відміняє факту що треба робити якісний продукт. Це не відміняє факту що при наймі на роботу інші дизайнери таки будуть оцінювати в першу чергу ваш "крафт", бо це зараз тренд. Але найбільше цінуватимутись люди, які розуміють важливість всіх складових бізнесу, а не фокусуються виключно на тому як виглядає товар, зневажаючі все інше.
👍18❤6
Оскільки тема спірна, цікаво що ви думаєте з цього приводу: чи варто дизайнерам заточуватись в крафт, чи краще бути “спеціалістом широкого профілю”? 🙂
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
❤12👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Ось декілька моїх улюблених експеріментаторів з твітера:
Laurent Del Rey
https://x.com/laurentdelrey
David Delahunty
https://x.com/Delahuntagram
Ryo Lu
https://x.com/ryolu_
Sam Dape
https://x.com/samdape
Fons Mans
https://x.com/FonsMans
Ділиться своїми!
Laurent Del Rey
https://x.com/laurentdelrey
David Delahunty
https://x.com/Delahuntagram
Ryo Lu
https://x.com/ryolu_
Sam Dape
https://x.com/samdape
Fons Mans
https://x.com/FonsMans
Ділиться своїми!
❤19
This media is not supported in your browser
VIEW IN TELEGRAM
Інший шлях це створювати маленькі продукти під ваші потреби. Таким чином ви прокачуєте навичку підмічати проблеми, а найголовніше звичку втілювати рішення цих проблем в життя.
Один з моїх улюблених прикладів це додаток Catchup від Chris Lee. Зроблений вручну, ще до масового поширення AI.
До біса проста апка без тисячі фіч, з опрятним дизайном, і вирішує всього одну, але всім знайому біль.
https://www.chrsl.net/catchup
Один з моїх улюблених прикладів це додаток Catchup від Chris Lee. Зроблений вручну, ще до масового поширення AI.
До біса проста апка без тисячі фіч, з опрятним дизайном, і вирішує всього одну, але всім знайому біль.
https://www.chrsl.net/catchup
❤20🔥4
Eike Drescher, який дизайнив Bento.me, після нього пішов в інді-дизайн і зробив класну апку для подкастів з купою пасхалок. Гарний приклад як зробити щось для себе, виходячи з особистих інтересів.
Дуже раджу встановити і поклацати, це якраз той самий розвиток надивленності:
https://www.eikedrescher.com/queueapp
Дуже раджу встановити і поклацати, це якраз той самий розвиток надивленності:
https://www.eikedrescher.com/queueapp
❤13
Інший cвіжий приклад це Agentation від Benji Taylor. (Head of Design Coinbase який до того робив “крафтові апки”: криптогаманець Family i месенджер Honk)
Дуже проста ідея: замість того щоб описувати ллмці яку саме кнопку ви хочете перефарбувати, ви запускаєте утіліту, виділяєте кнопку і залишаєте свій фідбек, прям як комент в фігмі. А потім просто відправляєте згенерований текст який містить шлях до кнопки вашому АІ агенту і він робить ту зміну яку ви описали.
Зрозуміла проблема та гарне рішення, дуже допомагає швидко правити UI-баги на робочому проекті і не копатись в коді шукаючи той самий компонент.
https://agentation.dev/
Раджу також прочитати пост де Benji описує проблему і рішення, ще до публічного релізу:
https://benji.org/annotating
🐰
Дуже проста ідея: замість того щоб описувати ллмці яку саме кнопку ви хочете перефарбувати, ви запускаєте утіліту, виділяєте кнопку і залишаєте свій фідбек, прям як комент в фігмі. А потім просто відправляєте згенерований текст який містить шлях до кнопки вашому АІ агенту і він робить ту зміну яку ви описали.
Зрозуміла проблема та гарне рішення, дуже допомагає швидко правити UI-баги на робочому проекті і не копатись в коді шукаючи той самий компонент.
https://agentation.dev/
Раджу також прочитати пост де Benji описує проблему і рішення, ще до публічного релізу:
https://benji.org/annotating
🐰
agentation.dev
The visual feedback tool for agents.
❤5🔥5
Сьогодні поговоримо як роль дизайнера різниться в залежності від типу компанії, розкажу також про власний досвід в Klarna і Miro, і чому відома компанія це не завжди запорука успіху.
Задавайте будь які питання що вас турбують стосовно працевлаштування в коментарях, буду відповідати в кінці дня.
Також в кооперації з lezo.io зробимо зустріч в Spatial сьогодні о 19:30 по Києву, де можна буде (майже) вживу поспілкуватись. Додавайте подію в календарі і приходьте, посилання скину ближче к старту!
Задавайте будь які питання що вас турбують стосовно працевлаштування в коментарях, буду відповідати в кінці дня.
Також в кооперації з lezo.io зробимо зустріч в Spatial сьогодні о 19:30 по Києву, де можна буде (майже) вживу поспілкуватись. Додавайте подію в календарі і приходьте, посилання скину ближче к старту!
❤6
За свою карʼєру в дизайні я встиг попрацювати у всіх можливих конфігураціях компаній: від маленького B2B стартапа на 40 людей до великого B2C ентерпрайза на 6 тисяч (а також все що між ними), і це відчувалось як майже різні професії. Робота дизайнера кардинально різниться в залежності від розміру компанії, що в вас за продукт і кому ви його продаєте. Якщо ви відчуваєте що ви “охолонули” до дизайну (або навпаки “вигоріли на роботі”) то можливо проблема не в вас дизайні, а в тому в якій компанії ви працюєте. Задоволення від роботи прямо залежить від того що ви робите кожен день, і те чим займається компанія повинно співпадати хоча б в якісь мірі з тим що цікаво вам самім. Якщо вам дуже хочеться працювати з цифрами і запускати експерименти, а ви працюєте в B2B продукті з 10ма клієнтами, то це буде викликати певне незадоволення. 🙃
Свої спостереження чим характеризуються різні типи компаній звів в таку невеличку табличку.
А вам особисто який тип компаній заходить найбільше і чому?
Свої спостереження чим характеризуються різні типи компаній звів в таку невеличку табличку.
А вам особисто який тип компаній заходить найбільше і чому?
❤21
В якій компанії вам найцікавіше (було б) працювати?
Anonymous Poll
20%
B2B Startup
27%
B2C Startup
23%
B2B Enterprise
30%
B2C Enterprise
Media is too big
VIEW IN TELEGRAM
⬆️ Перше відео про мій досвід в Кларні, про то як відбувався процес найму
❤7👍3
Ось ще стаття на цю ж тему від Стаса Говорухіна про зайчиків, яка колись наробила багато шуму:
https://www.govorukhin.com/blog/bunnies-and-real-ones
І тут річ скоріш навіть не про розмір компанії, а про вплив/волю (agency) людини, яку насправді можна проявляти в компанії будь якого розміру: наприклад згадати ту ж Jenny Wen з Antropic і Figma яку я постив пару днів тому, яка працювала переважно в корпоратах але це не заважало їй суттєво впливати на продукт. Всім подобається робити різне: є люди які хочуть тільки білдити, а є ті хто цілком насолоджуються менеджментом, офісною політикою і справді приносять тонну користі оперуючи всередині корпоративної системи.
Маленька відмінність: пливти по течії набагато легше в великій компанії, бо це менш помітно і в корпорації завжди є гроші виплатити зарплату. Тому комбо “мало працювати, багато заробляти” легше виходить в компаніях побільше. І це теж окей, бо в житті можна фокусуватись не тільки на роботі.
https://www.govorukhin.com/blog/bunnies-and-real-ones
І тут річ скоріш навіть не про розмір компанії, а про вплив/волю (agency) людини, яку насправді можна проявляти в компанії будь якого розміру: наприклад згадати ту ж Jenny Wen з Antropic і Figma яку я постив пару днів тому, яка працювала переважно в корпоратах але це не заважало їй суттєво впливати на продукт. Всім подобається робити різне: є люди які хочуть тільки білдити, а є ті хто цілком насолоджуються менеджментом, офісною політикою і справді приносять тонну користі оперуючи всередині корпоративної системи.
Маленька відмінність: пливти по течії набагато легше в великій компанії, бо це менш помітно і в корпорації завжди є гроші виплатити зарплату. Тому комбо “мало працювати, багато заробляти” легше виходить в компаніях побільше. І це теж окей, бо в житті можна фокусуватись не тільки на роботі.
Govorukhin
Корпоративні зайчики та продуктові дизайнери
Корпоративні зайчики створюють відчуття прогресу. Продуктові дизайнери створюють прогрес.
❤10🔥2
Нагадую що о 19:30 буде зустріч в Spatial, поговорити про карʼєру (і не тільки). Приєднюйтесь!
Посилання на кімнату:
https://www.spatial.io/s/Projector-Community-Space-650250c01c72341c21a80193?share=1026005852234931775
Посилання на кімнату:
https://www.spatial.io/s/Projector-Community-Space-650250c01c72341c21a80193?share=1026005852234931775
Spatial
Projector Community Space
Команда Projector хостить комʼюніті зону у метавсесвіті! #product-development #design-vacancies #productivity-apps #product-company #ios #design #product-it
❤3