Інтенсив за продуктового дизайну від команди Mail.Ru Group у Британці

минулого тижня закінчився інтенсив за продуктового дизайну у Британці, який курирували дизайнери Mail.Ru Group. Ми вже кілька років виступаємо з лекціями та майстер-класами в БВШД, викладаємо в освітніх програмах в Бауманке та інших університетах, а тепер упакували все це в цілісний курс.

Інтенсив за продуктового дизайну від команди Mail.Ru Group в Британку

Інтенсив Mail.Ru у Британці: Всі відразу

Кілька років тому Ярослав Шуваєв запустив інтенсив по UX&UI Британській Вищій Школі Дизайну. Взимку і влітку набирається група з 30-40 студентів, які протягом 8 днів щільної роботи прокачують свої навички в продуктовому дизайні і роблять навчальний проект, що показує отримані знання. Причому він виявився настільки популярним, що річний набір стали ділити на декілька потоків, щоб групам було працювати комфортніше. У цьому році один з цих потоків віддали курирувати дизайнерам Mail.Ru Group (28 червня-6 липня)

Нам є що розповісти про те, як сучасні підходи до дизайну інтерфейсів дозволили однієї з найбільших вітчизняних компаній зробити якісний стрибок у своєму розвитку. Наприклад, протягом кількох останніх років був запущений міжнародний бренд My.com, на власну дизайн-систему переводяться цілі лінійки продуктів Mail.Ru Group, а мобільні додатки постійно потрапляють в офіційні збірки кращого за рік на Android і iOS. Звичайно, є ще місця, де компанію справедливо дорікають, але ми знаходимося в середині великого шляху по масштабному оновленню. І багатьом компаніям, які тільки починають свій шлях до систематизації дизайну, досвід лідера буде корисний.

Щоб вкластися у досить короткий термін і зробити роботу системної, ми взяли за основу варіацію дизайн-мислення від Google Ventures   дизайн-спринти. Разом з версією від IBM, це два хороших приклад того, як можна адаптувати методологію, злегка втратила колишньої флер, під реальні завдання продуктового дизайну. Дизайн-спринт лягає на формат інтенсиву не зовсім чисто, але навчальний план вийшов близьким до основної ідеї.

День 0: Знайомство
Перший день — знайомство з курсом і основами дизайн-процесу. Більшість студентів — практикуючі фахівці, тому їм не потрібно розжовувати базові дрібниці. Але нагадати про ключові посили буває корисно, тим більше, якщо вони вбудовуються в цілісну історію багатоденної навчальної програми. Комусь курс допомагає прокачати навички, комусь — вийти з поточної робочої середовища і освіжити знання, а є кілька менеджерів продуктів, які хочуть краще зрозуміти дизайнерів.

Інтенсив Mail.Ru у Британці: Вступна

Розповідь про курс і Британці (Я. Шуваєв і я, плюс представники Британки)
Ярослав Шуваєв (БВШД)Юрій Вітрів (Mail.Ru Group)

Презентация.

Основи психофізіології (Я. Шуваєв)
Ярослав Шуваєв (БВШД)

Презентация.

Дизайн-процес (Д. Осадчук)
Дмитро Осадчук (Mail.Ru Group)



UX-стратегія (Ю. Вітрів)
Юрій Вітрів (Mail.Ru Group)



Роль продуктового дизайнера (Ю. Вітрів)
Юрій Вітрів (Mail.Ru Group)



Презентація навчальних проектів і поділ на команди
Друга задача дня знайомства — зібрати команди навчальних проектів. Сильна сторона інтенсивів Британки в тому, що запрошуються представники великих вітчизняних компаній, за рахунок чого задачі більш реалістичні. У нас було 6 завдань:





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

День 1: Розуміння проблеми
Другий день інтенсиву і перший день дизайн-спринту група присвятила вивченню простору проблем. Якщо перекласти розклад на модель подвійного алмазу від British Design Council, то в цей день важливо було просунутися в розумінні бізнесу, користувачів та їх проблем, які може вирішити потенційний продукт. Іван Михайлов, який встиг попрацювати проектувальником інтерфейсів і менеджером продукту, відмінно провів їх з цього шляху. У підсумку групи отримали ранжируваний набір проблем, з яких вибрали найбільш цінні для бізнесу і користувачів. Їх належало глибше проаналізувати на наступний день.

Інтенсив Mail.Ru у Британці: Розуміння проблеми

Дизайн-мислення (Ю. Вітрів)
Юрій Вітрів (Mail.Ru Group)



Користувальницькі дослідження (К. Стернина)
Ксенія Стернина (Mail.Ru Group)



Очікування від продукту (В. Михайлов)
Іван Михайлов (Mail.Ru Group)



Сайд-проекти (В. Силкін)
Ігор Силкін (Mail.Ru Group)



День 2: Пошук гіпотези вирішення
Другий день дизайн-спринту присвячений опрацюванню найбільш цінних проблем для бізнесу і користувача з описаних в попередній день. Студенти глибше пропрацювали сценарії декількох варіантів, вивчили ринок та рішення конкурентів. На виході вийшли зв'язкові скетчі п'яти продуктових рішень, які показують різні способи вирішення проблеми. Практичну частину вели Діма Осадчук, Ігор Силкін, Костя Зубанов, Слава Яшков і Андрій Сундиев.



