Коротка відповідь

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

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

Кожна команда SaaS має три зміни

1. API — це нова поверхня продукту

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

2. Системи проектування є примножувачем сил, а не накладними витратами

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

3. Тепер ви створюєте дизайн для двох користувачів одночасно

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

Чому потужна система дизайну є найефективнішою інвестицією

Уявіть собі, що дві команди створюють конкуруючі продукти. Обидва використовують ту саму модель для створення частин інтерфейсу. Команда A провела останній рік, вдосконалюючи свою систему дизайну: задокументовані маркери, доступні компоненти, чіткі стани, письмові вказівки щодо інтервалів і щільності. Команда B швидко доставила та накопичила десятки одноразових стилів. Передайте однакову підказку обом. Команда А отримує досконалий, послідовний екран, якому користувач одразу довіряє. Команда B отримує щось, що виглядає правдоподібним на перший погляд, і починає відчувати себе неприємним, чим довше ви цим користуєтеся. Модель така ж. Стелі немає.

  • Токени, що називають колір, відстань, радіус і рух простою англійською мовою
  • Невеликий набір примітивів, які обробляють 80 відсотків макетів: картка, список, таблиця, форма, діалог
  • Задокументовані стани для порожніх, завантажуваних, помилкових, успішних і часткових даних
  • Спеціальні можливості вбудовані, а не закріплені, тому створені екрани ніколи не постачаються недоступними за замовчуванням
  • Короткий письмовий голосовий і тональний посібник, створений таким чином, залишається у вашому бренді

Що це означає для дизайнерів

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

Клавіатура звільнила нас від друкарської машинки, плуг – від лопати. AI звільняє нас від створення екранів. Те, що ми все ще маємо, це те, що будувати, і чому це важливо.

— перефразовано з оригінальної розмови

Часті запитання

Чи робить ШІ системи дизайну непотрібними?

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

З чого невеликій команді почати розробку системи дизайну?

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

Як на практиці виглядає перший продукт API?

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

Дизайн як кар’єра зникає?

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