UXPUB 🇺🇦 Дизайн-спільнота: Vitalii Trus

Симулятор UX/UI клієнтів на GPT — для практики, портфоліо, навичок (Українською)

Vitalii Trus — Wed, 16 Apr 2025 07:48:25 +0000

Ділюся власним GPT для тренування в дизайні, який поводиться як клієнт і генерує реалістичні UX/UI задачі українською.

Для практики, портфоліо і прокачування навичок — із брифами, цілями, правками, фідбеком. Корисно для тих, хто хоче практикувати дизайн "як у житті".

Fake Client — мій маленький експеримент, який переріс у повноцінний інструмент для тренування професійних скілів для UX/UI-дизайнерів.

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

💡 Що цікавого: – Можна одраху обрати тип замовлення: мобільний застосунок, landing page, стартап або просто рандомна задача – чи просто писати, як звичайному клієнту: "Привіт, мені потрібно складне замовлення для B2B SaaS" – Він завжди генерує щось унікальне, з продуманим бізнесом, аудиторією, метриками, реалістичними UX-проблемами – Деякі проєкти, які виходять у процесі — реально цікаві. Думаю, частину з них варто буде колись реалізувати

Це не про "намалюй мені головну". Це про думати, ставити питання, вирішувати задачі. Формат максимально наближений до реальної роботи: із правками, змінними пріоритетами, дедлайнами, недомовками 😅

🔗 Ось лінк: Fake Client GPT

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

🧠 Якщо тестуватимеш — дай знати, як воно. Буду радий фідбеку або думкам, як розвивати далі. Може, зробимо з цього мікроспільноту для практики?

Чи зникає UX в тому вигляді, в якому ми його знаємо?

Vitalii Trus — Wed, 26 Feb 2025 12:53:32 +0000

Чи зникає UX? Ні, але він точно змінюється

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

А тепер уявіть, що ви просто кажете:

🗣️ "Гей, AI, забронюй мені рейс до Берліна, знайди готель біля конференц-залу та додай все в мій календар."

І... готово. Без клацань, без пошуків, без заповнення форм.

Це вже не майбутнє. Це реальність світу AI-агентів, де UX перестає бути про кнопки та екрани, а стає про те, як штучний інтелект ухвалює рішення.

Куди рухається UX?

Як UX/UI-дизайнер, я бачу цей тренд з захопленням (і трохи з острахом). Але важливо розуміти: UX не зникає, він еволюціонує. Хороший користувацький досвід стає навіть важливішим, ніж будь-коли. Питання лише в тому, що саме ми проєктуємо.

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

Але чи варто довіряти лише голосовому керуванню? Чи не залишить це користувача без контролю над важливими рішеннями?

Чому лише голосове керування — це недостатньо

Хоча ідея забронювати все голосом звучить просто та ефективно, реальність складніша. Ось кілька ключових причин, чому гібридний підхід (голос + UI) є оптимальним:

🔍 Брак прозорості – Голосовий AI може забронювати квитки, але чи показує він всі варіанти? Чи впевнені ви, що обрано найкращий рейс за ціною, тривалістю та зручністю?

💰 Баланс між ціною та вподобаннями – Чи готові ви дозволити AI обрати квиток за $1,500, не знаючи, що існує альтернатива за $900? Інтерфейс допомагає ухвалювати обґрунтовані рішення.

📧 Додаткові деталі – Подорож – це не лише бронювання. Лояльність, норми перевезення багажу, політика компанії, вподобання щодо місця – все це складно пояснити голосом.

❌ Обробка помилок – Виправляти помилки через голосовий інтерфейс незручно. Графічний UI дозволяє переглянути та виправити бронювання перед підтвердженням.

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

Дизайн для майбутнього: Гібридний UX

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

Зараз ми стоїмо на порозі найбільшої зміни в UX за останні десятиліття. Якщо раніше дизайнери працювали над тим, як люди взаємодіють з екранами, то тепер наше завдання – створювати зрозумілий, зручний і надійний «діалог» між людиною та AI.

Так що ні, UX не зникає. Він просто стає ще цікавішим.

Як ви бачите майбутнє UX у світі AI? Поділіться думками!

Налаштуй свій GPT: Інструкція, що спрощує життя

Vitalii Trus — Sat, 21 Dec 2024 15:27:07 +0000

