Плохие слайды!

Этот пост о том, как НЕ нужно делать слайды. Я давно собираю различные примеры реальных слайдов с конференций и выступлений в разных странах. Некоторые из них теперь я использую для того, чтобы показать основные и частые ошибки. Для части слайдов даже создал переработанные версии в качестве наглядной иллюстрации моих слов.

Начнем!

Замечание! В данном случае я НЕ рассматриваю вопросы стиля и визуального оформления оригинальных слайдов. В тех слайдах, которые приведены мной в качестве переработанных примеров, я умышленно не использовал темы оформления. Их цель только в том, чтобы показать более удачный вариант размещения информации на слайде. Также я не углубляюсь в подробности и правила. Подробные советы советую прочесть в моем пособии по созданию презентаций.

1. Текстовые слайды

И первый пример – лидер среди ошибок создания слайдов.

Уже стало грустно от одного вида этого слайда. Правда? 

Самая частая ошибка новичка (и, к сожалению, не только новичка) это перенос на слайды всего текста выступления. Выступающий просто читает со слайда или наизусть дублирует текст. Полезность таких слайдов стремится к нулю. А раздражение и/или потеря интереса аудитории - обеспечены. 

Слайд - визуализация того, что вы не можете сказать словами или выделение важных цифр, формул, фактов и т.п. А на рис. 1.1 текст скопирован абсолютно бездумно. Даже названия рисунков перенесены прямо из статьи, по которой делался доклад.

Следующее фото я сделал на конференции в Польше. Это слайд с выводами по исследованию. Он на польском языке, но в данном случае слайд мог бы быть даже на суахили или арабском - столько текста читать никто не будет. И в том докладе автор сделал просто отвратительный ход. Открыв слайд, он просто сказал что-то вроде: "А выводы по моей работе вы можете прочитать на слайде..." И через 10-15 секунд сказал "Спасибо за внимание!"

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

Или вот еще слайд с той же конференции.

Во-первых, шрифт. Это Comic Sans и за его использование нужно бить по рукам.

Во-вторых, автор сам выбрал очень странное желто-коричневое оформление и сам же не смог им нормально воспользоваться. Текст не поместился в блоке и на белом фоне потерял всякую читабельность.

Такая же ошибка и в следующем слайде.

Тут просто банальная халтура. Автор поленился сдвинуть границу блока текста, чтобы она не налезала на полосу слева. Хотя совершенно очевидно, что места для данного текста более чем достаточно. Такой слайд выглядит "сляпанным на коленке" (и, скорее всего, так оно и есть). В добавок на этом слайде текст второго абзаца тоже просто скопирован из текста статьи или доклада.

И, наконец, клинический случай слайда с текстом.

Это тот самый случай, когда хуже презентацию мог сделать только шрифт Comic Sans. Такой слайд - плевок в лицо зрителям. Не делайте так!

Теперь перейдем к другому типу ошибок. Я говорю о плохой компоновке и избыточном наполнении слайдов. Вот пример.

Слайд не критически плох, но читабельность очень низкая.

Тут присутствуют следующие ошибки:

- разный межстрочный интервал в разных частях текста (уменьшение интервала между строк сильно ухудшает восприятие);

- формулировки избыточные, важные факты не выделены и теряются в тексте;

- слишком много информации на одном слайде.

И снова автором вынесен на слайд лишний текст, который будет и так проговариваться. Отдельно замечу, что сами формулировки на слайде достаточно корявые, но для нас это сейчас не имеет значения.

Я бы предложил разделить информацию на два слайда вот так.

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

Заметьте, что я использовал для большей наглядности иконки. Это тоже улучшает восприятие информации. Сами иконки взяты на сайтах Noun Project и Flaticon. Коллекция подобных изображений там просто огромная по любым тематикам. Ресурсы можно использовать бесплатно, но при скачивании почти всегда добавляется надпись копирайта под иконкой. Если вы используете PowerPoint, то от этой надписи легко избавиться при помощи инструмента "Обрезка" в панели "Формат". Там же можно легко поменять цвет иконки (как сделал я). Все иконки скачиваются в формате .png на прозрачном фоне. Очень удобно.

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

