Ясно, понятно. Как доносить мысли и убеждать людей с помощью слов - Максим Олегович Ильяхов

А легенд я бы избегал (когда на документе миллион условных обозначений, а читателю нужно искать, что они значат, в другом месте)

Плохой скриншот: текст мелкий, много пустого пространства, во вкладках и на панели инструментов мусор, поверх интерфейса вылезли ненужные предупреждения, а в адресной строке — секретный адрес (я его прикрыл)

Намного приличнее: крупный текст, чистые вкладки, нет лишних инструментов и иконок. Это фрагмент рабочей доски «Трелло» в журнале «Код»: по нему можно представить, как идет наша редакционная работа

Пример схем, которые сообщают: «было долго и сложно, а стало быстро и легко». Это возможно благодаря контрастам сложности и длины двух схем

Схемы

Схемы незаменимы там, где мы описываем сложные абстрактные процессы, особенно растянутые во времени или имеющие несколько возможных результатов. Например:

Многоэтапные процессы — схема доставки товара, порядок обслуживания, схемы работы мошенников. Обычно это будут линейные схемы: одно событие, второе, третье.

Схемы принятия решений, например, «Если вам сказали так, отвечайте так». Это могут быть линейные схемы или «деревья».

Схемы связей — как общаются между собой разные департаменты, кто от кого зависит, как передается информация. Это всевозможные сетевые схемы.

Организационные схемы — кто кому подчиняется.

Чтобы получилась схема, нужно три вещи: объекты, связи и подписи. Объекты могут быть геометрическими фигурами, рисунками и даже точками. Связи — обычно стрелки или линии, могут быть сплошными, пунктирными, волнистыми, тонкими и толстыми. Подписи объясняют, что здесь происходит.

Схема хороша тогда, когда читатель ее понимает с первого взгляда. Он еще не вчитался, но уже осознает, что перед ним некий линейный процесс или цикл. Это я называю наглядностью.

И наоборот: плохо, когда при первом взгляде на схему непонятно, что здесь имеется в виду. Схема может отражать фактически достоверные связи, но если они организованы непонятно, то она перестает быть наглядной и скорее сбивает с толку, чем помогает.

Наибольшей наглядности в схемах можно добиться, если ставить рядом две схемы с существенными различиями. Например:

Схема работы до внедрения нашей программы и сразу после. Очевидно, что работать стало легче, а процессы протекают быстрее.

До реорганизации компании процессы были запутанными, было много лишнего. После — всё стало понятным, простым и экономным.

Схема атаки хакеров на беззащитную систему и тут же — на защищенную. Видно, как атака отбивается.

Схема показывает разницу между запутанными и логичными бизнес-процессами. Это достигается за счет контраста формы

Типовые схемы

Используйте эти типовые примеры, чтобы начать создавать схемы: выберите ту, которая точнее всего отражает смысл процесса, дополните деталями и подписями.

Если у вас история о том, что 90 % людей проходят таможню без проблем, а 10 % отправляют на досмотр, — берите схему «Ответвление» и добавляйте в нее нужные точки, обстоятельства и подписи.

Если вы хотите показать, что компания непрерывно улучшает, тестирует, выпускает и дорабатывает продукт — используйте «Цикл». Если хотите добавить ощущение движения — «Спираль».

Чтобы показать порядок, используйте «Призмы» и «Алмазы». Чтобы показать хаос и суету, используйте гибкие ветви «Деревьев», максимально переплетая их и запутывая.

Посмотрим, как пользоваться типовыми схемами в реальной работе. Допустим, мы продаем систему управления проектами. Нам нужно показать, что без нашей системы работа хаотичная, а с нами — упорядоченная и централизованная.

Мы показываем «Было — стало», поэтому нам нужны две схемы и они должны выглядеть принципиально по-разному. Одна должна издалека походить на хаотичный клубок, вторая — на нечто прекрасное и организованное.

Теперь эти образы нужно наполнить: как именно мы изобразим клубок и какую форму мы выберем для упорядоченной схемы. Мы помним, что для ощущения хаоса нам нужны переплетенные линии, а для порядка — прямые линии, параллельность и углы.

Будет хорошо, если слева и справа будут одинаковые узнаваемые иконки. Так у читателя сложится впечатление, что он не потерял в коммуникациях, а всё сохранил, но дополнительно получил порядок и управляемость.

Можно использовать в этой схеме цвет, но только осмысленно: красным — плохое, зеленым — хорошее. В этой книге нет красного цвета, но есть оранжевый, используем его:

Подобные визуальные ходы в разное время использовали «Интерком», «Мегаплан» и другие компании. Не стесняйтесь повторять опыт коллег.

Построим еще одну схему. Допустим, мы работаем в компании, которая помогает интернет-магазинам быстрее доставлять товары клиентам. Вот какой может быть ход мыслей.

Раз мы говорим «быстрее» и «проще», покажем две схемы: одна транслирует идею «долго и сложно», вторая — «быстро и просто».

Показать «сложно» можно либо большим числом точек, либо большим числом штрихов и связей. Так как это про доставку и отправку, нам скорее подойдет много точек. Значит, в верхней схеме будет много точек, а в нижней — мало.

Показать «быстро» еще проще: вторая схема должна быть заметно короче, чем первая. Как раз будет видно, за счет чего — за счет уменьшения числа точек.

Осталось проставить и подписать точки:

Теперь на место точек можно поставить иконки или рисунки. Они не навредят, если не будут слишком перетягивать на себя внимание. Если мы заиграемся и «передизайним» эту картинку, она утратит ясность, а читателю будет сложно понять, что тут происходит. Веселимся, но не слишком:

Схема пересылки