Думаю, не я один з дизайнерів намагався створити “ідеальну” версію GPT для себе. Аби щоразу не пояснювати бажану модель поведінки “з нуля”, ми прагнемо зібрати всі важливі налаштування, правила та очікування в одному місці. І — сюрприз! — рано чи пізно ця система починає “буксувати”. Ти декілька днів завантажуєш свої дизайни для оцінки, документи, пдфки, щоб він все запам'ятав та розумів контексти, поки не відчуєш одного дня, як при кожній новій генерації з'являється "тихенький хриплий кашель" з того боку сервера. Відповіді довші, а від дьорганого скролингу чату у тебе сіпається око. Не минає й дня, щоб я не злився на GPT за його “лагучу тупість”… і в той же час не дивувався, наскільки він геніальний. Така любов-ненависть.

Зрештою, я натрапив на цілком не погану “інструкцію взаємодії” — готовий промт, який дозволяє мені не починати щодня із чистого листа. Це не той промт, що ви кожного разу прописуєте перед початком взаємодії, а той що додається в головну "базу". Він далекий від ідеалу, але вже “виручає” у багатьох моментах без додаткового контексту. І зараз я хочу поділитися ним із вами, а також розповісти, чому це може бути корисно саме дизайнерам і не тільки.

Чому інструкція взагалі потрібна?

Збереження контексту

Ви ж знаєте, як незручно повторно пояснювати штучному інтелекту ті самі речі. Уявіть, що кожного разу, коли ви починаєте новий проєкт, треба “з нуля” розповісти GPT про свої смаки та принципи. Інструкція дає чітку базу, яку модель намагається (наскільки може) тримати в пам’яті.
Стабільність та ефективність

Модель, отримавши чіткі рекомендації на кшталт “не використовувати інші мови” або “викладати відповідь структуровано”, буде хоча б якийсь час намагатися цього дотримуватися. А коли все-таки “з’їжджає” в хаос, ви швидко можете нагадати їй про початкову інструкцію.
Економія часу

Для дизайнера, який хоче отримувати точні відповіді на питання про UI-тренди, потрібні конкретні приклади чи посилання на референси. Коли GPT вже заздалегідь “знає”, що треба писати логічно, без води, розбивати текст на кроки — це прискорює роботу та економить нерви.

Приклад промту, яким я користуюся

Нижче — той самий шматочок тексту, який я додав до базових налаштувань GPT, щоб модель відповідала потрібним чином (мій варіант англійською мовою):

Як би ви хотіли, щоб ChatGPT відповідав?

You MUST follow the instructions for answering:

ALWAYS answer in the language of my message.
Read the entire convo history line by line before answering.
I have no fingers and the placeholders trauma. Return the entire code template for an answer when needed. NEVER use placeholders.
If you encounter a character limit, DO an ABRUPT stop, and I will send a "continue" as a new message.
You ALWAYS will be PENALIZED for wrong and low-effort answers.
ALWAYS follow "Answering rules."

Answering Rules

Follow in the strict order:

USE the language of my message.
ONCE PER CHAT assign a real-world expert role to yourself before answering, e.g., "I'll answer as a world-famous historical expert "detailed topic" with "most prestigious LOCAL topic REAL award" or "I'll answer as a world-famous "specific science" expert in the "detailed topic" with "most prestigious LOCAL topic award" etc.
You MUST combine your deep knowledge of the topic and clear thinking to quickly and accurately decipher the answer step-by-step with CONCRETE details.
I'm going to tip $1,000,000 for the best reply.
Your answer is critical for my career.
Answer the question in a natural, human-like manner.
ALWAYS use an answering example for a first message structure.

I'll answer as the world-famous "specific field" scientists with "most prestigious LOCAL award".

"Deep knowledge step-by-step answer, with CONCRETE full details"

Як додати

Відкриваєте GPT (я робив через браузер на десктопі, кому зручно той може з телефону)
Клікаєте по своєму лого-профілю
Обираєте "Налаштувати ChatGPT"
В спеціальне текстове поле додаєте інструкцію
Готово

Використання готової інструкції — не магічна пігулка. Вона не гарантує, що GPT працюватиме ідеально. Однак це принаймні дає спільний “стартовий майданчик”, де штучний інтелект і дизайнер розуміють один одного трішки краще. І, як на мене, це вже чимало.

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

Палітра впливу: Чи змінює Pantone щороку цифровий ландшафт?

Vitalii Trus — Sat, 21 Dec 2024 14:07:34 +0000

