Save 37% off PRO during our Black Friday Sale! »

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

664cffa199f22da94fb83c6fe1c70bbb?s=47 Yury Vetrov
October 29, 2021

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

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

664cffa199f22da94fb83c6fe1c70bbb?s=128

Yury Vetrov

October 29, 2021
Tweet

Transcript

  1. Просто. Четко. Компетентно. Карта 
 компетенций: 
 Дизайнер 
 интерфейсов

    Юрий Ветров и Лена Куликова Райффайзенбанк Юрий Ветров и Лена Куликова Райффайзенбанк
  2. Просто. Четко. Компетентно. Предыстория

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

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

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

    связка дизайнеров, сильных в разных навыках. Несколько человек более широкого профиля со своими сильными сторонами, которые вместе дадут правильную комбинацию навыков. © Brad Frost
  6. 2016: Опубликовал карту компетенций в Excel. Стала хитом Классический HR-инструмент.

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

    подразделения в интранете. Упростили логику, сделали свой набор компетенций. Самое главное — в ней появились цели из индивидуального плана развития.
  8. 8 2019: Самописный инструмент в Райффайзенбанке Универсальная карта для всех

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

    единую карту из двух. Оптимизировали навыки, сделали чек-листы, позже переехали в Vectorly.
  10. Просто. Четко. Компетентно. Как устроена карта 
 в Райффайзенбанке

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

  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
  13. 13 Community lead Дизайн- стратегия Развитие 
 дизайнеров 
 Найм

    
 и онбординг Коммуникации 
 и синхронизации
  14. 14 Пути развития

  15. 15 Зачем оценка дизайнеру? Хочу стать лучше как профессионал Хочу

    позицию выше Я не знаю, чего я не знаю Обратная связь 
 по работе
  16. 16 Почему не работали прошлые инструменты Интранет-сервис Больше заточен под

    IT профессии 
 и не редактируется руками Excel / Google Sheets Сложно использовать для оценки с двух сторон (дизайнер + лид). Нет целей развития
  17. 17 2020: Появился Vectorly Один из немногих сервисов на рынке

    для дизайнеров. Можно настроить карту компетенций и видеть картину по команде. Есть также Progression, но он изначально был больше про грейды, а не развитие.
  18. 18 Чем нам понравился Vectorly Таблица навыков по команде Сравнение

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

    группы, задать уровни владения и грейды.
  20. 20 Уровни владения навыками Не все навыки нужно знать идеально.

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

    продуктовое мышление Пользовательские исследования 
 и аналитика Информационная архитектура 
 и проектирование интерфейсов Визуальный дизайн Front-end Редактура Общепрофессиональные Ориентация на достижение цели Коммуникация 
 и командная работа Креативное мышление Системное мышление Лидерские Планирование и организация Стратегия Работа в условиях неопределённости Найм Мотивация
  22. 22 Наша карта компетенций: Конкретная группа навыков Узкоспециализированные Аналитика 


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

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


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

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

    
 с грейдами Чеклисты Настройка карты компетенций
  27. Мой уровень Senior 27 Сравнение с грейдами Можно увидеть, где

    и что нужно докачать 
 для карьерного роста.
  28. 28 Чем нам понравился Vectorly Таблица навыков по команде Сравнение

    
 с грейдами Чеклисты Настройка карты компетенций
  29. 29 Таблица навыков по команде Вася Маша Аристотель Community lead

    и product owner видят не только средний уровень команды, но и понимают силу конкретных дизайнеров.
  30. Просто. Четко. Компетентно. Процесс

  31. 31 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5. Стартуем 
 
 Извещаем owner команды об активности
  32. 32 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5. Стартуем 
 
 Извещаем owner команды об активности
  33. 33 Кто оценивает Community Lead Product Owner Tech Lead Scrum

    Master Сам себя
  34. 34 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5. Стартуем 
 
 Извещаем owner команды об активности
  35. 35 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Стартуем 
 
 Извещаем owner команды об активности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5.
  36. 36 Оценка в Vectorly Дизайнер и community lead отмечают уровень

    владения конкретным навыком.
  37. 37 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5. Стартуем 
 
 Извещаем owner команды об активности
  38. 38 Как дается обратная связь Сравнение оценок и синхронизация по

    опыту дизайнера. Определение фокусов развития.
  39. 39 Процесс оценки Обсуждаем 
 
 Цель оценки Участники 


    Процесс Оцениваем 
 
 Вместе или 
 по-отдельности Встречаемся 
 
 Выравниваемся 
 Даем ОС Выбираем фокусы Финалим 
 
 Грейдим и/или Составляем план развития 
 
 
 1. 2. 3. 4. 5. Стартуем 
 
 Извещаем owner команды об активности
  40. 40 Принятие решения о повышении Оценка Обратная связь + =

    Повышение 
 с планом развития /
 
 Просто план развития
  41. 41 План развития Четкая 
 цель 
 развития Развивающие
 задачи

    + = Неистово е великолепие
  42. Просто. Четко. Компетентно. Планы

  43. 43 Лид дизайна Развивать их не менее важно. Но их

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

    для развития Т-образных навыков.
  45. 45 Найм и редактура Проще сравнивать кандидатов, если их навыки

    оцениваются одинаковым способом. Но пока не склеилось — 
 по всей карте идти тяжело, хотя верхнеуровнево — норм. А вот в редактуре это получается.
  46. Просто. Четко. Компетентно. Выводы

  47. 47 Все компании разные, 
 никогда не будет единого стандарта

    компетенций
  48. 48 Формат представления Начинайте с таблицы для анализа, потом дополняйте

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

    компетенций дизайнера. Шли двумя путями: Таблица в Excel или Google Sheets или адаптация сервисов для обратной связи по компании (а-ля опрос 360). Vectorly Progression
  50. 50 Польза • Развить профессиональные навыки дизайнера 
 (узкоспециализированные, общепрофессиональные,

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

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