Как загубить презентацию: 5 ошибок в дизайне (часть 1)

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

• Нет единого стиля
• Нет визуальной иерархии
• Трудно читать текст
• Слишком много информации
• Плохое иллюстрирование

01. Нет единого стиля

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

Убедимся на собственном опыте. Представьте, что три следующие картинки – это кусок одной презентации:

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

1. Не совпадают цвета. Если вы бывали на конференциях, где выступления идут одно за другим, вы скорее всего запомнили презентации именно благодаря цвету. У одного спикера с темой А было что-то зелененькое, а у второго с темой В были красно-оранжевые слайды… Цвет – хороший маркер, который помогает слушателю вспомнить содержание презентации.

2. Различаются графические приемы. На первом слайде у нас простые геометрические фигуры с однотонной заливкой, на втором – рисунки от руки, на третьем – градиенты. Если слушатель ненадолго отвлечется от рассказа и взглянет на текущий слайд, он может подумать, что вы начали новую презентацию.

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

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

02. Нет визуальной иерархии

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

Заголовок слабо выделяется из общего текста, предложения идут одно за другим, хотя содержат четыре отдельных равнозначных тезиса

Для разных информационных сообщений нужна разная структура.

Если у вас много цифр – таблица или график, если равнозначные тезисы – маркированные списки, а если последовательные пункты – нумерованные списки.

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

А еще построить визуальную иерархию можно с помощью шрифтов. Для заголовка обычно выбирают более крупные и жирные буквы, важная информация в тексте тоже может быть с жирным шрифтом, второстепенная – с курсивным.

Предыдущий слайд можно улучшить в несколько кликов. Вот так:

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

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

Читайте наш краткий конспект по верстке, чтобы грамотно размещать текст на слайдах.

03. Трудно читать текст

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

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

Тут три главные проблемы:

1. Текст бледный и фон бледный. Для читаемости очень важен контраст. Стоит либо делать темный текст на светлом фоне, либо светлый – на темном.

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

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

Самый простой способ сделать текст различимым – выбрать однотонный контрастный фон и крупный шрифт.

Теперь проблем с чтением не возникает

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

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