Карта компетенций: Дизайнер интерфейсов (Юрий Ветров и Лена Куликова)

Юрий Ветров и Лена Куликова рассказали о том, как склеили две карты компетенций из Mail.ru Group и Райффайзенбанка и перенесли в Vectorly. Структура компетенций и чеклист для каждого навыка, процесс оценки и индивидуальные планы развития, по которым развиваем команду из 45 дизайнеров.

Transcript

1. Просто. Четко.
   
   
   Компетентно.
   Карта
   

   компетенций:
   

   Дизайнер
   

   интерфейсов
   Юрий Ветров и Лена Куликова
   
   
   Райффайзенбанк
   Юрий Ветров и Лена Куликова
   
   
   Райффайзенбанк
   

   View Slide

2. Просто. Четко.
   
   
   Компетентно.
   Предыстория
   

   View Slide

3. 3
   Каждого дизайнера можно
   «прокачать» минимум в два раза,
   если руководитель занимается
   развитием навыков команды
   системно
   

   View Slide

4. 4
   Зачем компании развивать дизайнеров?
   Снизить текучку Сотрудники
   работают дольше
   стандартных
   

   1,5-2 лет
   Повысить
   мотивацию
   

   и вовлечённость
   Поднять качество
   

   и продуктивность
   работы
   

   View Slide

5. Концепция Т-образных специалистов
   Картинка Brad Frost
   
   
   + 1-2 предложения
   Нужна связка дизайнеров, сильных в разных навыках. Несколько человек более широкого профиля со своими
   сильными сторонами, которые вместе дадут правильную комбинацию навыков.
   © Brad Frost
   

   View Slide

6. 2016: Опубликовал карту компетенций в Excel. Стала хитом
   Классический HR-инструмент. Таблица со списком навыков, в столбцах которой — члены команды.
   

   На их пересечении стоит оценка уровня владения каждым навыком каждым специалистом.
   

   View Slide

7. 2017: Самописный инструмент в Mail.ru Group
   Адаптировали систему оценки игрового подразделения в интранете. Упростили логику, сделали свой набор
   компетенций. Самое главное — в ней появились цели из индивидуального плана развития.
   

   View Slide

8. 8
   2019: Самописный инструмент в Райффайзенбанке
   Универсальная карта для всех IT-профессий. Отличаются только узкоспециализированные навыки.
   

   View Slide

9. 2019: Юра пришёл в Райффайзенбанк, объединили усилия с Леной
   Сделали единую карту из двух. Оптимизировали навыки, сделали чек-листы, позже переехали в Vectorly.
   

   View Slide

10. Просто. Четко.
    
    
    Компетентно.
    Как устроена карта
    

    в Райффайзенбанке
    

    View Slide

11. 11
    2016
    2–3 35 45+
    2020 2021
    

    View Slide

12. 12
    45 дизайнеров интерфейсов и 35 команд + 3 вакансии
    Корпоративные
    клиенты
    1
    Массовые
    

    клиенты
    Малый
    
    
    бизнес
    1
    1 1
    1 1
    1 1
    1
    1 1
    1 1
    1
    1
    1 1
    1 1
    1
    1
    Дизайн-
    

    сервис
    1
    1
    Инвестиции
    1 1
    1 1
    1
    1
    Внутренние
    пользователи
    1
    1
    1
    1
    1 1
    1
    1
    1
    1 1
    Community Lead
    Community Lead
    Community Lead
    Community Lead
    1
    Community Lead
    

    View Slide

13. 13
    Community lead
    Дизайн-
    стратегия
    Развитие
    

    дизайнеров
    

    Найм
    

    и онбординг
    Коммуникации
    

    и синхронизации
    

    View Slide

14. 14
    Пути развития
    

    View Slide

15. 15
    Зачем оценка дизайнеру?
    Хочу стать лучше
    как профессионал
    Хочу позицию
    выше
    Я не знаю,
    чего я не знаю
    Обратная связь
    

    по работе
    

    View Slide

16. 16
    Почему не работали прошлые инструменты
    Интранет-сервис
    
    
    Больше заточен под IT профессии
    

    и не редактируется руками
    Excel / Google Sheets
    
    
    Сложно использовать для оценки с двух сторон
    (дизайнер + лид). Нет целей развития
    

    View Slide

17. 17
    2020: Появился Vectorly
    Один из немногих сервисов на рынке для дизайнеров. Можно настроить карту компетенций и видеть картину по
    команде. Есть также Progression, но он изначально был больше про грейды, а не развитие.
    

    View Slide