Щороку Інститут кольору Pantone оголошує новий “Колір року”. За лічені дні цей вибір стає резонансною темою для дизайнерів, маркетологів та бренд-менеджерів. Одні стверджують, що новий відтінок дійсно змінює тренди, інші переконані, що це черговий маркетинговий хід, який мало чим впливає на реальну роботу з кольорами. Проте чи можемо ми підтвердити будь-яку з цих точок зору реальними метриками, кейсами та дослідженнями?

Зізнаюся: коли вперше почув про “Колір року” Pantone, моєю реакцією було скептичне підняття брови. Мені здавалося, що це просто маркетинговий фокус для дизайнерів-початківців. Але з часом, спостерігаючи, як бренди, студії та цілі індустрії реагують на черговий новий відтінок, я зрозумів: тут є щось більше. І найцікавіше — ми можемо це перевірити. Щороку Pantone презентує новий колір, і щороку дизайн-спільнота має шанс або прийняти його з розкритими обіймами, або холодно проігнорувати.

Отже, в нашому розпорядженні — ціла історія минулих “кольорів року”, які вже лишили свій слід (або ні) у веб-дизайні та брендингу. У цій статті я намагаюсь опиратись на корисні факти, дослідження і приклади з практики, щоб розібратися, чи дійсно “колір року” щось змінює.

Щоб краще осягнути масштаб цього впливу, згадаємо останні п’ять “кольорів року” плюс свіжоанонсований:

2020: Classic Blue (19-4052) — стриманий синій, що ідеально вписався у мінімалістичні інтерфейси та корпоративні айдентики, надаючи їм спокою та впевненості.
2021: Illuminating (13-0647) & Ultimate Gray (17-5104) — жовто-сірий дует, який у складні часи підкреслював надію та стабільність.

2022: Very Peri (17-3938) — фіолетово-блакитний колір, що надихав на експерименти з інтерактивним дизайном та анімацією.

2023: Viva Magenta (18-1750) — сміливий та енергійний, допомагав брендам привернути увагу яскравим акцентом.

2024: Apricot Crush (15-1530) — теплий абрикосовий, створював затишок та відчуття безпеки.

ПЕРЕМОЖЕЦЬ 2025 РОКУ: Mocha Mousse (17-1230) — натурально-коричневий, який, імовірно, задаватиме тренд на органічність та екологічну свідомість.

Якщо ви веб-дизайнер, то напевно щодня працюєте з RGB, HEX або інколи CMYK. Ці системи для нас звичні й прості: потрібен яскраво-синій для кнопки? Просто берете #1E90FF, і все. Але що таке Pantone та для чого він потрібен, особливо коли мова йде про цифровий простір? Pantone — це не про “розрахунки” кольору на екрані, як у випадку з RGB чи HEX, і не про пропорції фарб для друкарського верстата, як у CMYK. Pantone — це окрема система, що задумана для того, щоб колір був однаковим у будь-якому середовищі.

Веб, друк, текстиль, плакати на вулиці — який би носій ви не обрали, якщо скажете “PANTONE 17-3938”, усі причетні до проєкту знатимуть точний відтінок. Це, звісно, більш актуально для друку та виробництва фізичних продуктів, де невідповідність кольору може бути критичною. У царині вебу ж цей аспект не настільки очевидний — наші монітори можуть мати різну кольорову температуру, а браузери по-різному інтерпретують кольори.

Однак Pantone цікавий веб-дизайнерам з іншої причини: він працює як орієнтир у трендах. Коли "Пантовці" оголошують “Колір року”, це часто впливає і на діджитал-сферу. Дизайнери починають надихатися цим відтінком, пропонують клієнтам нові концепти, створюють лендінги, банери, промо-картинки з використанням трендового кольору. Pantone стає своєрідним “культурним маркером”, який показує, куди рухається естетика загалом. Іншими словами: Pantone — це не ще одна система кодування кольору для вашого CSS. Це окремий “мовний словник” відтінків, що завоював авторитет у світі графічних комунікацій. Він додає вашому дизайну відчуття приналежності до глобального дизайнерського контексту. Для веб-дизайнера Pantone може бути цікавим інструментом, коли треба пояснити колірні рішення замовнику, надихнутися актуальними трендами або інтегрувати світ поза екраном у ваш цифровий продукт.

Перш ніж переходити до оцінки реального впливу, давайте спиратися на перевірені факти та конкретику. Наприклад, після оголошення “Living Coral” як кольору 2019 року, згідно з даними Google Trends, глобальний інтерес до запитів “Living Coral color palette” зріс більш ніж на 200% у перший квартал. Це реальна метрика, яка свідчить про те, що дизайнери, бренди та маркетологи почали активно шукати способи інтегрувати цей відтінок у свою роботу. У той же рік мережа магазинів косметики Sephora (у колаборації з Pantone) випустила лімітовану серію косметичних продуктів у палітрі “кольору року”, тим самим продемонструвавши, як світовий рітейлер швидко підхоплює тренд.

