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

ШІ зробив генерацію дуже дешевою. Навайбкодити 20 варіантів інтерфейсу, нагенерувати купу компонентів, фіч, екранів і цілий продукт тепер взагалі не проблема. Проблема в тому, що більша частина цього буде ШІ-слопом.

І хтось все ще має зрозуміти, що з цього взагалі має сенс робити. Яку проблему ми вирішуємо? Для кого? Чи потрібна ця фіча користувачу? Чи зрозуміє він, як нею користуватися? Який з 20 нагенерованих варіантів кращий і чому? Що треба прибрати? Що змінити? Що провалідувати і як? Як інтерпретувати данні? І чи вирішили ми в результаті проблему, з якої починали?

Бо можливість дуже швидко зробити багато всього не означає можливість дуже швидко зробити щось хороше.

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

І, можливо, для нас все станеться навіть навпаки і потреба в дизайнерах збільшиться (але це не точно с:)
Але не в тих дизайнерах, які виконують роль рухачів пікселів за детальними вказівками когось іншого - вони будуть замінені ші.

Так як у нас сьогодні день просто поговорити, наніч підкину вам таке питання - що ви думаєте про майбутнє інтерфейсів в ШІ еру?

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

Що думаєте? Як швидко ми до цього дійдемо і чи дійдемо взагалі? І де в цьому всьому роль дизайнера?

Шо я думаю - в коментарях.
І дуже хочу вас послухати с:

Нічний вам привіт!
Сьогодні ніяк раніше не виходило до вас дістатись, але краще пізно ніж ніколи с:

Хочу поділитись з вами тим, як я працюю і що використовую - планувала записати вам 20-30 хвилинне відео, а вийшло аж на годину. Можете глянути у коментарях (рекомендую дивитись на 1.7 швидкості, буде до 40 хвилин).

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

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

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

Бо мій набір інструментів змістився до використання:
— Claude Code + Visual Studio Code (але не лякайтесь, я не пишу код, просто мені зручніше використовувати саме таку звʼязку і у відео пояснила чому)
— Obsidian (бо супер зручно використовувати як базу знань та контексту)
— GhatGPT (бо люблю з ним брейнштормити)
— ну і Figma для візуальних правок (але її у відео не показувала)

з улюблених mcp у мене, звісно, mobbin.

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

Діліться тим, що ви використовуєте для роботи і як - бо мені ну дуууууже цікаво.

І тихої всім ночі 😌

Хочу поділитись з вами двома улюбленими каналами на ютуб про дизайн.

UI Collective - це золото, а не канал, серйозно. Дуже багато практичних порад.
Sneak Peek - тут можна подивитись, як виглядає робочий процес дизайнерів в різних командах та компаніях. Як організовані їх файли, які тули використовують і як виглядає їх звичний робочий день

а які ваші улюблені канали? на кого підписані?

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

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

А ви як до цього підходте? Спочатку сторінку, а потім вже рефайните елементи на ній чи навпаки?

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

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

До речі, сьогодні о 19:00 у Projector буде лекція «Що AI забере у дизайнера і що дасть натомість?» зі Стасом Говорухіним.

Стас Говорухін — незалежний дизайнер, який працював із Новою поштою, Мінцифрою, Djinni, Miro та Uklon.


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

Сьогодні, 3 вересня, 19:00
Реєстрація на лекцію

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

Спойлер: не зробили, як неочікувано. (але деякі варіанти були нічого такі)

Тестувала я Taste , UI/UX Pro, Impeccable, emilkowalski/skills (останній для анімації).
У них багато зірочок на Гітхабі і багато-багато постів про них в інтернеті.

І також порівнювала їх з вбудованим frontend-design скілом від Антропік.

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

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

В плані анімацій — дефолтний скіл frontend-design краще, аніж скіл, який обіцяє преміум-анімацію (він робив або нічого, або погіршував те, що є. але може це в мені проблема)

Наукращою в плані часу та результату для мене виявилась звʼязка додавання design.md та вбудованого frontend-design скіла.
Там були і анімації, і інтерактивні компоненти, і анімовані SVG-шки. Але, звісно, не наскільки добре, щоб нічого не поправляти руками.

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

Окремо хочу відмітити impeccable, бо це не просто скілл, а повноцінний воркфлоу з своїми кастомними тулами. Він задає вам питання, показує опції на вибір, а потім створює design.md та product.md.

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