18. 18
    Чем нам понравился Vectorly
    Таблица навыков
    по команде
    Сравнение
    

    с грейдами
    Чеклисты
    Настройка карты
    компетенций
    

    View Slide

19. 19
    Настройка карты компетенций
    Можно определить набор навыков и их группы, задать уровни владения и грейды.
    

    View Slide

20. 20
    Уровни владения навыками
    Не все навыки нужно знать идеально. Есть набор ключевых навыков для Т-образного дизайнера в продуктовой
    команде. Есть эксперты и есть начинающие, которых взяли в команду «на вырост».
    1. Осведомленность — понимание того, как работает специалист в этой области. Какие задачи выполняет, каков
    рабочий процесс и инструментарий, методы и практики, а также какие особенности и ограничения на него
    накладываются.
    
    
    2. Умение — способность решать базовые задачи в области. Доделать не очень важную часть работ за ведущим
    специалистом, собрать макет или прототип на основе чужих наработок, внести осмысленные доработки в
    существующий документ и т.п.
    
    
    3. Экспертиза — выполнение большинства задач в области знаний. От начала до конца и, зачастую,
    самостоятельно. Способность разобраться в нетипичной ситуации.
    
    
    4. Лидерство — способность передать экспертизу другим участникам команды. Помощь в обучении и
    профессиональном росте коллег, развитии инструментария и методов работы, повышении общей дизайн-
    культуры. Возможность указать на проблемную ситуацию в проекте или процессе и помочь в ее решении.
    

    View Slide

21. 21
    Наша карта компетенций: Группы навыков
    Узкоспециализированные
    Аналитика
    

    и продуктовое мышление
    
    
    Пользовательские исследования
    

    и аналитика
    
    
    Информационная архитектура
    

    и проектирование интерфейсов
    
    
    Визуальный дизайн
    
    
    Front-end
    
    
    Редактура
    Общепрофессиональные
    Ориентация на достижение цели
    
    
    Коммуникация
    

    и командная работа
    
    
    Креативное мышление
    
    
    Системное мышление
    Лидерские
    Планирование и организация
    
    
    Стратегия
    
    
    Работа в условиях
    неопределённости
    
    
    Найм
    
    
    Мотивация
    

    View Slide

22. 22
    Наша карта компетенций: Конкретная группа навыков
    Узкоспециализированные
    Аналитика
    

    и продуктовое мышление
    
    
    Пользовательские исследования
    

    и аналитика
    
    
    Информационная архитектура
    

    и проектирование интерфейсов
    
    
    Визуальный дизайн
    
    
    Front-end
    
    
    Редактура
    Базовые навыки: композиция и сетки, типографика, цветоведение
    Иконографика и иллюстрация
    Анимация интерфейса и моушен-дизайн
    Создание гайдлайнов
    Визуализация данных
    Айдентика и брендинг (визуальный язык, стратегия)
    

    View Slide

23. 23
    Чем нам понравился Vectorly
    Таблица навыков
    по команде
    Сравнение
    

    с грейдами
    Чеклисты
    Настройка карты
    компетенций
    

    View Slide

24. 24
    Наша карта компетенций: Чек-листы для навыков
    Узкоспециализированные
    Аналитика
    

    и продуктовое мышление
    
    
    Пользовательские исследования
    

    и аналитика
    
    
    Информационная архитектура
    

    и проектирование интерфейсов
    
    
    Визуальный дизайн
    
    
    Front-end
    
    
    Редактура
    Базовые навыки: композиция и сетки, типографика, цветоведение
    Иконографика и иллюстрация
    Анимация интерфейса и моушен-дизайн
    Создание гайдлайнов
    Визуализация данных
    Айдентика и брендинг (визуальный язык, стратегия)
    Осведомлённость Умение Экспертиза Лидерство
    

    View Slide

25. 25
    Чек-листы для навыков
    Прозрачный критерий оценки, единый для всех команд. Это более очевидно и самому дизайнеру, и тому кто
    оценивает. Тогда навыки значат одно и то же по всей компании.
    

    View Slide

26. 26
    Чем нам понравился Vectorly
    Таблица навыков
    по команде
    Сравнение
    

    с грейдами
    Чеклисты
    Настройка карты
    компетенций
    

    View Slide

27. Мой уровень
    Senior
    27
    Сравнение с грейдами
    Можно увидеть, где и что нужно докачать
    

    для карьерного роста.
    

    View Slide

