Дизайн-команда в продуктовой компании
Transcript of Дизайн-команда в продуктовой компании
![Page 1: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/1.jpg)
ОТ ДИЗАЙН-КОМАНДЫК ДИЗАЙН-КУЛЬТУРЕ
Как интегрировать дизайнеров
ЮРИЙ ВЕТРОВ
MAIL.RU GROUP
![Page 2: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/2.jpg)
ПРОДУКТОВЫЙ ДИЗАЙНЕР
ФРЕЙМВОРКUX-СТРАТЕГИИ
КАК ПОСТРОИТЬ СВОЮ ПЛАТФОРМУ
КАК ВНЕДРЯТЬНА ПРАКТИКЕ
АНАЛИТИКА И ИССЛЕДОВАНИЯ
ОТ ДИЗАЙН-КОМАНДЫ К ДИЗАЙН-КУЛЬТУРЕ
![Page 3: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/3.jpg)
ИДЕАЛЬНЫЙ ДИЗАЙН-ПРОЦЕСС?Лет пять-семь назад я бы рассказывал о нем.
Какие этапы работ проходит дизайнерская задача, чтобы мы смогли понять, что и как делать. А после этого – передать результат в разработку и по ходу процесса отслеживать качество реализации.
![Page 4: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/4.jpg)
ДИНАМИЧЕСКИЕ ХАРАКТЕРИСТИКИ Команда
Лидеры
Культура
![Page 5: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/5.jpg)
КОМАНДА
![Page 6: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/6.jpg)
НУЖНЫПРОДУКТОВЫЕ ДИЗАЙНЕРЫГотовы взять на себя ответственность за продукт и не ограничиваться каким-то одним титульным навыком (исследования, визуальный дизайн, информационная архитектура, проектирование взаимодействия и т.д.).
![Page 7: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/7.jpg)
1.ЦЕНТРАЛИЗОВАННЫЙПо сути, мы создаем внутреннее дизайн-агентство, которое решает задачи сразу нескольких продуктов.
![Page 8: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/8.jpg)
2.ПОГРУЖЕННЫЙКлассический формат для стартапов и многих продуктовых компаний – дизайнер находится внутри команды разработки.
![Page 9: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/9.jpg)
3.РАСПРЕДЕЛЕННЫЙЦентрализованный и погруженный предполагают или/или –со всеми их плюсами и минусами. А если взять лучшее из двух миров?
![Page 10: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/10.jpg)
А.ЧАСТЬ ПРОДУКТАДизайнеры – часть продуктовой команды, находятся внутри нее. Это позволяет им глубоко понимать продукт, быстро реагировать на все запросы команды и накапливать авторитет на принятие сложных решений.
![Page 11: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/11.jpg)
Б.ОТВЕТСТВЕННОСТЬ ШИРЕПомимо продуктовых задач, каждый дизайнер берет на себя ответственность по какой-то из частей общего стиля и логики работы интерфейса.
![Page 12: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/12.jpg)
В.МОБИЛЬНОСТЬДизайнер условно привязан к рабочему месту. Основную часть времени он работает в продуктовой команде, но может переезжать к другим дизайнерам для решения задач по всей продуктовой линейке.
![Page 13: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/13.jpg)
Г.ДРУЖБАНЫБольшое количество общих активностей между дизайнерами компании позволяет вариться в узкопрофессиональной среде и сохранять мотивацию. Обмен знаниями, пиво, общие задачи по унификации, брейнштормы на тему будущего развития и т.п.
![Page 14: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/14.jpg)
ЧТО ДЕЛАТЬ С МАРКЕТИНГОМ?Является ли он частью продуктовой команды или централизован? Вопрос возникает у многих компаний.
![Page 15: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/15.jpg)
АДАПТИВНАЯ СТРАТЕГИЯВ разные периоды жизни дизайна в компании нужны разные подходы.
На старте часто не обойтись без жесткого формата, когда дизайн-команда замыкает почти всё на себя. А по мере взросления постепенно переходить к распределенному.
![Page 16: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/16.jpg)
ЛИДЕРЫ
![Page 17: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/17.jpg)
КОРОЛЬ ДИЗАЙНА?Многим приходит на ум фигура вроде Джонни Айва. Но на практике единый «король дизайна» в компании не всегда получается и не всегда нужен.
![Page 18: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/18.jpg)
ЛОКАЛЬНЫЕ ЛИДЕРЫПоэтому правильнее говорить о локальных лидерах, отвечающих за свой участок и координирующихся друг с другом. Можно начать с качеств, которые важны для них.
![Page 19: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/19.jpg)
1.ВИДЕНИЕОбладает видением того, куда должен развиваться дизайн, вдохновляет им и проводит его в жизнь. Как в плане конкретных решений и гайдлайнов, так и в плане практик и методов, процессов.
![Page 20: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/20.jpg)
2.РАЗВИТИЕ КОМАНДЫПомогает дизайнерам делать интересную работу и расти, оставаясь бодрыми и мотивированными.
![Page 21: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/21.jpg)
3.ФАСИЛИТАЦИЯПомогает менеджерам и разработчикам лучше и правильнее взаимодействовать с дизайнерами.
![Page 22: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/22.jpg)
4.ЛИДЕР, А НЕ БОССПроводит видение в жизнь, но не занимается микро-менеджментом и дает людям автономию. А если вдруг все заняты или кто-то заболел – может сделать нужную работу руками.
![Page 23: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/23.jpg)
КОМБИНАЦИЯ ФОКУСОВОдному лидеру сложно эффективно работать на всех трех уровнях – оперативном, тактическом, стратегическом.
![Page 24: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/24.jpg)
Ицхак Адизес предлагает модель PAEI для характеристики менеджеров. Нужно прокачать четыре составляющих – производство, администрирование, предпринимательство и интеграция.
![Page 25: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/25.jpg)
ТРИ УРОВНЯ ЗАБОТЫ Общее направление развития дизайна в компании и ее
продуктовой линейке.
Уровень продуктов, как они будут развиваться.
Уровень кросс-продуктовых решений, унификация (иконки, анимация, скриншоты в магазинах приложений).
![Page 26: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/26.jpg)
МЕЖПРОЕКТНАЯРАБОЧАЯ ГРУППАНужна для создания и внедрения единых гайдлайнов для всей продуктовой линейки.
Выделенная команда
Ситуативная
Клуб дизайн-менеджеров
![Page 27: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/27.jpg)
КУЛЬТУРА
![Page 28: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/28.jpg)
ФРОМ МАЙ ХАРТМы должны достучаться до каждого менеджера, разработчика, тестировщика, маркетолога. Объяснить, что и зачем мы делаем в плане дизайна; каких целей хотим добиться и куда идем; что важно, а что опасно.
Они должны понимать, что мы делаем и почему, чтобы быть на нашей стороне и поддерживать нас.
![Page 29: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/29.jpg)
1.КАЧЕСТВО ВЫШЕЕсли обучить их базовым правилам и принципам хорошего дизайна, то они смогут отличать хорошее от плохого и быть нашими глазами и руками на своем уровне – как минимум не допускать ошибок самим, а еще лучше – показывать нам на наши недоработки.
![Page 30: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/30.jpg)
2.МЫСЛЕЙ БОЛЬШЕКультура поможет и при проработке функциональности. Подходы к проведению рабочих сессий, более качественные предложения и осведомленность о трендах – это все сделает не-дизайнеров более полезными.
![Page 31: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/31.jpg)
3.СОПРОТИВЛЕНИЕ СРЕДЫ МЕНЬШЕКоманда получает авторитет и кредит доверия. К ней постоянно прислушиваются, приходят с проблемами, а не готовыми решениями.
![Page 32: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/32.jpg)
ПРОЦЕССЫ
![Page 33: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/33.jpg)
ЛУЧШИЕ ПРАКТИКИНужно определить ключевые этапы работ по типовым задачам – от создания концепции нового продукта до поддержки существующих.
Они будут ориентиром, из которого для каждой конкретной ситуации подбирается план действий.
![Page 34: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/34.jpg)
ПЛАНИРОВАНИЕНеобходимо вести его на краткосрочной, среднесрочной и долгосрочной дистанциях.
![Page 35: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/35.jpg)
ОБЕСПЕЧЕНИЕ КАЧЕСТВА РЕАЛИЗАЦИИ ДИЗАЙНАНужен стандартизированный механизм контроля качества выпускаемых продуктов. Дизайн-ревью для проверки точности реализации дизайна, оценка юзабилити, аналитика на соответствие поставленным бизнес-задачам.
![Page 36: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/36.jpg)
ИНСТРУМЕНТЫНеобходимо выбрать и отладить оптимальный инструментарий для:
проектирования и дизайна
хранения и обмена знаниями и проектными артефактами
планирования и отслеживания эффективности
![Page 37: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/37.jpg)
РАБОТА С АУТСОРСЕРАМИПолезно создавать проверенный пул, чтобы быстро запускать работу. Зачастую это проблема – пока найдешь, пока договоришься, пока пройдут все юридические формальности…
![Page 38: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/38.jpg)
ПРОФЕССИОНАЛЬНЫЙ РОСТВажно запустить процессы обучения и профессионального развития специалистов в команде. Обмен знаниями, конференции и тренинги, новые профессиональные вызовы.
![Page 39: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/39.jpg)
ШИРОКИЙ КРУГ ЗАДАЧЧтобы дизайнеры не закисали в рутине, нужно переключать их от основных проектных задач:
Проектные
Инфраструктурные
Визионерские
![Page 40: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/40.jpg)
КО-ДИЗАЙНОдин из лучших способов прокачки дизайн-культуры. Любая более-менее серьезная функциональность продумывается небольшой рабочей группой – продукт-менеджер, дизайнер, ведущий разработчик.
![Page 41: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/41.jpg)
ВСТРЕЧИ БЫВАЮТ ХОРОШИМИИх часто демонизируют, говорят что это губитель всего живого. Все верно, если собирается десяток человек.
![Page 42: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/42.jpg)
ЧТО В ИТОГЕ?
![Page 43: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/43.jpg)
Роль жестко формализованных процессов все меньше.
Нужно плавно переходить к распределенному формату.
Если сформировать дизайн-культуру, вашей дизайн-командой станет вся компания.
Для этого нужна команда локальных лидеров.
![Page 44: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/44.jpg)
P.S.Помните, что вы команда не только среди дизайнеров, но и со всей компанией. Не создавайте хрустальных домиков, не будете похожи на злобных гномиков :)
Задумайтесь, не воспринимают ли коллеги вас так сейчас.
*
*
![Page 45: Дизайн-команда в продуктовой компании](https://reader034.fdocuments.us/reader034/viewer/2022051516/55c4a8acbb61eb531f8b4833/html5/thumbnails/45.jpg)
СПАСИБО!ЮРИЙ ВЕТРОВ
Photos used:
www.jvetrau.com twitter.com/jvetrau