Спільното, вітайте Олену Внотченко — Product Designer та викладачку з понад 8 роками досвіду в дизайні.

На аутсорсі встигла попрацювати з дуже різними продуктами та сферами — від авіації, логістики й e-commerce до фінансів та освіти, проєктуючи для web, mobile, desktop і навіть TV.

5 років працювала в EPAM, з них 2,5 — над продуктами для однієї з найбільших світових Big Tech-компаній.

В EPAM долучалася до розвитку дизайн-юніту, який за цей час виріс із 3 до майже 30 людей, та паралельно менеджила 5 дизайнерів. Також розвивала дизайн-комʼюніті у рідній Вінниці — організовувала мітапи та дизайн-здибанки.

Зараз Олена викладає дизайн на курсі UX Design і працює над власним продуктом.

Привітайте кураторку реакціями та давайте починати! 💙

Прииивіт с:
Після такого представлення мені залишається тільки прийти й зіпсувати картинку успішного успіху 😌

Я багато років працювала дизайнеркою. Дуже багато працювала. Дуже любила свою професію, росла, менеджила та навчала інших дизайнерів, організовувала всяке і загалом робила все те, що треба робити для красивого карʼєрного шляху. Вважала, що працювати ввечері та на вихідних - це шлях самурая і взагалі дуже весело. Впевнена, ви вже здогадуєтеся, куди це веде - до щасливого життя!
Ха, звісно, що ні. До вигорання 💅🏻

Справедливості заради, винен був не лише дизайн.
Там і життя непогано докинуло.
Але результат один: я звільнилася, бо від любові до ненависті один крок. І він був зроблений.

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

Але потім дещо змінилося. З’явився ВІН.

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

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

Але детальніше розповім у наступному пості с:
(вау, оце сторітелінг!)

До речі, якщо ви вже сходили в мій LinkedIn і здивувались, чому після 8 років карʼєри там перекотиполе, то я теж цьому дивуюсь 😂

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

Тож це маленький експеримент.
Подивимось, що з цього вийде с:

Отож, що очікувати цього тижня?
Знаю, багато хто на цьому місці питає, про що вам було б цікаво послухати.

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

Говорити ми з вами будемо про ШІ.

Так, ви вже від нього втомилися, я знаю.
З кожної шпарини на нас летить купа інформації, нових тулів і чергових «THIS CHANGES EVERYTHING!!!!».

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

Але поява ШІ з часом зробила зі мною те, чого я взагалі не очікувала: повернула мені любов до дизайну інтерфейсів. Шокуюче, знаю.

Тому тема нашого тижня - як я перестала хвилюватися і полюбила ядерну бомбу ШІ.

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

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

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

Буде багато лонгрідів, трохи відео, тому готуйтесь.

Але сьогодні нічого корисного я вам розповідати не буду с:

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

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

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

А сьогодні давайте поговоримо про майбутнє нашої з вами професії та, в принципі, інтерфейсів (це в наступному пості).

Все, що буде сказано далі моя субʼєктивна думка. На істину не претендую, і мені дуже цікаво послухати, що думаєте ви.

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

І ось ми в точці наступної великої автоматизації. Цього разу за допомогою ШІ.

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

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

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

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

Раніше для цього вам потрібно було дуже багато технічних знань і дуже багато часу. Зараз - значно менше.

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

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

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

Детальніше в коментарях, якщо цікаво ⬇️

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

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

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

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