Аналітика та дослідження для дизайнерів (Ю. Вітрів)
Юрій Вітрів (Mail.Ru Group)



Креативні методики (Д. Осадчук)
Дмитро Осадчук (Mail.Ru Group)



Швидке прототипування (Д. Осадчук і В. Силкін)
Дмитро Осадчук (Mail.Ru Group)Ігор Силкін (Mail.Ru Group)



День 3: Концепція вирішення
Третій день дизайн-спринту — вибір рішення, найбільш цінного для бізнесу і користувачів. З п'яти варіантів студенти визначають найбільш перспективний підхід, а після цього більш детально опрацьовують його. З'являється повний сценарій використання продукту, продумуються конкретні екрани, закладається основа для фінального рішення. Практичну частину вели Артем Гладков, Андрій Сундиев і Слава Яшков.

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



Принципи роботи команди (Ю. Вітрів)
Юрій Вітрів (Mail.Ru Group)



Гайдлайны і обмеження для інтернету і мобільних (Ст. Яшков, К. Зубанов і А. Гладков)
Слава Яшков (Mail.Ru Group)Костя Зубанов (Mail.Ru Group)



Версія з анімацією.

Артем Гладков (Mail.Ru Group)



Адаптивність (А. Гладков)
Артем Гладков (Mail.Ru Group)



День 4: Прототип вирішення
Четвертий день дизайн-спринту — це створення детального прототипу рішення, який буде перевірятися наживо. Тут нарешті починається робота з комп'ютерними дизайнерськими інструментами для створення макетів, прототипів та анімації. У продукту з'являється візуальний стиль, характер, його можна помацати на живо на пристрої. В плані знань це один з найбільш навантажених днів — дуже багато лекцій. Практичну частину вели Костя Зубанов, Артур Касимов, Влад Поляків та Ігор Силкін.



Sketch (О. Андріанов)
Олег Андріанов (ВК)



Самоорганізація дизайнера і системний підхід (А. Сундиев)
Андрій Сундиев (Mail.Ru Group)



Як справлятися з хаосом (Ст. Поляків і А. Касимов)
Влад Поляків (Mail.Ru Group)Артур Касимов (Mail.Ru Group)



Анімація (В. Силкін і К. Зубанов)
Ігор Силкін (Mail.Ru Group)Костя Зубанов (Mail.Ru Group)



Версія з анімацією.

Прототипування (К. Зубанов)
Костя Зубанов (Mail.Ru Group)



Версія з анімацією.

Каліграфія, леттерінг, шрифт (М. Пономаренко)
Михайло Пономаренко (Mail.Ru Group)



День 5: Тестування прототипу
Останній день дизайн-спринту повинен допомогти студентам перевірити своє рішення на практиці. З допомогою коридорного юзабіліті-тестування вони бачать, як з прототипом працюють потенційні користувачі і після кожної сесії допрацьовують його. У підсумку день перетворюється в постійний потік отримання зворотного зв'язку і итеративных змін, у ході яких майбутній продукт шліфується і стає ближче до реальності. Оскільки в цей період на території нашого корпусу Британки людей було небагато, у якості респондентів виступали учасники сусідніх команд, які по колу переходили до наступної групи. Практичну частину вели Ксенія Стернина і Ганна Преображенська.



Продуктові метрики (В. Михайлов)

Іван Михайлов (Mail.Ru Group)



Юзабіліті-тестування (К. Стернина і А. Преображенська)

Ксенія Стернина (Mail.Ru Group)Анна Преображенська (Mail.Ru Group)



Вихідний
Програма курсу дуже щільна і крім лекцій та практичної частини, студентів доводиться сидіти вечорами і ночами, для того щоб добре просунутися по завданню. Для цього в середині інтенсиву робиться вихідний, щоб вони змогли выходнуть і підготуватися до наступного ривка. Але ми не хотіли розривати дизайн-спринт, тому вільний день видався ближче до кінця. Як правило, студенти йдуть в гості до офісу однієї з компаній, представлених на интенсиве, і цього разу вони зайшли в Mail.Ru Group.



День 6: Ретроспектива, поліпшення продукту і підготовка презентації
Після того, як вивчена продуктова ідея, сформульована проблема і знайдено рішення, навчальні групи готуються до презентації та захисту проекту. Їм потрібно укласти розповідь 5-10 хвилин, передбачивши багато з питань журі. Сама підготовка презентації   ще один привід поліпшити прототип, адже по ходу прогону розповіді регулярно спливають нестиковки. Ну а оскільки цей день вільніше інших, команди мають можливість зробити своє рішення ще краще. Практичну частину вели Іван Михайлов і Костя Рубців.

Інтенсив Mail.Ru у Британці: Ретроспектива і поліпшення

UI Kit і дизайн-системи для інтернету і мобільних (Ю. Вітрів, А. Сундиев, Ст. Поляків, А. Касимов)
Юрій Вітрів (Mail.Ru Group)



