Дизайн-система для команди, а не для галочки

Гайд Бреда Фроста, як створити систему, що не лишиться декоративним елементом. Якщо вона не скорочує час розробки чи не забезпечує узгодженість, це сигнал до змін. Яких?

1. Почніть із реальних проблем

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

2. Дозволяйте зміни

Якщо система надто жорстка, команди її ігноруватимуть. Залишайте простір для локальних адаптацій.

3. Інвестуйте в документацію

Створіть чіткі гайдлайни з прикладами та поясненнями. Поганий підхід — вимагати від дизайнера розбиратися в коді, щоб зрозуміти компонент. Гарний підхід — доступна документація, яка відповідає на запитання.

4. Фокусуйтеся на «дизайн-багах»

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

5. Міряйте результат

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

Дизайн-система — це інструмент для прискорення та спрощення роботи, а не тягар. Як створити дизайн-систему, що не обтяжує, а розкладає по поличках і відгукується команді — навчимося на інтенсиві Design Systems.

Куратор: Франческо Кутоло, Design Lead у Wolt, ex. Design Lead Klarna, Figma community advocate у Швеції.

Старт: 6 грудня — приєднуйтеся зі знижкою 10% за промокодом SYSTEM10.

Збирайте скіли, респект і підвищення на інтенсиві 💙

Кейс на сьогодні: відкритий бриф на мем.

Продовжіть фразу: дизайнер, коли…

Кейс від Проджа — інституту вільної освіти. Зірка на фото — кіт Чуча нашої графічної дизайнерки Крістіни Шпетної.

Знаємо, ви таке хвостате любите 💙

Бонусний мем: дизайнер, коли правки надіслали 9-ма хвилинами голосових повідомлень (звісно, 50% — слова-паразити)

Дякуємо вам за вас, ми дуже сміялися! Комісія Проджа визначить найкращого жартівника чи жартівницю 🤝

Буде складно. Бажайте успіхів.

P.S. Це все та ж зірочка — кіт Чуча нашої дизайнерки Крістіни. Ставте серденька, Чучі та Крістіні буде приємно.

Дамблдор казав: «Щастя можна знайти навіть у темні часи, якщо не забувати звертатися до світла».

А ми кажемо вам приборкати бажання почати передивлятися Гаррі Поттера, коли ще сніг не лежить.

Альтернативний спосіб звернутися до світла — влаштувати професійну рефлексію.

Якраз маємо потрібний ресурс під рукою: випуск подкасту «Дизайн під час блекауту» від Михайла Самоварова — «Чому дизайнери вигорають».

🔹 YouTube 🔹 Spotify 🔹 Apple 🔹 Megogo

#подкаст_рекомендація

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

Питання: Як би ви з’ясували, в чому саме проблема? Які методи та інструменти дослідження ви використаєте, щоб виявити причини і спростити взаємодію для користувачів?

Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.

Чому користувачам може бути важко завершити сценарій тестування?

Я б спробував кілька підходів.

1. Придивитися до невербальних підказок
Під час тестування зверніть увагу на мову тіла користувача: де він/вона зупиняється, можливо, зітхає або виглядає розгублено. Такі моменти можуть показати, де саме виникає непорозуміння або дискомфорт.

2. Застосувати метод «Думати вголос»
Пройдіть сценарій разом із користувачем, попросивши його/її думати вголос. Часто в процесі цього люди несвідомо озвучують свої очікування, страхи чи здогадки про елементи інтерфейсу. Так можна почути цінні деталі, які вказують на проблему.

3. Зрозуміти рівень когнітивного навантаження
Перевірте, чи завдання не перевантажує користувача інформацією або складними інструкціями. Можливо, труднощі з’являються через надлишок деталей або нелогічну структуру. Іноді достатньо спростити або краще організувати інформацію, щоб полегшити сприйняття.

Ці підходи дозволять відчути, де саме користувач «губиться» або переживає труднощі. Ви зможете адаптувати інтерфейс так, щоб користуватися ним було легше та приємніше.

Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.

І раз у нас вже сьогодні день Яна на каналі — заангажована #подкаст_рекомендація.

Випуск «Інтерфейсного», де обидва спікери — наші куратори.

Хост подкасту Ян Гладченко говорив із Дімою Шведуном: дизайнером із унікальним досвідом роботи в Apple і Meta.

У випуску: як Діма почав кар’єру і до чого тут Саша Трегуб, як на старті потрапив у Apple і вирішити звільнитися, як з третього разу пройшов у Meta, яких дизайнерів шукають tier 1 компанії, яка критикують у різних культурах і чим відрізняється життя у США та Англії. Де з цих країн комфортніше — дізнайтеся вже під час прослуховування.

🔹 YouTube 🔹 Apple 🔹 Spotify

Якщо захочете більше чути хлопців — з Яном можете зустрітися на курсі UX Design Beginning, з Дімою — на Mobile Interfaces Advanced.

Ситуація: клієнт з Америки, бумер, має біль — велика родина з 50+ кузенів, у якій треба тримати всіх на зв’язку. Молодше покоління зайняте соцмережами й не зацікавлене в спілкуванні.

Він пропонує AI застосунок, який через квізи та опитування об’єднуватиме родину.

Ви вважаєте, що така апка у запропонованому вигляді не матиме комерційного успіху.

Ваші дії?

Кейс від Анни Дем’яненко — кураторки курсів UX Design Medium і UX Design Beginning, Lead Product Designer у Lazarev.