или в таблице. Напишите сбоку от скриншота, куда здесь смотреть и как это читать. Выделяйте важное, ставьте выноски, подсвечивайте и увеличивайте ключевые места документа и скриншота.
А легенд я бы избегал (когда на документе миллион условных обозначений, а читателю нужно искать, что они значат, в другом месте)
Плохой скриншот: текст мелкий, много пустого пространства, во вкладках и на панели инструментов мусор, поверх интерфейса вылезли ненужные предупреждения, а в адресной строке — секретный адрес (я его прикрыл)
Намного приличнее: крупный текст, чистые вкладки, нет лишних инструментов и иконок. Это фрагмент рабочей доски «Трелло» в журнале «Код»: по нему можно представить, как идет наша редакционная работа
Пример схем, которые сообщают: «было долго и сложно, а стало быстро и легко». Это возможно благодаря контрастам сложности и длины двух схем
Схемы
Схемы незаменимы там, где мы описываем сложные абстрактные процессы, особенно растянутые во времени или имеющие несколько возможных результатов. Например:
Многоэтапные процессы — схема доставки товара, порядок обслуживания, схемы работы мошенников. Обычно это будут линейные схемы: одно событие, второе, третье.
Схемы принятия решений, например, «Если вам сказали так, отвечайте так». Это могут быть линейные схемы или «деревья».
Схемы связей — как общаются между собой разные департаменты, кто от кого зависит, как передается информация. Это всевозможные сетевые схемы.
Организационные схемы — кто кому подчиняется.
Чтобы получилась схема, нужно три вещи: объекты, связи и подписи. Объекты могут быть геометрическими фигурами, рисунками и даже точками. Связи — обычно стрелки или линии, могут быть сплошными, пунктирными, волнистыми, тонкими и толстыми. Подписи объясняют, что здесь происходит.
Схема хороша тогда, когда читатель ее понимает с первого взгляда. Он еще не вчитался, но уже осознает, что перед ним некий линейный процесс или цикл. Это я называю наглядностью.
И наоборот: плохо, когда при первом взгляде на схему непонятно, что здесь имеется в виду. Схема может отражать фактически достоверные связи, но если они организованы непонятно, то она перестает быть наглядной и скорее сбивает с толку, чем помогает.
Наибольшей наглядности в схемах можно добиться, если ставить рядом две схемы с существенными различиями. Например:
Схема работы до внедрения нашей программы и сразу после. Очевидно, что работать стало легче, а процессы протекают быстрее.
До реорганизации компании процессы были запутанными, было много лишнего. После — всё стало понятным, простым и экономным.
Схема атаки хакеров на беззащитную систему и тут же — на защищенную. Видно, как атака отбивается.
Схема показывает разницу между запутанными и логичными бизнес-процессами. Это достигается за счет контраста формы
Видео: большой урок о схемах
Типовые схемы
Используйте эти типовые примеры, чтобы начать создавать схемы: выберите ту, которая точнее всего отражает смысл процесса, дополните деталями и подписями.
Если у вас история о том, что 90 % людей проходят таможню без проблем, а 10 % отправляют на досмотр, — берите схему «Ответвление» и добавляйте в нее нужные точки, обстоятельства и подписи.
Если вы хотите показать, что компания непрерывно улучшает, тестирует, выпускает и дорабатывает продукт — используйте «Цикл». Если хотите добавить ощущение движения — «Спираль».
Чтобы показать порядок, используйте «Призмы» и «Алмазы». Чтобы показать хаос и суету, используйте гибкие ветви «Деревьев», максимально переплетая их и запутывая.
Посмотрим, как пользоваться типовыми схемами в реальной работе. Допустим, мы продаем систему управления проектами. Нам нужно показать, что без нашей системы работа хаотичная, а с нами — упорядоченная и централизованная.
Мы показываем «Было — стало», поэтому нам нужны две схемы и они должны выглядеть принципиально по-разному. Одна должна издалека походить на хаотичный клубок, вторая — на нечто прекрасное и организованное.
Теперь эти образы нужно наполнить: как именно мы изобразим клубок и какую форму мы выберем для упорядоченной схемы. Мы помним, что для ощущения хаоса нам нужны переплетенные линии, а для порядка — прямые линии, параллельность и углы.
Будет хорошо, если слева и справа будут одинаковые узнаваемые иконки. Так у читателя сложится впечатление, что он не потерял в коммуникациях, а всё сохранил, но дополнительно получил порядок и управляемость.
Можно использовать в этой схеме цвет, но только осмысленно: красным — плохое, зеленым — хорошее. В этой книге нет красного цвета, но есть оранжевый, используем его:
Подобные визуальные ходы в разное время использовали «Интерком», «Мегаплан» и другие компании. Не стесняйтесь повторять опыт коллег.
Наблюдение: общая форма схемы
Построим еще одну схему. Допустим, мы работаем в компании, которая помогает интернет-магазинам быстрее доставлять товары клиентам. Вот какой может быть ход мыслей.
Раз мы говорим «быстрее» и «проще», покажем две схемы: одна транслирует идею «долго и сложно», вторая — «быстро и просто».
Показать «сложно» можно либо большим числом точек, либо большим числом штрихов и связей. Так как это про доставку и отправку, нам скорее подойдет много точек. Значит, в верхней схеме будет много точек, а в нижней — мало.
Показать «быстро» еще проще: вторая схема должна быть заметно короче, чем первая. Как раз будет видно, за счет чего — за счет уменьшения числа точек.
Осталось проставить и подписать точки:
Теперь на место точек можно поставить иконки или рисунки. Они не навредят, если не будут слишком перетягивать на себя внимание. Если мы заиграемся и «передизайним» эту картинку, она утратит ясность, а читателю будет сложно понять, что тут происходит. Веселимся, но не слишком:
Схема пересылки
