Светлый фон

Еще посмотрите на изображение с точки зрения эмоций: например, если вы рекламируете таск-менеджер, какие задачи должны быть на скриншоте? «Сходить за картохой» или «Презентация для совета директоров»?

Водите за ручку. Читателю трудно с первого взгляда понять, куда смотреть в документе, на скриншоте или в таблице. Напишите сбоку от скриншота, куда здесь смотреть и как это читать. Выделяйте важное, ставьте выноски, подсвечивайте и увеличивайте ключевые места документа и скриншота.

Водите за ручку.

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

 

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

 

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

 

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

Схемы

Схемы

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

Многоэтапные процессы — схема доставки товара, порядок обслуживания, схемы работы мошенников. Обычно это будут линейные схемы: одно событие, второе, третье. Схемы принятия решений, например, «Если вам сказали так, отвечайте так». Это могут быть линейные схемы или «деревья». Схемы связей — как общаются между собой разные департаменты, кто от кого зависит, как передается информация. Это всевозможные сетевые схемы. Организационные схемы — кто кому подчиняется.

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

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

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

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

 

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