Ошибки:

- первая фраза - речевой оборот; на слайде лучше использовать обезличенные формы слов ("подсчитываем" заменим на "расчет");

- сама формула почти теряется в тексте, хотя должна быть основным элементом слайда;

- расшифровка символов вставлена неудачно, единым текстом, который сложно читать;

- символы разного размера и, скорее всего, вставлены из документа Word старой версии, где использовался редактор формул Equation 3.0.

Переработаем слайд и исправим ошибки.

Теперь формула видна. Подписи символов легко читаются. Текст со звездочкой - вспомогательный. Поэтому написан отдельно и меньшим шрифтом. Если по нему возникнет вопрос, то можно выступающему будет легко его озвучить. Со слайда пропал номер формулы. Номера для формул нужно писать только при необходимости. На данном слайде формула одна и ее номер совпадает с номером пункта.

Пару слов о людях со "сбитым чувством прекрасного". Некоторые любят применять такое оформление слайдов, которое очень нравится самому автору, но у зрителей вызывает только приступы паники и кровотечения из глаз. Следующий пример слайда взят из презентации для лекции по высшей математике. Авторы решили "украсить" картинку и получили совершенно обратный эффект.

Ошибки:

- применение такой контрастной схемы оранжевого и черного цветов слишком аляповатое и отвлекает от сути слайда;

- словосочетание "линейно (не)зависимые" повторяется слишком много раз без необходимости;

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

Вот мой вариант этого слайда.

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

Для ссылок на внешние источники удобно пользоваться гиперссылками на слайдах. Это применимо для тех слайдов, которые не только показываются на экране проектора, но и передаются зрителям (студентам, сотрудникам) для более подробного изучения. Гиперссылка (например, вот эта) представляет собой активный текст, нажав на который, вы перейдете к другой части документа, скачаете документ или откроете какой-то сайт.

Проблема заключается в том, что не все знают как правильно создавать гиперссылки. И вот тому пример.

Текст голубого цвета - гиперссылки. Первая из них еще более менее уместна, хотя и не оптимальная. Вторая - чистый идиотизм. Гиперссылка такого вида получается в случае, когда вы просто копируете адрес в браузере и делаете вставку в текст. И в случае со второй ссылкой ситуация осложнена тем, что она содержала русские буквы. Все не английские символы заменяются их спецкодами. На выходе получаем длинную и непонятную абракадабру.

Правильная вставка гиперссылки выглядит так. Напишите в тексте слово, которое хотите превратить в гиперссылку. Выделите его и нажмите на кнопку "Гиперрссылка".

Для PowerPoint и большинства других редакторов она находится в меню "Вставка". В открывшемся окне вставьте скопированный адрес и сохраните изменения.

Если же вы не хотите, чтобы ссылка была спрятана под текстом и ее можно было набрать даже по фотографии слайда, то воспользуйтесь сервисом сокращения адресов bitly.com. Не важно насколько длинная у вас ссылка и как страшно она выглядит. Вставьте ее в Bitly и получите короткую (хоть и не понятную ссылку) вот такого вида http://bit.ly/q8bgseV. Ее набрать будет сильно легче и быстрее.

Заканчивая тему ошибок в текстовых слайдах, приведу примеры крайне неудачного применения эффектов к тексту.

Я писал ранее, утверждаю и сейчас - текст на слайдах НЕ НУЖНО украшать эффектами, тенями и обводками! Ваша задача - лаконично и понятно донести информацию, а не поразить эффектами.

Все эти эффекты в стиле WordArt 97 только затрудняют чтение. После второй-третьей попытки прочитать такой текст, зритель просто потеряет интерес. Это же не то, на что вы рассчитываете?

2. Таблицы на слайдах

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

Пример слайда с таблицей:

Сразу отмечу основные ошибки:

- совершенно лишние на слайде подписи к фотографии; вы же не собираетесь полностью описывать все "крышки батарейного отсека" и "кнопки питания"? Если вам необходимо подробно описать внешнее строение прибора, то выделите отдельный слайд и покажите крупное фото (я по названию прибора за 1 минуту нашел в интернете более качественные фото);

