Схема команды есть почти у всех. Её показывают новичку в первый день, кандидату на собеседовании, руководству при разговоре про найм. И почти всегда она выглядит так, будто её нарисовали один раз в спешке, а дальше только дописывали новых людей. Моя выглядела именно так. На прошлой неделе я села её переделывать и по ходу выписала все, что мешало её читать. Проблем оказалось немного, и почти все чинятся за полчаса.
Стрелки, которые ничего не говорили — это главная проблема, и самая неочевидная.
От каждого лида к каждому его разработчику шла стрелка. На четыре направления получилось больше двадцати изогнутых линий. Посмотрите на правую часть: там линии огибают половину полотна, чтобы дотянуться от менеджера до DevOps, и по пути пересекают всё подряд. Разобрать, какая из них куда идёт, невозможно — а ведь именно за этим стрелки и рисуют.
Я рисовала их добросовестно: подчинение надо показать, как же иначе. Потом закрыла их рукой и посмотрела ещё раз. Схема осталась ровно такой же понятной. А все потому, что принадлежность человека к команде уже выражена расположением: карточки стоят под лидом, в одной колонке, ближе друг к другу, чем к соседней группе. Это базовое свойство восприятия — мы группируем объекты по близости, без всяких подсказок. Стрелка дублировала то, что и так считывается мгновенно, и платила за это шумом.
Проверка занимает секунду: закройте линии и посмотрите, изменилось ли понимание? Если нет — они не нужны. Стрелка оправдана там, где связь не следует из расположения. Например, человек административно подчиняется одному руководителю, а функционально другому. Вот это из колонок не выводится, и вот тут линия несёт информацию. У меня осталось четыре стрелки вместо двадцати.
Жёлтый, который читается как «проблема»
Вакансии у меня были выделены жёлтой заливкой. Логика понятная: надо же их как-то отметить, а жёлтый яркий и заметный. Проблема в том, что жёлтый почти в любом интерфейсе означает «внимание, тут что-то не так». Это цвет предупреждения, и считывается он до того, как человек прочитает текст в карточке. На схеме выше три жёлтых блока стоят в колонке DevOps подряд, и первое впечатление — что там горит. Хотя на самом деле там просто никого нет.
Я проверяла на людях, которым показывала схему. Жёлтую карточку читают как проблемного сотрудника, как заблокированную позицию, как «человек под вопросом» — но почти никогда как «мы ищем». Замените заливку на её отсутствие: прозрачная карточка с пунктирной рамкой. Пустое место выглядит как пустое место — это ровно та метафора, которая нужна. Никакой легенды тогда не требуется, всё читается само.
Схема не отвечает на первый вопрос
Теперь посмотрите на схему целиком и попробуйте ответить: сколько человек в команде? Придётся считать карточки. Причём по пути решая, считать ли жёлтые и считать ли руководителя. Я сама пересчитывала дважды и получала разные числа 🙂
А это первый вопрос, который задают, когда схему показывают руководству. Не «кто у вас лид фронта», а «сколько вас» и «сколько дыр». Схема, которая не отвечает на него сразу, не выполняет свою главную работу. Решение занимает минуту: строка в шапке или под схемой — общее число людей и число открытых позиций. У меня это выглядит как «Общий состав команды: 17 человек, 4 открытые позиции».
Уровень написан, но не виден
На схеме уровни есть: senior, middle, junior указаны под каждым именем. Но попробуйте за три секунды сказать, сколько в команде джунов. То же самое с лидами. На схеме выше трое лидов выделены насыщенной заливкой, а четвёртый — DevOps — стоит в том же ряду, но залит как рядовой сотрудник. Цвет и положение говорят разное, и читатель застревает: так он лид или нет? Если лид — выделяйте. Если нет и у направления просто нет руководителя — это тоже честный факт, но тогда и в ряду лидов этой карточке не место.
Проверка за десять секунд
Когда переделаете, покажите схему человеку, который вашу команду не знает, и дайте десять секунд. Потом спросите три вещи: сколько у вас направлений, кто ими руководит, сколько открытых позиций. Если ответил — схема работает. Если начал водить пальцем и вчитываться — значит, где-то информация закодирована текстом там, где должна быть закодирована формой.
Как собирать, чтобы не переделывать
Сначала соберите одну карточку целиком: размер, заливку, границу, шрифт, расположение подписи. Потом размножайте. Не настраивайте каждую заново — везде есть копирование стиля, и это главный инструмент экономии. Колонку собирайте как группу и копируйте группой: так все колонки гарантированно одинаковой ширины, а промежутки между ними — равными. Выравнивание внутри колонки делайте автоматическим, а не руками. В конце пройдите по карточкам одного уровня и сверьте высоту. Текст легко растягивает фигуру на пару пикселей, ряды разъезжаются, и автор этого не замечает, а все остальные замечают сразу. Я, например, делала схему в Miro.
Заключение
Лишний элемент не нейтрален. Он не просто не помогает — он забирает внимание у того, что помогает. Двадцать стрелок не добавляли информации, но съедали половину полотна. Жёлтая заливка не отмечала вакансию, а сообщала «тут проблема». Уровень, написанный текстом, формально присутствовал, но фактически отсутствовал, потому что его никто не читал. Если вы не можете объяснить, что конкретно элемент сообщает читателю — вы делаете схему зря.
ссылка на оригинал статьи https://habr.com/ru/articles/1096962/