Привіт, я Олексій Бочаров — Незалежний фриланс дизайнер з 2015 року Пишу про — Дизайн і біля дизайнерську кухню — Фріланс та клієнтів — Віддалену роботу — Ділюсь досвідом та фокапами 💬 @bocharovalex
Від порожнього аркуша до повної структури MVP за лічені хвилини ( на насправді дні) але в хвилинах вимірювалось те що видно на відео 🚀Для дизайнера найважче не фінальні пікселі, а «синдром білого аркуша» на самому початку. Навіть через роки досвіду це буває коли не знаєш де почати.Зараз я працюю над ImAble — мобільним додатком, що перетворює навчання на спільний ритуал для батьків та дітей. Зазвичай перехід від дослідження до реальної структури займає дні. Але ось як я використав «вайбкодінг», щоб проскочити цей етап трошки швидше. Проблема:У вас є UX-дослідження, юзер-флоу та цілі, але порожній файл у Figma виглядає як щось дуже страшне. Ти знаєш, що робити, але темп на старті дуже повільний. І ти берешся то за одне, то за інше. Рішення яке ми можемо використовувати з ШІ:Замість того, щоб малювати прямокутники, я залучив ШІ як свого Senior-розробника та Project-менеджера. Я надав йому свої дослідження і попросив:Згенерувати функціональний React-прототип, щоб миттєво візуалізувати обʼєм роботи. Так мій фінальний дизайн буде інший, але на старші це дуже допомагає.Результати:Мінімум тертя. Я майже пропустив етап «з чого б почати?». Бо весь проєкт в діалозі з ШІ.Миттєва візуалізація. Я вже можу «відчути» логіку додатка, перемикаючись між кабінетами батьків та дитини.А ще я зробив з ним чіткий статус борд. Покажу скрінкаст. Структурований статус-борд, який тримає проєкт у фокусі до дедлайну в червні.ШІ не замінює бачення дизайнера. Він працює як потужний каталізатор, дозволяючи нам фокусуватися на досвіді користувача, поки він зводить «каркас».А як ви використовуєте ШІ у своєму дизайні? Тільки для натхнення чи вже «вайбкодите» свої прототипи? Пишіть у коментарях! 👇✦ Підписуйся на @bocharovs
Зараз працюю над своїм UX/UI-проєктом. Це фінальна робота після 9 місяців навчання — мобільний додаток для батьків та дітей віком 5–14 років. Маю велику надію і віру в те, що це буде не просто студентський концепт, а повноцінний pet-проєкт, який згодом я спробую завайбкодити.Ідея з’явилася із простої життєвої проблеми: мій син навчається в 3 класі, також у мене є ще двоє дітей. Якщо чесно, я не завжди розумію, чи встигає він у розвитку, щоб рости всебічно розвиненим. Тому я сформував таку гіпотезу: батьки хочуть допомагати дитині, але часто не розуміють, де саме потрібна підтримка, а діти замість власного прогресу бачать лише оцінки, помилки й тиск. Щоб підкріпити думки фактами, я провів опитування серед 20 батьків, а також залучив ШІ для аналізу тематичних форумів. Мої припущення повністю підтвердилися, тож я взявся за роботу.Проєкт будується навколо коротких ігрових сесій із флеш-картками та адаптивним інтервальним повторенням (за логікою Anki). Після кожної картки дитина оцінює свій результат: «Легко», «Важко» або «Не знав», а система сама визначає, коли показати картку знову. Якщо було важко — вона з'являтиметься частіше, поки дитина її не засвоїть. Якщо легко — інтервали збільшуватимуться (через 3, 7, 10, 14 днів і, зрештою, через місяць), щоб переконатися, що знання перейшли в довготривалу пам’ять. Головна ідея — порівнювати дитину не з іншими, а з нею самою вчорашньою.У межах проєкту хочу пройти повний UX/UI-шлях:— UX research— інтерв’ю та аналіз конкурентів— JTBD / User Flow / CJM— wireframes— UI Kit— mobile UI design— інтерактивний прототип— Webflow landing page для презентації додатка.Прагну створити не просто навчальний концепт, а продукт із реальною цінністю. А найпершим джерелом натхнення для цієї ідеї стали наші перші дитячі альбоми, де ми з трепетом відстежували, як розвиваються малюки. Вірю, що все вдасться!«Як ви відстежуєте прогрес дитини, окрім шкільних оцінок? Поділіться своїми лайфхаками в коментарях, мені як батьку і розробнику це мега-важливо!»✦ Підписуйся на @bocharovs
Figma анонсувала революційне оновлення: тепер ви можете використовувати ШІ-агентів для створення дизайну безпосередньо у файлі за допомогою інструменту use_figma MCP та нових наборів «навичок» (skills).Це більше не просто «генерація картинок». Тепер ШІ — це ваш повноцінний помічник, який розуміє вашу дизайн-систему.Що це дає на практиці?• Розуміння контексту: Агенти зчитують ваші компоненти, змінні (variables) та токени.• Реальні об'єкти: Замість пласких фреймів ШІ створює справжні інстанси компонентів.• Збереження логіки: Агент автоматично враховує варіанти та типи властивостей (properties).• Робота в обидві сторони: ШІ може не лише використовувати систему, а й допомагати її розбудовувати.Кейс: Створення екрана «Мої замовлення»Раніше: Ви вручну шукали картки в бібліотеці, копіювали їх, налаштовували Autolayout та міняли статуси кнопок.Тепер з ШІ-агентом:1. Запит: «Згенеруй сторінку замовлень. Додай 3 активні картки та 1 скасовану. Використовуй наші компоненти та кольори».2. Дія: Агент за 10 секунд тягне реальні інстанси з вашої бібліотеки.3. Логіка: Він сам перемикає Variants (наприклад, міняє статус на Canceled), підставляє ваші токени для відступів і стежить, щоб тексти відповідали стилям.Результат: Ви отримуєте чистий робочий макет, який повністю синхронізований з вашою дизайн-системою, замість купи «сміття» в шарах.І на скільки я розумію це далеко не найскладніший сценарій з котрим агент зможе впоратись. Але звісно треба тестувати і дивитися.@berestux
Так як я давно тут не був, подумав: така нестандартна фраза трохи розрухає канал. І таким чином нагадаю про себе.А ви розкажете, як у вас справи. Чим займаєтесь.Трохи про мене.Я все ще проходжу курси підвищення кваліфікації. Ми вже досить глибоко пройшли багато тем: UI, UX, HTML, CSS. Зараз також проходимо UX copywriting і Webflow.Крім того, у нас є технічна німецька, трохи англійської і курс із soft skills та job search.Незабаром починаємо проєкт: будемо робити e-commerce додаток.А ще в мене є невелика емоційна криза. Думаю про те, що після 10 років фрілансу, щоб вижити тут у Німеччині, мені, можливо, доведеться працювати в офісі. Принаймні поки ми тут.Тому паралельно вивчаю, як правильно влаштовуватись на роботу: як пройти перевірку ATS-систем, як говорити з рекрутерами, коли в тебе низький рівень мови.Також думаю про те, як створити хороший акаунт на LinkedIn, зробити свій сайт і скільки мов для нього потрібно. І ще багато інших питань.Плюс постійні мігрантські історії. Наприклад, булінг у школі в сина, домашні завдання з ним чужою мовою, розмови на батьківських зборах у садочку, коли в тебе слабкий B1.А ще операції в мами, і я наче перекладач, коли самому іноді потрібен перекладач… Якось так.Все ж таки цікаво, як ви.Хто в Україні? Хто за кордоном? Розумію, що і там, і там зараз непросто, і всюди свої труднощі.✦ Підписуйся на @bocharovs
Новина для дизайнерів і всіх, хто живе в постійних референсах 👀І рефах не тільки робочих, але і життя (ну бо особисто я, дуже люблю приміряти одяг, елементи інтер’єру і тд за допомогою ШІ, перш ніж щось купувати).Google якось дуже тихо запустив новий сервіс Mixboards. Він потрібен для створення мудбордів. Як на мене, то це спроба вбити Pinterest, Figma Jam і Miro одночасно, додавши туди кінську дозу ШІ.Що це таке:Це нескінченне біле полотно, куди ви скидаєте все: картинки, текст, посилання. Але!!! не просто вручну, а з активною допомогою ШІ. Типу ти описуєш тему, настрій або задачу, а сервіс сам підбирає візуали, стилі, кольори й напрямки. Кілер-фічі:• Генеративний клей: Ви кидаєте фото дивана і пишете «хочу вітальню в стилі кіберпанк», а Mixboard домальовує решту кімнати навколо цього дивана.• Розумний ремікс: можна виділити шматок чужої картинки, шматок своєї і сказати: змішай. І воно змішує стилі, світло і композицію.• Текст у візуал: Накидали нотаток? ШІ розкладе їх у ПРЕЗЕНТАЦІЮ(прікол, так?), діаграму або навіть згенерує ілюстрації до кожного пункту.Що мені тут подобається:• AI не просто шукає, а міксує стилі• зручно для старту проєкту, коли ще немає чіткого візуалу• виглядає як інструмент для thinking through design• логічно, що це Google, тож інтеграції з пошуком, трендами і контекстом тут відчуваютьсяНа мою скромну думку, можна пробувати на різних проєктах і менше шукати потрібні рефи, а більше генерити їх. Сильно зручніше ніш просто щось постійно пхати в банану. І, як на мене, то дуже подібне до Адобі Бордсів.Спробувати можна за посиланням.Vika Talks | Instagram
Не користуйтесь ChatGPT або іншими АІшками на стадії навчання.Зараз я навчаюсь на курсах підвищення кваліфікації за своєю спеціальністю, і в нас додатково є код, а пізніше ми будемо ще вчити Webflow.І поки ми робили домашнє завдання, роботи, пов’язані з візуальним дизайном, — в принципі легко було зрозуміти, хто на що здатен. Бо все одно треба малювати щось, і навіть якщо ти робиш задачу разом із ChatGPT, ти відкриваєш Figma і малюєш. Принаймні хоч трохи відпрацьовуєш навичку.Але інша справа UX-дизайн і код. Особливо на домашках.Ти просто відкриваєш ChatGPT, вигружаєш йому текст задачі, опис того, як все має бути і отримуєш відповідь.І тут відбувається поганий фокус.Твій мозок «вирубається». Можливо, навіть трохи атрофується. Це як ніби ти отримав завдання в спортзалі, прийшов і попросив друга-тренера, який схожий на тебе, виконати його за тебе. Зняв це, надіслав і сказав собі:«Ну все, я розумію, як це робити. Йдемо далі».Це пастка.Ти потрапляєш у так званий ефект Даннінга-Крюгера: ти чув про багато речей, думаєш, що знаєш їх, бо можеш загуглити або запитати ChatGPT — і відповідь поруч із тобою на відстані натискання кнопки. Але якщо це забрати – хто ти насправді без цього?Повертаючись до ChatGPT і спортзалу: нехай ChatGPT буде твоїм тренером, який дає тільки підказки, а ти робиш все сам. Особливо на початку шляху, коли в тебе ще немає достатньо сильної основи, на якій ти стоїш.Що ви думаєте про це?✦ Підписуйся на @bocharovs
Як зробити так, щоб ChatGPT писав саме вашою манерою письма й вашим tone of voice?Вигрузіть йому свої тексти.Більшість людей недооцінюють, наскільки точно штучний інтелект може копіювати стиль тексту і може бути вашим помічником.Може навіть не вигадувати якщо навчите його на своїх текстах. Що для цього потрібно?Усього лиш джерело ваших текстів.Можна взяти Instagram або Telegram, бо там живі думки, емоції та реальні формулювання. ———————————————Варіант 1 — Instagram1.Зайдіть у браузері на сторінку Meta:https://accountscenter.instagram.com/info_and_permissions/dyi/2.Оберіть свій Instagram-акаунт.3. Натисніть Download your information / Завантажити інформацію.4.Виберіть Вся доступная информация.5.Формат: HTML.6. Дата: All time / Увесь час.7.Натисніть Почати експорт і дочекайтесь архіву.8. Всередині архіву будуть всі ваші:— пости— описи— рілси— сторіс— коментарі———————————————Варіант 2 — Telegram канал1. Відкрийте Telegram на компʼютері (Desktop).2. Перейдіть у свій канал.3. Натисніть ⋯ → Export chat history / Експорт історії чату.4. Оберіть:— тільки текстові повідомлення (фото/відео не потрібні)— весь період5. Завантажте файл .html або .json.✦ Підписуйся на @bocharovs і якщо цінно залиш комент або реакцію.
📌 8 TED-виступів, які прокачають твої навички комунікації:1️⃣ Як розпочати розмову з будь-ким | Malavika Varadan — посиланняМалявіка допоможе тобі подолати страх спілкування з незнайомцями та навчить, як легко розпочати і вести захопливу бесіду, використовуючи 7 практичних прийомів, які працюють у будь-якій ситуації.2️⃣ Як говорити, щоб тебе слухали | Julian Treasure — посиланняЮліан розкриває секрети ефективного мовлення, пояснюючи, як уникнути типових помилок, що заважають слухачам сприймати твої слова. Навчися говорити так, щоб твої ідеї чули й запам'ятовували.3️⃣ Як не приймати все на свій рахунок | Frederik Imbo — посиланняФредерік поділиться важливими порадами, як перестати переживати через дрібні зауваження чи критику. Його техніки допоможуть зберігати спокій і позитивний настрій навіть у складних ситуаціях.4️⃣ 10 способів вести кращу розмову | Celeste Headlee — посиланняСелест, колишня ведуча радіопрограм, розкриває ключові правила для цікавих і змістовних діалогів. Навчися вести бесіду, яка запам’ятається співрозмовнику та принесе задоволення тобі.5️⃣ Навичка гумору | Andrew Tarvin — посиланняГумор — потужний інструмент, який робить комунікацію легкою і зрозумілою. Ендрю пояснює, як влучно використовувати гумор, щоб розряджати атмосферу, будувати довіру і навіть покращувати продуктивність команди.6️⃣ 101 техніка комунікації та публічних виступів | David JP Phillips — посиланняДевід проаналізував техніки понад 5000 спікерів і вибрав найбільш дієві методи. Навчися використовувати ці техніки для того, щоб твої виступи завжди були потужними та захопливими.7️⃣ Як читати думки через мову тіла | Lynne Franklin — посиланняЛінн розкриває мистецтво інтерпретації невербальних сигналів, які допоможуть тобі глибше зрозуміти оточуючих, їхні справжні почуття і наміри, навіть коли слова не звучать.8️⃣ Наука флірту | Jean Smith — посиланняДжин пояснює, як флірт допомагає налагодити контакти та зміцнити зв'язки. Це набагато більше, ніж романтична взаємодія — це потужна техніка, що покращує взаєморозуміння та робить спілкування легким і приємним.🔖 Збережи, щоб не загубитиАвтор✦ Підписуйся на @bocharovs
Професія UI/UX — на межі вимирання.Принаймні, саме таке враження складається, коли відкриваєш соцмережі.Усі генерують картинки в ChatGPT. Хтось — меми, хтось — арт, а хтось — повноцінні UI-концепти, які ще вчора здавались роботою сеньйора з Behance.AI більше не просто помічник. Він уже співавтор.І він стає кращим щодня. Швидшим. Зручнішим. Візуально точнішим.Все стало настільки простим, що скоро, здається, у портфоліо дизайнерів будуть не роботи, а добірки найкращих промптів 😁І, звісно, у багатьох виникає думка:«А чи не замінять нас? Чи не зникне дизайн як професія?»Але давай пригадаємо Framer, Webflow, Tilda, Wix…Коли ці платформи тільки набирали обертів, теж казали:«Клієнти самі робитимуть собі сайти. А дизайнерів — на пенсію».Пройшло кілька років.Хто робить сайти на Webflow? Дизайнери.Хто пиляє круті проєкти у Framer? Дизайнери.Хто бере більший чек, бо може і придумати, і реалізувати? Та ж історія.AI — це не ворог.Це твій трамплін.Це інструмент для тих, хто мислить.Медицина не зникла, коли кожен навчився гуглити свій діагноз.Музика не зникла, коли кожен зміг записувати треки вдома.Кіно не померло, коли всі почали знімати відео для YouTube.І дизайн не зникне — він просто еволюціонує.Не бійся. Навчайся. Експериментуй.Не дизайн зникає. Зникають ті, хто не хоче рости.
Як це працює.Ставиш велику цільРозбиваєш на маленькі крокиЩоб мета не здавалася недосяжною, її потрібно поділити на конкретні, реалістичні етапи. Це допомагає краще планувати та відчувати прогрес.Ставиш кроки по SMARTКожен крок має бути:Specific (Конкретним)Measurable (Вимірюваним)Achievable (Досяжним)Relevant (Актуальним)Time-bound (Обмеженим у часі)Це робить план чітким і ефективним.Розбиваєш рік на відрізки в 12 тижнівРічне планування часто призводить до прокрастинації, адже здається, що часу ще багато. Метод "12 тижнів у році" допомагає зосередитися на коротких, інтенсивних циклах, де кожен 12-тижневий період сприймається як міні-рік.Такий підхід має кілька переваг:Чіткий фокус. В 12 тижнях немає "запасного" часу, тому ви працюєте ефективніше.Гнучкість. Можна швидко коригувати стратегію без втрати цілого року.Мотивація. Частіші підсумки дають відчуття прогресу, що стимулює рухатися вперед.Кожен 12-тижневий цикл завершується аналізом результатів і коригуванням дій, що допомагає досягати цілей швидше.✦ Підписуйся на @bocharovs