- название слайда не содержит название самого прибора; оно написано мелким шрифтом, хотя весь слайд посвящен только ему;

- в таблице разные характеристики одних и тех же параметров показаны в разных строках (для параметра "Скорость" нужно искать характеристики дважды)

- название в заголовке второго столбца вообще не имеет смысла, дублируя названия параметров.

Переработаем этот слайд в более читабельный вариант.

Теперь название слайда сообщает больше информации. Фото прибора более наглядное. За счет оптимизации таблицы шрифт стал больше. Характеристики каждого параметра находятся в одной строке и легко читаются.

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

Перечислим ошибки:

- подзаголовок слайда полностью дублирует информацию в шапке таблицы;

- размеры фундаментов 1, 6, 7, 8 одинаковые, как и размеры фундаментов 2, 3, 4, 5; но зрителю придется несколько раз пробежать глазами по таблице, сравнивая данные и запоминая группы одинаковых размеров;

- точность данных, скорее всего, избыточная - до миллиметров; и если для ширины и длины это может быть необходимо (я сильно в этом сомневаюсь), то для одинаковой для всех толщины в 0,5 м три знака после запятой явно избыточно.

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

Это все же похоже на таблицу, но гораздо лаконичнее и очевиднее.

А вот пример неверного выбора типа таблицы. Шапка расположена горизонтально. Но названия слишком длинные для такого количества столбцов. Их тяжело читать. А самих данных всего одна строка.

Выход очень простой - развернуть таблицу вертикально.

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

И для завершения этого раздела - пример самого бесполезного слайда с таблицей.

Это график организации работ. Практический смысл показа = 0. Даже на мониторе рассмотреть что-то не просто. Тем более на экране проектора со слабой контрастностью. Если для презентации необходимы данные из такой таблицы - создайте отдельный "усеченный" вариант, где будет та информация, которая важна для рассказа. Вся таблица на слайде, повторюсь, абсолютно бесполезна.

3. Графики и диаграммы

Рассмотрим ошибки при визуализации данных. Очень часто неправильно выбирают тип диаграмм и графиков. Лучшая (по моему мнению) книга по правильному выбору и их использованию: Джин Желязны "Говори на языке диаграмм". Выбор визуализации данных - не просто вопрос эстетики. Для разных типов данных следует выбирать разные типы диаграмм или графиков.

Вот слайд с гистограммой. Тип диаграммы выбран правильно. Но обратите внимание на горизонтальную ось. Какие именно конструкции и какие у них размеры нам предлагают оценить? Это частая ошибка, когда подписи данных забывают добавить и делают диаграмму бесполезной.

Следующий слайд содержит график. И это уже грубая ошибка выбора типа визуализации.

Горизонтальная ось сообщает нам, что мы видим частоты для разных форм (чего именно не понятно и это тоже ошибка). То есть данные представляют собой дискретные величины, а не последовательность или временной отрезок. Графиком можно показать развитие условно-непрерывных величин (например, годы, размер населения, объемы продаж). В нашем случае, мы не можем представить переходную стадию из "формы 1" в "форму 2". Здесь уместно применить гистограмму, как на рис. 3.1, но никак не график.

 А это пример слайда, где диаграмма вообще не нужна.

Ошибки:

- названия слайдов не должны содержать переносы слов, выбирайте шрифт меньше или переносите слово целиком;

- таблица с данными излишне усложнена; ее будет лучше представить как было показано выше на рис. 2.6.

- по диаграмме нельзя понять главного - точных значений данных; нет подписей; кроме того, выбран абсолютно бесполезный (во всех случаях) ТРЕХМЕРНЫЙ вид гистограммы для ДВУМЕРНЫХ данных;

- ГЛАВНАЯ ОШИБКА: гистограмма для двух данных не требуется.

Гистограмма бесполезна более, чем полностью! Она не несет никакого практического смысла. Достаточно было написать в две строки "Первоначальные/Оптимизированные данные - значение этого параметра".

И снова неверный выбор типа визуализации.

Если посмотреть на слайд, то станет понятно, что данные в сумме дают 100%. То есть у нас данные по частям целого. А это сфера применения круговых диаграмм, а не гистограмм.

