У компанії кілька внутрішніх продуктів — адмін-консоль, аналітична панель і пара операційних інструментів, — і кожен малювала своя команда у свій час. Підсумок передбачуваний: кнопки поводяться по-різному на кожному екрані, відступи розповзаються, той самий статус показується трьома способами, а будь-яка нова фіча починається зі суперечки про кольори. Ми хочемо перестати платити цей податок і зібрати одну спільну дизайн-систему з нормальним UI-кітом, на який зможуть спертися всі ці продукти.
Це не перефарбування. Потрібна бібліотека компонентів зі справжніми станами — звичайний, наведення, фокус, недоступно, завантаження, помилка, порожньо — плюс токени кольору, типографіки, відступів і тіней, які переживуть ребрендинг без правки кожного екрана. Компоненти варто розкласти так, щоб розробник швидко знаходив потрібний, і до кожного додати коротку пам'ятку: коли його брати, а коли ні. Чекаємо на доступну палітру із задокументованим контрастом, сітку, однаково живу на широких моніторах і тісних ноутбуках, та шаблони для повторюваних розкладок, якими реально користуються оператори: таблиці з фільтрами, картки записів, багатокрокові форми.
Покажіть, будь ласка, системи, які ви вже будували, як тримаєте кіт і код у синхроні та як передаєте роботу, щоб вона не згнила після запуску. У результаті чекаємо: — набір токенів і бібліотеку компонентів з усіма інтерактивними станами; — документацію щодо застосування, правил «так» і «не так» та доступності; — шаблони найчастіших екранів продуктів.