Ми вже бачили, як помирають чотири дизайн-системи. Різні компанії, різні інструменти, однаковий розтин: гарна бібліотека, сайт документації, який ніхто не відкривав, і продуктова команда, що тихо будує поруч свої одноразові компоненти.
Звичне пояснення — «не встигли задокументувати». Ми більше в це не віримо. У кожної з цих систем була документація. Чого не було — причини комусь користуватися нею у поганий вівторок.
Система, побудована в ізоляції, — це пропозиція, а не система
Провальні будувалися однаково: дизайнер зникав на два-три місяці, а потім презентував готову бібліотеку. Вона була повною, послідовною і повністю відірваною від екранів, які команда насправді випускала того кварталу.
Щойно реальній фічі знадобилося те, чого не було в бібліотеці, хтось зробив виняток. Другий виняток обґрунтували за десять хвилин. До п’ятого бібліотека стала музеєм.
Компонент, за який нікому не довелося боротися, — це компонент, який ніхто не захищає.
Що ми робимо натомість
- Будувати з реальних екранів. Жоден компонент не потрапляє в бібліотеку, поки не з’явився у двох різних місцях реального продукту. Друга поява доводить, що це патерн, а не одноразовість.
- Назвати відповідального на кожен розділ. Не комітет. Одна людина, якій пишуть, коли кнопці потрібен новий стан.
- Вголос закладати бюджет на підтримку. Ми оцінюємо роботу над дизайн-системою як постійну статтю, а не одноразовий результат. У системи без бюджету на підтримку є запланована дата смерті, і всі мають про це знати.
- Зробити короткий шлях правильним. Якщо звернутися до бібліотеки повільніше, ніж скопіювати div, бібліотека програє. Щоразу.
Документація — це останні 10%
Ми все ще її пишемо. Але після того, як система пережила контакт із трьома-чотирма фічами, і тримаємо її там, де розробники вже живуть — у репозиторії, а не на окремому сайті з другим логіном.
Єдина з чотирьох систем, що жива й через два роки, має найгіршу документацію з усіх. Зате в неї є двоє названих відповідальних, щомісячна година, заблокована під прибирання, і правило, що нові компоненти приходять разом із фічею, яка їх викликала. Це виявилося важливішим за будь-яку сторінку гайдлайнів.