Кстати, снова использован трехмерный вид. Не используйте его в серьезных презентациях. Он не читаем.

Вот мой вариант представления той же информации.

Я перефразировал подзаголовок так, чтобы убрать дублирование и упростить чтение информации. Также будет полезной цветовая идентификация - красный цвет означает самую проблемную часть и привлекает внимание. Данные стали гораздо нагляднее. Но нужно быть аккуратным с этим типом диаграмм. Если данных будет слишком много, то круг превратится в изрезанный и малопонятный торт разноцветных лепестков.

Как, например, в следующем примере.

Если сложить данные, то получиться снова 100%. Есть только вопрос с последним столбиком. Над ним нет данных и для него нет места в 100%. Хотя по размеру он должен быть равен около 8%. Это намек на то, что экспертные организации не сделали ошибок? Странный столбик.

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

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

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

Тогда я бы предложил отказаться совсем от диаграмм и представить все вот так.

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

Теперь пример неправильного использования диаграмм SmartArt. Этот инструмент появился в Microsoft Office в версии 2007 года и, на мой взгляд, испортил миллионы презентаций. Как и многие инструменты в PowerPoint, SmartArt слишком настойчиво подсовывает разные "стеклянно-выпукло-градиентные" варианты оформления и сбивает авторов с основной цели - донести информацию.

Вот пример двух таких диаграмм на одном слайде.

Если внимательно изучить слайд, станет понятным, что автор старался показать какие факторы имеют значение, а какие нет. Но на конференции или собрании времени на такое изучение точно не будет!

И снова мы видим ошибку - нет названия слайда, совершенно не понятно о чем идет речь.

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

Диаграмма справа тоже содержит простое перечисление. Что тоже не соответствует внешнему виду.

Диаграммы выбраны просто исходя из "чувства прекрасного" автора. И оно, это самое чувство, у автора хромает на обе ноги.

Есть случаи, когда часть текста можно сгруппировать и заменить изображениями или иконками, значительно упростив читаемость слайда.

Этот слайд со схемой SmartArt. Данных много, длина фраз в блоках разная. Быстро охватить взглядом и получить общее представление достаточно тяжело.

Попробуем упростить эту схему.

Во-первых, сгруппируем схожие источники. Мы видим, что есть несколько видов рельсового транспорта. Есть колесный и гусеничный транспорт и т.д. Для каждого источника подберем иконку с характерным изображением. Для этого снова используем сайт Noun Project. Для того, чтобы найти нужное изображение используйте поиск по словам (например, я искал иконки для этого слайда по словам car, explosion, hammer, train, oil и т.п.).

Получился вот такой слайд.

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

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

Пример 1. "Когда хочется впихнуть невпихуемое".

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

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

Пример 2. "Ну, понятно же всё!"

Это тоже реальный слайд. Я даже комментировать не могу. Может потому в Украине так плохо с инновациями, что система выглядит вот ТАК! В любом случае, понять из этого слайда можно лишь то, что понять ничего невозможно.

Пример 3. "ППЦ по-военному"

Мой любимый слайд ever! Это слайд с презентации одного из американских военных ведомств, посвященной миссии в Афганистане. Он показывает взаимосвязи различных аспектов операции. Повторюсь, это презентация для ВОЕННЫХ! Если они действительно могут быстро понять такое изображение на экране проектора, то я пересмотрю свое отношение к армии ;)

Прониклись?! Тогда перейдем к ошибкам слайдов с рисунками.

4. Рисунки и фото

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

Вернусь к одному из уже показанных слайдов. 

"Фото или картинка как фон" - самая распространенная ошибка. Любое изображение на слайде должно нести информацию, а не выступать в качестве фона. Если вы хотите показать фото и рисунок чего-либо, то не накладывайте на него текст. Максимум, сделайте в одном из углов подпись на однотонной подложке (если такая подпись необходима). Но делать фон для текста нельзя. Вы понижаете его читабельность и отвлекаете внимание.

Еще раз утверждаю - фон-картинку для текста делать не нужно!

