Як використовувати генеративний ШІ для UX-дизайну: Jan Mráz, Atheros

• Кві 26 2024
• автор Jan Mráz

Генеративний штучний інтелект (ШІ) має величезний потенціал, щоб трансформувати креативні сфери. Напередодні International Design Day 2024, Jan Mráz, інфлюенсер у UX/UI-дизайні та засновник Atheros, компанії, що створює ШІ-продукти для організацій, ділиться ключовими сценаріями застосування, порадами та обмеженнями використання генеративного ШІ для UX-дизайну. 

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

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

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

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

Вперше для багатьох він став відомий у вигляді ChatGPT, однак насправді генеративний ШІ має чимало застосувань у дизайні. Інструменти на кшталт DALL-E можуть допомогти UX-дизайнерам закривати одразу кілька болючих точок, а саме: дефіцит часу, рутинні завдання та нескінченну послідовність ітерацій. 

Сценарії використання генеративного ШІ в UX-дизайні

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

1. Генерація UI та веб-макетів

Хоч робота UX-дизайнерів і полягає в розв'язанні унікальних проблем та потреб, рутинні завдання все одно трапляються. Ефективність у створенні макетів – це перший аспект дизайн-процесу, у якому я бачу можливість інтеграції ШІ. 

Наприклад, ШІ-інструменти прискорюють генерацію ідей у дизайні користувацького інтерфейсу (UI) , зокрема під час вайрфреймінгу або створення базових макетів. Можна й надалі використовувати бібліотеки з попередньо визначеними компонентами. Або ж можна спробувати Creatie.ai – інструмент, який я нещодавно відкрив. Він генерує повні макети на основі розміру та розташування фрейму, який креслить дизайнер. Це допоможе якнайшвидше сформувати базову структуру та підготуватися до подальшого точного опрацювання дизайну на рівні пікселів. 

Коли йдеться про добір зображень та ілюстрацій для UI-дизайну, моделі й інструменти ШІ на кшталт Midjourney, Kittl або Spline AI для 3D-генерації дають змогу дизайнерам створювати узгоджені візуали для будь-якого інтерфейсу – як-от сайту чи застосунку. Вони також пропонують розширені можливості – від швидкого редагування зображень (наприклад, видалення фону чи зміна кольорів) до інструментів підвищення якості. 

У вебдизайні такі речі, як макет і дизайн-системи, теж можуть бути доволі повторюваними. Зручні інструменти на кшталт Framer AI або 10web.io виходять за межі класичних no-code конструкторів сайтів. Вони вбудовують генеративні моделі ШІ, даючи змогу створити цілий веб-макет, графіку та тексти одним запитом – без потреби в подальшій реалізації коду.

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

2.  Персоналізація та ранній зворотний зв'язок

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

Зокрема в UX-дизайні, аналізуючи поведінку та вподобання користувачів, генеративний ШІ може прогнозувати майбутні дії та проактивно пропонувати варіанти UI. Наприклад, e-commerce платформа може передбачати, які товари користувач імовірно купить, і помітно виносити їх на перший план, спрощуючи процес покупок. 

Attentioninsight.com або neuronsinc.com – мої улюблені інструменти для цього. Дизайнери можуть додавати посилання на файли Figma або реальні сайти та застосунки, щоб отримувати змістовні поведінкові спостереження й чітко бачити прогалини в ефективності. Це дає змогу пропустити етап збирання користувацьких даних і отримати первинний зворотний зв'язок на ранньому етапі. 

Ось як я використав це в одному зі своїх проєктів. За допомогою раннього A/B-тестування теплових карт для двох прототипів у Figma я порівняв два макети сторінки оформлення замовлення в e-commerce проєкті. Одним із ключових аспектів був більший банер безкоштовної доставки, розміщений помітніше поруч із кнопкою CTA. У результаті варіант-переможець отримав на живому сайті на 8,4% більше конверсій.

3. Натхнення з даних

ШІ є важливим джерелом натхнення для UX-дизайнерів. Він може аналізувати великі набори даних, виділяти тренди та генерувати звіти для початкового дослідження. Наприклад, навіть одним запитом у ChatGPT або Gemini молодший дизайнер може знайти вторинні дані для UX-дослідження, ідеї для визначення персон або пояснення різних методів дизайну.

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

Чи може генеративний ШІ замінити UX-дизайнера?

Це питання на мільйон доларів. Я часто чую це від тих, хто лише прагне стати UX-дизайнером і хвилюється через найближче майбутнє роботи в UX/UI. За такого великого вибору креативних інструментів і зростання можливостей ШІ може здаватися, що простір для людських UX-дизайнерів звужується з кожним днем. Особисто я в це не вірю – і ось чому.

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

• Структура проти навігації в хаосі. ШІ може розв'язувати добре структуровані задачі. Проте більшість дизайнерських викликів мають неструктурований контекст. Кожен бізнес працює з різними ресурсами, галузями та проблемами користувачів. Саме тут у гру вступає людський фактор. Наприклад, у розв'язанні користувацьких сценаріїв на кшталт адаптації користувачів після реєстрації для SaaS-продуктів ШІ може допомогти зі скануванням документів, але людський внесок потрібен у проєктуванні таких деталей, як безпека платежів і сам процес. 

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

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

Формуймо майбутнє UX-дизайну разом – перегляньте, чим я займаюся, на моєму вебсайті (із персоналізованим доменним ім'ям від it.com Domains!) і зв'яжіться, щоб обговорити конструктивні підходи до використання ШІ в дизайні.

Потрібне натхнення від провідних експертів індустрії? Відвідайте it.com Domains blog та підписуйтеся на нас у соціальних мережах.

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

Поділіться цією публікацією!