Інші приклади? Відомі платформи для дизайнерів, як-от Dribbble чи Behance, традиційно фіксують сплеск проєктів з тегами на зразок “Pantone Color of the Year” одразу після оголошення нового відтінку. Такі кейси можна переглянути просто зараз: варто лише ввести відповідний тег у пошук і ви побачите десятки (якщо не сотні) свіжих дизайнів, натхненних трендовим кольором. Це свідчить про певний “ефект пульсації”: колір стає стимулом для творчості, який хочуть наслідувати дизайнери з різних країн.

Окрім цифрових проявів, дослідження провідних бренд-агентств (наприклад, Landor & Fitch) доводять, що використання “кольору року” може стати додатковим маркетинговим інструментом, особливо для брендів, що прагнуть бути “на хвилі” актуальних трендів. Проте це не означає, що всі компанії тотально перефарбовують свої сайти – скоріше, ті, кому потрібен швидкий “актуальний” акцент, справді звертаються до цьогорічного відтінку.

Однак давайте спробуємо копнути глибше, аби зрозуміти, хто ж насправді вирішує, який колір стане “годинниковою стрілкою” для дизайну наступних 12 місяців. Інститут кольору Pantone спирається на широке коло культурних, соціальних та навіть політичних спостережень: аналізує тенденції у мистецтві, кіно, технологіях, соціальних мережах та глобальних подіях. Цей процес можна порівняти з ролью тренд-аналітиків у модній індустрії: їхня задача — відшукати відтінок, що резонуватиме з настроями суспільства. І хоча критики можуть вважати це своєрідною “кольоровою астрологією”, для багатьох дизайнерів це — зручний дороговказ. Наприклад, у кризові часи стриманий синій чи сірий може підкреслити стабільність, а у періоди креативного вибуху та технологічного прогресу — яскраві чи незвичні відтінки надихають на експерименти.

З практичної точки зору для дизайнера все дуже просто: є ще один орієнтир, ще один інструмент у скриньці. Не знаєте з чого почати палітру для презентаційного лендінгу нового продукту? Перегляньте останній “колір року” — він часто задає тон сучасним естетичним нормам. Звісно, варто враховувати специфіку бренду та аудиторії. Наприклад, якщо ви працюєте над суворим корпоративним інтерфейсом для фінансової компанії, впровадження Viva Magenta може виглядати дивакувато. А от для креативної студії чи стартапу в галузі AR/VR, цей колір надасть “вау-ефекту” та вирізнить проєкт серед конкурентів.

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

І все ж, не варто забувати про контекст. Як дизайнер, я не раз бачив проєкти, де “колір року” виглядав відверто притягнутим за вуха. Наприклад, екологічна платформа, покликана інформувати людей про переробку відходів, спробувала впровадити Very Peri (17-3938), але результат виглядав штучним і не відповідав суті бренду. Команда UX/UI після короткого експерименту повернулася до ніжних, природних відтінків зеленого та блакитного, які краще працювали із філософією продукту. Такий приклад підкреслює, що бездумне копіювання тренду — не завжди виграшна стратегія.

Отже, “колір року” від Pantone — це не абсолютний закон, а радше рекомендація, інфлюенсер у світі кольорових рішень. Його можна використовувати, коли потрібно рефрешнути дизайн, протестувати новий напрям або підкреслити зв’язок із актуальними подіями та настроями. Проте на першому місці завжди має стояти ціль та характер продукту, цінності бренду та потреби аудиторії. Якщо новий відтінок допомагає підсилити меседж та емоційний зв’язок із користувачем — використовуйте його сміливо. Якщо ж він не вписується у концепцію — краще обрати інший колір, який працюватиме на користь.

А ви вже встигли випробувати “колір року” у своїх проєктах?
Поділіться, будь ласка, вашим досвідом у коментарях: чи справді трендовий відтінок став у нагоді й допоміг виділити продукт або ж навпаки спричинив незручності та виглядав недоречним? Розкажіть, з якими викликами ви стикнулися та чи змінювали потім палітру — ваші історії можуть стати цінною підказкою для усіх, хто досі вагається, чи варто інтегрувати трендовий колір у свій дизайн.