Андрій Сундиев (Mail.Ru Group)



Влад Поляків (Mail.Ru Group)Артур Касимов (Mail.Ru Group)



Дизайн-менеджмент (К. Рубців)
Костянтин Рубців (Mail.Ru Group)



Як презентувати проекти (В. Михайлов)
Іван Михайлов (Mail.Ru Group)



Фінальний день: Презентація проектів
Перед захистом проектів у студентів було ще достатньо часу щоб потренуватися і поліпшити прототип і презентацію. Ближче до кінця дня зібралося журі з кураторів проектів, які повинні були дати зворотний зв'язок по підсумковим презентацій.



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

Основи цифрового маркетингу (Я. Шуваєв)
Ярослав Шуваєв (БВШД)

Презентация.

Навчальні проекти
Загальна схема інтенсиву — лекції до обіду і практична робота. Для того, щоб якось знизити тиск на студентів, ми намагалися вставляти в другу половину дня перебивки — кількагодинний майстер-клас краще освіжати. Набір розбивається на кілька груп, які працюють над навчальними проектами. Результатом кожного дня повинна стати підготовка до наступного — програма дуже щільна і хвостів краще не залишати. Причому важливо, щоб вони постійно отримували зворотній зв'язок від представників проектів. Часта проблема студентських робіт у тому, що вони показують проміжний результат куратору ближче до кінця, коли пізно щось міняти. Ми постійно нагадували лідерам команд, щоб вони тримали постійний зв'язок з продуктом — це ще один важливий аспект продуктової роботи, який потрібно засвоїти після інтенсиву.

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

2ГІС
В одного з провідних вітчизняних картографічних сервісів є постійна задача — актуалізувати інформацію про точках на карті. Зараз компанія платить агентам за оновлення інформації, але щорічні витрати пристойні. Студенти повинні були подумати над альтернативними рішеннями, які дозволять 2ГІС заощадити.

Презентація, Відео

Сбербанк: Помічник
Банки активно думають в бік персональних фінансових менеджерів, які допоможуть клієнту ефективніше управляти витратами. Це підвищує лояльність і краще прив'язує до компанії. Команда повинна була запропонувати своє бачення такого продукту.

Інтенсив Mail.Ru у Британці: Команда Ощадбанку

Відео

Музика Mail.Ru
Вічна головний біль будь-якого сервісу споживання контенту — ефективна система рекомендацій, яка підкаже користувачеві більше підходящих для нього фільмів, музики або новин. В результаті він активніше використовує сервіс і з більшою охотою повертається туди. Студенти повинні були подумати про систему рекомендацій для музичного сервісу. Команда цього проекту розділилася на дві частини, так що вийшло дві ідеї.

Команда №1

Інтенсив Mail.Ru у Британці: Команда Музики №1

Відео

Команда №2

Презентація, Відео

Фотки Mail.Ru
Телефони стали божевільними генераторами фотографій і відео, так що їх пам'ять моментально забивається (тим більше, що найбільш популярні моделі з мінімальним обсягом вбудованого сховища). Цю проблему вирішують як вбудовані в платформу хмарні сервіси, так і сторонні. Але в їх роботі є багато дрібних проблем, які псують враження. Студенти повинні були запропонувати більш акуратне рішення, де користувач ніколи не думає про вільному місці на пристрої.

Інтенсив Mail.Ru у Британці: Команда Фоточки

Відео

ICQ
Месенджери дичайше популярні останні роки, при цьому вони постійно намагаються перевинайти себе   відео, боти, снэпы і т. п. Якісь з цих ідей доповнюють звичну мехнику, якісь зовсім ламають її. Команда повинна була запропонувати рішення для відео-месенджера, яким може стати ICQ.

Інтенсив Mail.Ru у Британці: Команда ICQ

Відео 1, Відео 2, Відео 3

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

Інтенсив Mail.Ru у Британці: Команда Acronis

Відео

Підсумки
Хоча для нас це не перший досвід створення і проведення цілісної навчальної програми, вперше ми зробили це великою групою дизайнерів. Серед викладачів були дизайнери різних підрозділів Mail.Ru Group, які рідко взаємодіють між собою з робочих питань. Ми навчилися краще координуватися один з одним, що допоможе і в основній роботі — в якомусь сенсі це вийшов невеликий тім-білдінг. А також прокачали навички виступів, адже для багатьох це були перші презентації — вони міцні практики і їм є чим поділитися.

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

Спасибі Ярославу Шуваеву, засновнику інтенсиву, за можливість зробити цей курс. А також студентам, які викладалися по повній і горіли очима по ходу всіх 8 днів. Ну і, звичайно, всій нашій команді викладачів: Ксенія Стернина, Іван Михайлов, Олег Андріанов, Артур Касимов, Влад Поляків, Мітя Осадчук, Артем Гладков, Андрій Сундиев, Слава Яшков, Костя Зубанов, Ганна Преображенська, Ігор Силкін, Костянтин Рубців і Михайло Пономаренко.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.