Пропустимо пусті балачки про те, чому воркшопи важливі для продуктових команд. Зіграймо краще у гру. Скільки відомих форматів воркшопів ви впізнаєте на картинці нижче? А скільки з них ви пробували застосувати на практиці?
Які типи воркшопів ви тут бачите?
Усі ілюстрації: Слава Шестопалов
Сьогодні дизайн-проєкти рідко відбуваються без кольорових наліпок із замітками й командних «вправ» на дошці. Але кількість типів воркшопів лякає! Карти емпатії, ціннісні пропозиції, мапи користувацької подорожі, персони, бізнес-моделі, дизайн-спринти тощо. І це лише кілька «класичних» прикладів без незліченних похідних та змішаних варіантів.
Але у мене є гарні новини: усі воркшопи мають «атомарну» структуру — так само, як дизайн-системи. Будь-хто може легко зрозуміти сутність складних воркшопів завдяки вивченню їхніх елементарних частинок і ключових принципів.
До речі, ось відповідь на запитання, що прозвучало вище:
Видів воркшопів настільки багато, що складно запам’ятати їх усі.
Що ж, настав час зануритися в тему і пересвідчитися, чи воркшопи насправді такі різні, як здається на перший погляд.
Будь-який воркшоп має структуру. Щоразу, коли фасилітатор (іншими словами, ведучий у командній роботі) просить учасників зробити щось інше, це фактично початок нової стадії, нової активності. Базові вправи — це «атоми», елементарні частинки воркшопів. Попри те, що вони добре описані NNGroup, я не бачу нічого поганого в тому, щоб освіжити та розширити ці знання.
Базові вправи (відповідно до Nielsen Norman Group та з моїми невеличкими доповненнями).
Базові вправи настільки елементарні, що їх можна пояснити кількома реченнями.
Мета нотування — витягнути ідеї з голів учасників команди.
Приклад: ви запросили експертів з маркетингу, технологій та служби підтримки, і у них усіх різні цілі та досвід. Ні ви, ні запрошені люди не мають повної картини думок інших учасників. Ви просите команду написати погляди на наліпках. В результаті замість непевності у вас буде велика панорама різних точок зору.
Групування допомагає побачити тенденції серед багатьох окремих ідей.
Приклад: команда написала 100 заміток з ідеями для нового мобільного додатка. Деякі ідеї повторюються різними словами, і загалом виходить занадто багато шматочків інформації. Ви просите людей згрупувати пов’язані ідеї, наклеїти дублікати один на одного і дати назву групам. В результаті отримуєте набір тем замість окремих ідей.
Створення мапи формує структуру з різних фрагментів даних.
Приклад: команда згенерувала багато ідей щодо корисних функцій, але взаємозв’язок між цими ідеями поки малозрозумілий. Ви просите людей розмістити наліпки на матриці «цінність / легкість утілення». У результаті цієї вправи ви зрозумієте, які ідеї мають найвищу цінність і реалістичність, а які є ані доцільними, ані цінними.
Розкадрування — це спосіб яскраво зобразити абстрактну історію.
Приклад: команда має низку наліпок, що описують процес використання нового вебдодатку. Однак така послідовність занадто розмита, і її важко уявити. Ви просите учасників взяти аркуші паперу та намалювати 6–8 ключових кадрів сценарію. В результаті отримуємо візуалізацію, як саме користувач може взаємодіяти з додатком.
Голосування — це метод ухвалення рішень нашвидкуруч.
Приклад: учасники команди створили багато наліпок із больовими точками користувачів. На жаль, неможливо спрямувати зусилля на усі проблеми одразу, тому потрібно вирішити, що відкласти у довгий ящик. Ви даєте кожному учаснику три крапки і просите їх проголосувати за найбільш критичні больові точки. Як результат, команда може зосередитися лише на найважливіших пунктах.
Ранжування — це техніка ухвалення рішень, що спирається на різні критерії одночасно.
Приклад: ваша команда згенерувала ідеї для нових функцій, однак ви не можете визначити, які з них краще впровадити. Отже, ви берете критерії «технічна складність», «цінність для бізнесу» та «цінність для клієнтів» і оцінюєте кожну ідею за шкалою від 0 до 3. У результаті ви визначите невелику кількість ідей, найбільш простих для втілення, вигідних для бізнесу і бажаних серед користувачів.
До речі, раніше я також писав про суб’єктивність командного голосування та про те, як можна мінімізувати упередження учасників воркшопу.
Рольова гра допомагає унаочнити процес взаємодії з продуктом чи послугою.
Приклад: ваша команда описала взаємодію з вебдодатком як послідовність наліпок. Проте незрозуміло, який вигляд цей сценарій матиме в реальності. Ви розподіляєте команду на пари, призначаєте ролі («Додаток» та «Користувач») і просите пари розіграти сценарій. У результаті команда візуалізує, як користувач буде взаємодіяти з додатком у реальному житті.
Читайте також: Повернемо персонам колишню велич за 7 простих кроків
Розбір — це допоміжна активність, яка гарантує, що члени команди порозумілися.
Приклад: члени команди щойно закінчили розкадрування, але тепер ці «комікси» зрозумілі лише їхнім авторам. Ви даєте кожному учаснику кілька хвилин, щоб презентувати свої ідеї, поки інші слухають. І врешті усі члени команди зрозуміють, що означає кожна замальовка.
Тепер візьмемо один із популярних форматів воркшопів — створення мапи користувацької подорожі — та з’ясуємо, чому він організований таким чином. Хоча я обрав спрощену версію, вона все одно має складний вигляд: кілька рядків, багато стовпців, різні кольори наліпок. Але за хвилину ви впізнаєте 13 базових вправ, які формують користувацьку подорож.
Будь-який складний воркшоп — це лише послідовність базових вправ.
Ось вправи, необхідні для складання мапи на воркшопі:
А ось анімація, яка показує весь воркшоп:
13 базових вправ для створення мапи користувацької подорожі.
Бачите, як ми можемо проаналізувати складний воркшоп? Це вам не вища математика, а лише сукупність різних вправ, що йдуть у певній послідовності. Результати попереднього кроку стають вхідними даними для наступного. Це дуже легко: потрібно спершу визначити етапи, щоб намітити важливі дії користувача; дії користувача допомагають згадати больові точки; і лише потім можна генерувати рішення, адже вони мають бути спрямовані на розв’язання проблем користувача. А дві сесії голосування у проміжках між писанням ідей на наліпках допомагають не втратити фокус на головному.
Короткі висновки:
Складність базових вправ полягає у тому, що ці будівельні блоки можуть мати різні властивості залежно від цілей та динаміки групи під час воркшопу. Ось декілька проблем, які ви, можливо, захочете розв’язати:
Нижче я зібрав змінні, іншими словами, варіації, з якими фасилітатори працюють найчастіше. Це способи пристосувати базову активність до вашого конкретного випадку.
Наліпки можуть мати різні розміри, кольори та правила організації контенту.
Приклад: для розминки на початку воркшопу ви роздаєте маленькі жовті наліпки й просите учасників зобразити свій поточний настрій одним емодзі. Але в іншій вправі ви роздаєте червоні наліпки середнього розміру, і завдання тепер — сформулювати проєктні ризики та обмеження за допомогою декількох ключових слів.
Групування може мати різну кількість груп та особливі правила складання заголовків.
Приклад: ваша команда ніколи раніше не брала участь у воркшопах і не знає, якою має бути гранулярність групування. Тож, ви рекомендуєте учасникам створити 3–5 груп, що містять понад п’ять наліпок, і назвати їх у форматі «Як ми можемо … {розв’язати проблему X}?»
Створення мапи базується на певній канві, яка і визначає хід вправи.
Приклад: якщо ви розставляєте пріоритети для функцій продукту, то краще спочатку нагенерувати ідеї цих функцій, а потім організувати за пріоритетністю на канві. Але коли ви візуалізуєте певний процес, то ліпше взяти порожню канву зі стрілою часу і заповнювати її крок за кроком.
Детальність та фокус уваги розкадрування залежать від шаблонів, які ви даєте учасникам.
Приклад: під час воркшопу ви зосереджуєтеся на всьому шляху користувача, пов’язаному з вашим продуктом, а не лише на діях із цифровим пристроєм. Отже, ви роздаєте порожні аркуші паперу без будь-яких заздалегідь визначених елементів. Але якщо ви хочете зосередитися на ідеях щодо інтерфейсу, є сенс роздати аркуші з сітками та схематичним зображенням цифрових пристроїв.
Голосування показує різні результати залежно від розподілу голосів та порядку голосування.
Приклад: Одна з керівниць компанії несподівано вирішила відвідати ваш воркшоп. Ви знаєте, що вона має власну думку щодо стратегії і любить використовувати посадовий вплив на командні рішення. Отже, ви надаєте їй додаткову крапку для голосування, але просите голосувати за пункти стратегії лише після решти учасників.
Ранжування залежить від критеріїв оцінювання, а також власне оцінок.
Приклад: ваша команда має визначити пріоритетні ідеї для нових функцій продукту. Ви обрали три важливі критерії: технічну доцільність, очікувану прибутковість для бізнесу та бажаність для користувачів. Ви можете створити таблицю з трьома стовпчиками і використати наліпки з числами, щоб вирахувати оптимальний варіант за обраними критеріями. Ідеї нових функцій, які у підсумку набрали максимальну кількість балів, є пріоритетними.
Ця вправа особлива: у неї мало стандартних елементів. Кількість і тип ролей можуть різнитися від одного воркшопу до іншого. Ви також можете підготувати реквізит для кращої реалістичності (наприклад, швидкий паперовий прототип), або учасники можуть імпровізувати та вдавати, що використовують цифрові пристрої чи імітують якісь дії.
Приклад: ви розумієте, що команда ніколи раніше не проводила рольових ігор та може відчувати страх і збентеження. Отже, ви показуєте приклад рольової гри зі співведучим і оснащуєте людей реквізитом (швидкими паперовими прототипами), щоб вони почувалися впевненіше і швидше вжилися у своїх персонажів.
До розбору можна залучати усіх або лише фасилітатора, а тому тривалість буде різною.
Приклад: попередня вправа була рольовою грою, і учасники працювали в групах по три особи. Тепер ви даєте кожній групі по 3 хвилини, щоб вони поділитися тим, що виявили або зрозуміли.
Короткі висновки:
Сюрприз-сюрприз, домашнє завдання!
Тепер погляньмо, як ви вирішите ось такі ситуації.
Ви могли чути про модель «подвійний діамант/ромб» (double diamond), але що це означає на практиці? Ми почнемо з основ і поступово перейдемо до діаманта, а потім і до подвійного. Ви вже знаєте вісім базових вправ, але вони можуть робити з інформацією лише дві речі: розширювати (diverge) і звужувати (converge).
Розширення означає отримання інформації з нуля або завдяки збільшенню кількості інформаційних шматочків. Цей англомовний термін легше запам’ятати, якщо асоціювати його зі словами «різноманітний» (diverse) або «зануритися глибше» (dive deeper). У реальному житті процес розширення означає, що у вас є одна або кілька наліпок, і завдяки певній вправі ви отримуєте більше наліпок з ідеями.
Завдяки розширенню одиниця інформації перетворюється на добірку різноманітних ідей і поглядів.
Приклади:
Розширення — це не просто теоретична річ; воно тісно пов’язане з певними базовими вправами. Наприклад, ваша команда може застосувати розширення завдяки нотуванню, розкадруванню та рольовій грі.
Активності, що розширюють: нотування, розкадрування та рольова гра.
Звуження протилежне розширенню: воно добуває найбільш значущу або пріоритетну частину інформації із загального обсягу даних. Англомовний термін «звуження» (converge) схожий на «стиснення» (condense) та «підбиття підсумку» (conclude). На практиці це дає змогу із багатьох наліпок отримати порівняно невелику добірку ключових думок.
Звуження зводить всю інформацію до кількох ключових моментів.
Приклади:
І знову ж, звуження можна легко прослідкувати у базових вправах, а саме під час сортування, створення мапи, голосування і ранжування.
Активності, що звужують: сортування, створення мапи, голосування, ранжування.
А як щодо розбору (playback)? Ця унікальна вправа особливо не змінює інформацію — вона просто гарантує, що учасники зрозуміли висновки та погодилися з ними.
Діамант з’являється внаслідок поєднання стадій розширення та звуження. Наприклад, ваша команда виявляє проблему, потім проводить мозковий штурм і, нарешті, обирає найкраще рішення для впровадження.
Поєднання розширень та звужень під час воркшопу утворює ромб.
Але чому подвійний? Це настільки зручне поєднання «розширення / звуження», що люди часом забувають, що означають його частини. Подвійний діамант описує хід думок, щоб визначити проблему та знайти її вирішення.
Подвійний діамант виникає через чергування розширень і звужень інформації.
Короткі висновки:
Пам’ятаєте про створення мапи? Ця вправа завжди базується на якійсь канві — або ретельно підготовленій, або імпровізованій.
Канви допомагають розкласти і передати складні ідеї, але розмаїття цих сітчастих аркушів лякає. Горді автори часто заявляють, що саме їхня канва є унікальною і єдиною «правильною». Заради справедливості зазначу, що деякі брендовані канви навіть стали стандартом у сфері інновацій. Однак усі вони схожі за своєю природою і складаються з чотирьох основних компонентів:
Усі канви мають однакову природу: блоки, правила, структуру та порядок заповнення.
Погляньмо детальніше на кожен з елементів.
Канви накопичують інформацію структуровано, тому вони не можуть існувати без блоків контенту. Блоки схожі на шухляди та полички у шафі, де ви зберігаєте одяг чи побутові речі. Призначення канви багато в чому залежить від її блоків. Наприклад, деякі канви формують цілісне бачення якогось явища, тоді як інші зіштовхують протилежні погляди.
Блоки контенту схожі на шухляди для поетапного збирання інформації.
Приклад: відома канва мапи користувацької подорожі складається з етапів, дій користувача, больових точок та ідей розв’язання проблеми. Ці блоки розміщені у часовій послідовності та символізують взаємодію користувачів із продуктом або послугою.
Гаразд, у нас є блоки. Тепер лише важливо пересвідчитися, що учасники заповнюватимуть їх якісним, стислим і актуальним контентом, що базується на досвіді, а не вигадках. Люди думають і формулюють думки по-різному: наприклад, дехто орієнтований на рішення, а інші відразу помічають ризики. Ось чому канви містять рекомендації щодо очікуваного вмісту. Без правил ви ризикуєте отримати ідеї нових функцій у розділі «больові точки» або скарги у блоці «можливості».
Правила забезпечують отримання відповідної інформації.
Приклад: на канві мапи емпатії є блок «больові точки». Він повинен містити те, що засмучує користувачів. Для опису «болю» потрібно використовувати негативні формулювання (фрази «відсутність», «важко», префікси не-, ні-). Якщо ви не поясните це, члени вашої команди можуть перестрибнути до рішень рано і написати, як вони збираються розв’язати проблеми, так і не сформулювавши власне проблеми.
Правила щодо блоків та контенту гарантують отримання інформації, а як щодо читання канви після завершення її заповнення? Потрібно встановити логічні зв’язки між її частинами. Розмір і форма блоків, сусідні розділи, загальний вигляд — ці та інші параметри передають глибшу думку, ніж окремі наліпки.
Загальний дизайн канви передає глибше повідомлення, ніж окремі частини.
Приклад: відома канва бізнес-моделі розповідає історію функціонування бізнесу. Уявіть, що це просто дуже довге речення: разом із {Партнерами} наша компанія, яка виконує {Дії} та має {Ресурси}, продає товари з {Ціннісною пропозицією} через {Канали} та {Зв’язки} нашим {Споживачам}. У результаті бізнес несе {Витрати} та приносить {Дохід}.
І насамкінець, ті, хто створюють канву і працюють з нею на воркшопі, мають розуміти, що читання та заповнення — це два різні процеси. Як фасилітатору вам потрібно скеровувати мислення команд, мінімізувати упередженість та забезпечувати, щоб люди не перестрибували через важливі кроки. Іноді доводиться починати з кінця — спочатку поставити мету, а потім подумати про те, як її досягти.
Порядок заповнення канви мінімізує суперечки і зменшує упередженість команди.
Приклад: у популярній канві ціннісної пропозиції є два боки, які учасники заповнюють справа наліво. Ви спершу працюєте над пунктом «профіль споживача», а потім переходите до «пропозицій компанії». Зворотний порядок допомагає поставити на перше місце погляд і потреби споживачів та перевірити, чи відповідають бізнес-ідеї ринку.
Короткі висновки:
1. Навіть складний воркшоп складається з простих кроків.
Воркшопи можуть мати різні назви, але вони завжди складаються з базових вправ. Залежно від порядку та кількості вправ воркшоп набуває особливої форми і веде усіх до потрібних результатів.
2. Будь-яку «атомарну» вправу можна адаптувати.
Деталі мають значення: кількість кадрів у сторіборді, порядок голосування, колір наліпок тощо. Варіації допомагають економити час, долати непорозуміння та уникати руйнівних конфліктів.
3. Ви або розширюєте, або звужуєте інформацію.
Команда завжди спочатку генерує варіанти, а потім обирає найкращі з них. Якщо уявити рух інформації графічно, то цей процес має вигляд ромбів, або ж діамантів. Ось так і працюють воркшопи.
4. Будь-яка канва — інструмент, а не релігія.
Усі канви побудовані зі схожих складників і за однаковими законами, хоча і набувають різних кінцевих форм. Канва допомагає візуально структурувати інформацію та поєднати експертизу і досвід усіх членів команди.
Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.
Неоморфізм: український внесок у світовий UI-дизайн
Як ставити цілі та досягати їх
Киньте 10 гривень: як закривати збори з невеликою аудиторією в соцмережах
З маркетингу в дизайн: як я змінила професію, в якій працювала 8 років
Айдентика для мережі барбершопів «UNLMTD» у Варшаві
Українська ідентичність у шрифтовій індустрії