OLEH HEBEL & Co

ПРАКТИЧНІ НОТАТКИ / ОЛЕГ ГЕБЕЛЬ

Дизайн-борг AI-продуктів: виправляй повторення, а не екрани.

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

Локальні рішення дешеві. Повторення — дороге

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

Тест повторюваності

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

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

Зроби правильний прецедент простішим для пошуку

Мета — не збільшити документацію. Потрібно, щоб канонічне правило було доступнішим за випадкове локальне рішення. Контекст компонентів, токенів і відповідності дизайну коду допомагає AI-агентам не починати систему заново.

Порядок усунення боргу

1. Знайди повторювані патерни у важливих сценаріях. 2. Обери канонічний компонент, токен, модель станів або поведінку. 3. Доповни правило адаптивністю, доступністю й відсутніми станами.

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

Коли повний редизайн зайвий

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

Джерела та подальше читання

Українська редакція матеріалу. Повний англомовний оригінал ↗