Але це не one shot one hit. Вам потрібно багато допрацьовувати. Але я бачу у ньому потенціал як щось, що може стати частиною вашого вокрфлоу.

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

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

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

Бо чи буду я юзати якись з цих скілів? Скоріше, ні. Можливо, impeccable. Але це не точно.

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

Бо ніхто про це не кричав 45 разів на день з кожної дірки. Тому і тут не парьтесь.

ШІ — це модне слово, яке дає перегляди. Більшість людей, які ці скіли зберігають і лайкають і створюють видимість того, що всі вже ними користуються, НІКОЛИ не повернулися до них після того, як лайкнули. (так само, як і ви до вправ, які зберігаєте в Інстаграмі в надії колись зробити).

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

Наприклад, скіл, який знатиме, який компонент у вашій дизайн-системі відноситься до якого елемента в коді. Чи скіл, який буде перевіряти, чи всі відступи кратні 4 чи 8. Чи дашборд, який збирає всі ваші референси і тегає їх по стилям та типам, щоб ви легко могли їх знаходити і відправляти ші їх дивитись для референсів — це задачка на один вечір.

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


А що ви про це все думаєте? чи є у вас улюблені скіли? Чи знайшли ви той, який зробив з вашого ші агента супердизайнера?

Очевидно, що етап збору референсів та мудбордів нікуди не дінеться.

Ось прикольні ресурси, де можна понадихатись

21st.dev (вже вам його раніше показувала, тут промпти можна копіювати)

А це просто для візуального натхнення:
posts.design
recent.design
collectui.com
deck.gallery

А ви де надихаєтесь? с:

(Ходіть в коментарі, там гарні рекомендації)

А чи робите ви пет-проєкти для себе або ж власні продукти?

Зараз у нас є дуже класна можливість зробити продукт швидко і без великої команди.

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

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

Отож, я вирішила спробувати зробити щось для себе.

Я жахливий діджитал-хордер. В різних соцмережах я зберегла тисячі різних штук, але менеджити все збережене — це можна вмерти.

Тому я вирішила, зробити додаток для себе, де можна зберігати всі мої рілси, тіктоки, посилання на статті та відоси, які я хочу подивитись, і інші штуки. І швидко знаходити їх з ші по максимально абстрактним запитам.
Також він сам сортує все по папкам, якщо я специфічно не вказую, куди щось має бути збережено, бо тепер не треба іти в папку, щоб щось знайти - воно знаходиться через пошук. Це нарешті вирішило мою проблему з тим, що у мене якимось чином через роки зʼявилось по 3-4 папки з схожим вмістом, коли мала б бути одна.

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

А потім подумала, що це прикольна штука і було б непогано з цього зробити продукт.

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

Тепер працюю над додаванням всяких прикольчиків типу:

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

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

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

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

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

А найближчим часом, але вже після першого бета-тесту (нарешті!), планую додати ще інших приколів —

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

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

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

Плануємо в кінці місяця пробувати релізитись в AppStore. І пробувати це все діло монетизувати.

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

А якщо хочете потестувати, то також пишіть - тестфлайт уже і так є.

Дуже всім дякую, що читали мене цей тиждень!
Ви класні ❤️

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

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

Не забудьте підписатися на Олену в LinkedIn. І до речі, навчатися з Оленою можна на курсі UX Design.

Щиро дякуємо і до зустрічі! 💙

Як ваш понеділок? Поки чекаємо на куратора хочемо нагадаємо за must-check курси, що розпочнуться зовсім скоро:

User Psychology in Product — перетворіть психологію користувачів на постійний ресурс для покращення продукту.

Growth Design — проєктуйте рішення, що підвищують activation, retention і revenue.

📀 До 18 вересня можна отримати career booster в подарунок до усіх курсів 📀

Знайомтеся, Дмитро Напрієнко — Senior Product Designer у PDF Expert by Readdle.

Основний фокус Дмитра — Growth, а саме: activation, онбординги, пейволи, експерименти та AI experience.

Дмитро викладає на курсі Product Design у Projector. І також веде YouTube-канал про мінімалістичні сетапи, техніку та гаджети, які роблять роботу і життя зручнішими.

Останнім часом захоплюється картингом, боксом та йогою, тож є про що запитати, окрім дизайну.

Просимо бути уважними, ставити запитання та підтримувати куратора реакціями 💙

Дмитре, канал уже твій!