28. 28
    Чем нам понравился Vectorly
    Таблица навыков
    по команде
    Сравнение
    

    с грейдами
    Чеклисты
    Настройка карты
    компетенций
    

    View Slide

29. 29
    Таблица навыков по команде
    Вася Маша Аристотель
    Community lead и product owner видят не только средний уровень команды, но и понимают силу конкретных
    дизайнеров.
    

    View Slide

30. Просто. Четко.
    
    
    Компетентно.
    Процесс
    

    View Slide

31. 31
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    

    View Slide

32. 32
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    

    View Slide

33. 33
    Кто оценивает
    Community Lead Product Owner
    Tech Lead
    Scrum Master
    Сам себя
    

    View Slide

34. 34
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    

    View Slide

35. 35
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    

    View Slide

36. 36
    Оценка в Vectorly
    Дизайнер и community lead отмечают уровень владения конкретным навыком.
    

    View Slide

37. 37
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    

    View Slide

38. 38
    Как дается обратная связь
    Сравнение оценок и синхронизация по опыту дизайнера. Определение фокусов развития.
    

    View Slide

39. 39
    Процесс оценки
    Обсуждаем
    

    

    Цель оценки
    Участники
    

    Процесс
    Оцениваем
    

    

    Вместе или
    

    по-отдельности
    Встречаемся
    

    

    Выравниваемся
    

    Даем ОС
    Выбираем
    фокусы
    Финалим
    

    

    Грейдим и/или
    Составляем
    план развития
    

    

    

    1. 2. 3. 4. 5.
    Стартуем
    

    

    Извещаем
    owner команды
    
    
    об активности
    

    View Slide

40. 40
    Принятие решения о повышении
    Оценка Обратная связь
    + = Повышение 

    с планом развития /

    

    Просто план развития
    

    View Slide

41. 41
    План развития
    Четкая 

    цель 

    развития
    Развивающие

    задачи
    + = Неистово
    е
    
    великолепие
    

    View Slide

42. Просто. Четко.
    
    
    Компетентно.
    Планы
    

    View Slide

43. 43
    Лид дизайна
    Развивать их не менее важно. Но их рост уже меньше про конкретные навыки, а про поведение в сложных
    ситуациях. Это сложно алгоритмизировать, нужен скорее коучинг и менторство.
    

    View Slide

44. 44
    UX-исследователь
    Попробовали сделать карту созвучной дизайнерской. Это полезно и для развития Т-образных навыков.
    

    View Slide

45. 45
    Найм и редактура
    Проще сравнивать кандидатов, если их навыки оцениваются одинаковым способом. Но пока не склеилось —
    

    по всей карте идти тяжело, хотя верхнеуровнево — норм. А вот в редактуре это получается.
    

    View Slide

46. Просто. Четко.
    
    
    Компетентно.
    Выводы
    

    View Slide

47. 47
    Все компании разные,
    

    никогда не будет единого
    стандарта компетенций
    

    View Slide

48. 48
    Формат представления
    Начинайте с таблицы для анализа, потом дополняйте лепестковой диаграммой для обзора.
    Таблица
    
    
    Детальная картина по команде, хороший анализ
    и постановка целей развития
    Лепестковая диаграмма
    
    
    Эффектно выглядит, но ломается при хорошей
    детализации навыков
    

    View Slide

49. 49
    Инструменты
    Долгое время не было специализированных инструментов для карт компетенций дизайнера. Шли двумя путями:
    
    
    Таблица в Excel или Google Sheets или адаптация сервисов для обратной связи по компании (а-ля опрос 360).
    Vectorly Progression
    

    View Slide

50. 50
    Польза
    • Развить профессиональные навыки дизайнера
    

    (узкоспециализированные, общепрофессиональные, лидерские).
    
    
    • Повысить мотивацию и вовлеченность дизайнера в работу.
    
    
    • Снизить текучку в команде
    

    (сотрудники работают дольше стандартных 1,5-2 лет).
    
    
    • Сделать понятной схему карьерного роста и зарплаты.
    
    
    • Помочь навыкам «растекаться» внутри команды
    

    (сильные в каком-то направлении люди передают знания другим).
    

    View Slide

51. 51
    Скачать нашу карту компетенций
    Vectorly
    Наша карта компетенций в двух форматах. Пока без чек-листов, но скоро приедут.
    Google Sheets
    

    View Slide

52. Просто. Четко.
    
    
    Компетентно.
    Спасибо!
    Юрий Ветров и Лена Куликова
    
    
    Райффайзенбанк
    

    View Slide