Вот еще пример из уже упомянутой мною "креативной" презентации, где дизайн поставили выше полезного наполнения.

Самая важная смысловая часть занимает едва ли 10% от всей площади слайда. Мы видим "пол из циферок", оранжевые полосы, тени. А самый главный рисунок занимает скромное место в рамочке.

Если студенты с последней парты не разберут этой схемы, то вина будет на преподавателе. Этот пример из учебной презентации, но он актуален и для любого другого типа. 

Если убрать весь "мусор", то получим приблизительно следующий вид.

Такой слайд легко читается, легко распечатывается. Его видно из далека.

Еще замечу, что не нужно делать на слайдах подписей рисунков в стиле "Рис. 1 - название". На слайде (нормальном слайде) не может быть много рисунков. Номер рисунка заменяет номер слайда. Подробнее об этом я писал в своем пособии.

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

Закроем глаза на нездоровую страсть автора к эффектам текста и рассмотрим основные ошибки данного слайда:

- фон слайда абсолютно не "украшает" и не "помогает";

- рисунок явно сканирован из книги советского времени и автор даже не постарался как-то обработать его для повышения качества изображения.

На месте автора, я бы увеличил схему на весь слайд и сделал более контрастной инструментами самого редактора PowerPoint. Цифры на картинке я бы затер и на их место поставил подписи. Таким образом, чтобы избавить зрителя от необходимости постоянно бегать глазами от картинки к подписям.

Делайте все, чтобы зрителю было легче и быстрее вас понять!

Часто бывают ситуации, когда в качестве доказательства своих слов можно привести несколько фотографий. Не нужно их все "лепить" на один слайд. Следующий пример как раз из этой категории.

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

А это пример не очевидной, но весьма неприятной ошибки.

Видите ошибку? Или скорее сказать, обман!

Название точно указывает, что презентация относится к вопросам территории города Днепра.

А на фото? А на фото - город Дубай. Поверьте мне, жителю этого самого Дубая.

Вроде бы несущественно, но если автор позволяет себе обманывать уже на титульном слайде, то и дальше вера к его словам будет не слишком велика. Хотите обмануть? Так сделайте это аккуратнее и незаметнее.

Думаю, что такая картинка взята просто из-за ее эффектности. Но подмена на лицо.

И я просто обязан упомянуть о слайдах с "несерьезными картинками". Вот пример.

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

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

Котики не помогут разрядить обстановку. Иногда такой инфантилизм может просто угробить отношение к вам, как к специалисту. Любой юмор в презентации должен быть многократно взвешен и продуман. Если же вы только начинаете оттачивать свои навыки выступлений, то не используйте юмор вообще. Юмор - эффективное оружие в умелых руках, но только в умелых. 

Не могу также не вспомнить о просто отличном случае в интернете. Если вы помните, некоторое время назад разгорелся скандал в США (и не только) по поводу некой программы Prism по слежению за пользователями разных интернет-сервисов. Суть была в украденной презентации (якобы настоящей), которая показывала успехи и перспективы этой самой программы по слежке.

Так вот сами слайды этой презентации были сделаны настолько отвратительно и бездарно, что один из пользователей интернета (к сожалению, не помню его имени) создал переработанную версию этих слайдов. Действительно, талантливо и качественно! Полюбуйтесь.

Оригинальный слайд / Переработанная версия

И последний слайд. Это для того, чтобы вы поняли каким слайдом НЕ НУЖНО заканчивать презентацию.

А ведь это реальный слайд из реальной презентации... Не делайте таких слайдов, в зале могут быть люди со слабой психикой.

Я показал лишь некоторые характерные ошибки и примеры. Ежегодно тренды в оформлении презентаций меняются, но общие принципы неизменны. И главное, делать по-настоящему отличные презентации вам помогут только наблюдения за чужими выступлениями и собственный опыт!

На последок, хочу попросить всех, кто дочитал этот длинный пост, присоединится к моей игре по поиску страшных, ужасных и неудачных презентаций! Если вы находите их - присылайте мне на почту mail@alex-ivanov.net. Вместе обсудим и поделимся с другими :)

Удачных презентаций!