# Презентации Яндекс

Конспект [классной лекции](https://www.youtube.com/watch?v=S0r0fMJa9eA&feature=youtu.be) от Яндекса

## Основные компоненты

* Структура
* Рассказ
* Дизайн

## Жизненный цикл презентации

### Идея

**Зачем** я рассказываю свою презентацию?
**Что** я хочу в итоге получить?

Это поможет сформировать цель.

**Что** я хочу, чтобы было на выходе?

### Аудитория

**Для кого** эта презентация?

Поможет **определить ход повествования,** термины и т.д. => уточнить задачу, по сути.

#### Три кластера аудитории

* "Знаю"
* "Что-то знаю"
* "Не знаю"

Пытаемся определить, **кто из кластеров придёт** - чтобы понять, давать ли вводные и т.д. => **кто будет** на выступлении.

### Концепт

**Краткий план** будущего рассказа, буквально **тезисно.**
Цель такая, аудитория эдакая, поэтому план: 1, 2, 3, 4...

### Тест

Друзьям, коллегам, в идеале - **схожему с будущему ЦА** человеку.
Станет **понятно, что поменять** - обратная связь всегда полезна

### Сценарий

Не только **что** рассказывать, но и **как** будет проходить всё: например, реквизит и т.д.

**Основа:** главная мысль, которая часто разбивается на 3-4 блока, затем вывод.
Есть уже модели типа MINTO и т.д.

Обычно **20% вводная часть, 60% основная, 20% выводы**; но в зависимости от аудитории эти проценты, понятное дело, меняются.

### Раскадровка

**Последовательность слайдов;** буквально на бумажке можно разбить, или в блокноте.

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

### Форма

То, во что мы **запаковываем идею.**
Может быть и не презентацией - предметом, рисунком; понятное дело, **стандарт отрасти - слайды.**

#### Дизайн

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

#### Важность визуального ряда

По исследованию Джона Медины, если мы не используем никакого визуального ряда в презентации, то, в среднем, через **72 часа у аудитории в голове останется всего 10% информации;** при подкреплении **визуальным рядом - до 65%.**

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

## Семь принципов "сбора" презентации

### "Белое" пространство

Многие боятся оставлять слайд чистым => глаза аудитории бегают по слайду, не понимая, где найти главное.

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

**Иерархия и композиция критичны.**

### Читабельность

1. **Задаём поля** - отступы слева, справа, снизу, сверху; лучше **побольше** - иногда оборудование висит не очень ровно, и так мы **точно не потеряем контент** (если проектор будет висеть криво) + презентация будет выглядеть более "собранной", структурированной.

2. Частая **ошибка - помещать много информации в композиционно нижнюю часть** слайда. Часто внизу будет не всем видно: стулья стоят в ряд, часть экрана за лектором, тумбой и т.д., и это будет мешать воспринимать => всё **важное выносим в центр либо чуть выше, чтобы слайд точно воспринимался** с расстояния.

3. Определяем, **где заголовок, где основной текст** - по сути, создаём макет будущего слайда. Важно - **после определения местоположения заголовка, поддерживаем это на всех слайдах** (иначе аудитория не привыкает к чёткой структуре - глаза бегают => больше времени на восприятие слайдов). **Чем меньше** элементов, **тем лучше.**

4. Избегаем расположения заголовков по центру - из-за разного их размера глаз будет постоянно бегать туда-сюда. Плюс, мы привыкли читать слева направо => опять же, снижаем время восприятия. Хорошо могут работать, **если лаконичный фон + краткий тезис** (акцент).

5. Иногда **маленькие заголовки** хорошо работают - когда презентация **разбита на несколько частей** => текст является подсказкой, где мы находимся (**аналог колонтитула**/хлебных крошек в навигации)

6. **Одна идея - один слайд** (если так будет получаться, это идеально). Когда пытаемся показать всё - аудитории сложнее воспринимать.

7. Большие заголовки - очень плохо. Сократить **до одной, максимум двух, строк.** Хорошая презентация читается по заголовкам.

#### Шрифт

**Один шрифт - одна презентация** (безопасно на начальном этапе, чтобы не совмещать). Менять только размер шрифта - обычно **достаточно три-четыре размера шрифта**, единой системой размеров => разный размер от слайда к слайду очень бросается в глаза ("не доделали").

**В зависимости от объёма** презентации размер шрифта. Обычно - **не менее 45 пт.** Минимальный размер **для сносок - 30 пт.**

В Яндексе применяются **4 группы размеров:**

1. **120 пт** - слайды-разделители (разбивка презентации на части + слайды с темой)
2. **80 пт** - заголовки
3. **48 пт** - основной текст
4. **30 пт** - сноски

Проблема отсутствия шрифтов на разных устройствах. Решение - стандартные шрифты (*От меня - почему бы не в pdf?*) типа даже Arial.

Очень много текста - плохо. Аудитория обычно запоминает 3-4 пункта (иногда - 5); остальное "улетает" из головы **или запоминается выборочно**. Делим на **ключевые тезисы, выжимку** - чтобы аудитория не запомнила выборочно.

Для слайдов с **кодом - моноширинные шрифты:** Hack, PT Mono, Courier. Другой вариант - скриншот; но **в случае скриншота также приводим к единому размеру**.

**Светло-серые подложки часто теряются** из-за проблем с оборудованием; безопаснее **белая или тёмная подложка**.

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

**Кавычки** - "ёлочки"/"галочки" учитывать.

**Ё - использовать** всегда.

### Выравнивание

**Единая логика/сетка**, по которым выравниваем, в частности, изображения. **Верхняя и нижняя границы выровнены по единому принципу** - воспринимается проще.

#### Важно:

* Качество => **по длинной стороне >1600 px**, чтобы можно было растянуть на весь слайд.
* Уместность => Не помещаем **вертикальные изображения на весь слайд** без информации сбоку. **Не использовать заезженные материалы,** особенно сверхпопулярные изображения с фотостоков - может вызывать смех.
* Единство стиля => в первую очередь, для иллюстраций. Подбираем **схожие по стилистике**, чтобы не было диссонанса. Два стиля **уместно** использовать в случае **"Раньше - Сейчас"**

#### Копирайты

Безопаснее не нарушать, т.к. это неприятно + юридически не особо легально. **Может испортить репутацию**, причём незаметно, но быстро.

**Бесплатные фотостоки:**
* https://deathtothestockphoto.com
* https://gratisography.com
* https://splitshire.com
* https://picography.co
* *от себя - на **AppSumo** часто бывают распродажи с lifetime-доступом к фотостокам*

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

### Акцент

**Оставлять главное** - всегда думать, есть ли смысл оставлять элемент/изображение.

**Учитывать время на подготовку** презентации - в голове рисуется красивая презентация, а на деле выйдет то, на что хватит времени => [*Правило Румсфельда*](https://www.goodreads.com/quotes/1215538-you-go-to-war-with-the-army-you-have-not)
**Лучше собрать 5 хороших слайдов**, чем 30 посредственных.

#### Важное

Если важен каждый элемент, акцент на каждый:


В ином случае - **акцент только на то, что важно:**


> Этот принцип относится ко всему - **выделяем только то, что важно, чтобы не давать аудитории задумываться** и делать "лишний" выбор.

#### Данные/диаграммы

Можно разбить на четыре большие группы:

* **Сравнение**, в т.ч. **отображение динамики** данных. Встроенные 3D-диаграммы плохо работают, т.к. мы усложняем контент.
* **Состав/структура**
* **Отношение**
* **Распределение**

Иногда не видим, что происходит с частью данных (если хотим скрыть, это приемлемо):

Линиями - всё равно много элементов:


Можно убрать ещё лишние элементы, оставив важное:


И, если нам важна только динамика, можно ещё упростить:


**Вывод:** стараемся упростить искусственно, оставляя только один акцент.

### Единство

Единство стиля, единство логики повествования.
**Один контент - одна структура** (напр. заголовок, иллюстрация, текст с правой стороны =>** соблюдать это и далее** для похожих по структуре информации слайдов)

#### Логотипы

Также отображаем по **единой сетке** (в идеале - разбиваем на колонки):


### Контраст

Выделяем ключевое за счёт контраста (учитывая особенности проектора - в частности, более глухие цвета).
**Вывод:** **подбираем контрастные и яркие цвета**; на мониторе будет бить в глаза, а на проекторе будет смотреться иначе/адекватно.

### Расположение объектов

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

#### Инфографика

В инфографике аналогично - **близкие блоки "живут" вместе:**


Если **разделить - смысл потеряется:**


#### Скриншоты

**Не бояться показать интерфейс/всё** целиком - затем фрагменты. **Иначе** у аудитории **может не оказаться контекста;** и зритель не поймёт/не найдёт потом элемент.

Когда необходимо показать устройство - можно показывать и его:


Затем погружаем с помощью следующего слайда или анимации.

Когда речь **о мобильных** - не вставляем скриншоты без **среды/телефона**

## Программное обеспечение

**Powerpoint/Keynote** - многие ругают, но они позволяют делать хорошие презентации без доп. эффектов.

**Prezi** - раньше была WOW, после выхода. На деле - часто возникают технические сложности с отображением контента + "морская болезнь" из-за резкой смены слайдов. Спорный продукт, нужен подход.

**Google Slides** - пока что недостаточный функционал.

**Slides.com** - можно помещать HTML-контент.

**mySimpleShow** - для быстрого сбора презентации иногда оптимально.

## Заметки

### Анимация

Анимация в них устарела + аудитория насытилась настолько, что это вызывает отторжение. **Анимация - только оправданная.**

### Формат

Брать **16:9,** чтобы нормально отображалось на 4:3.
Всё идёт к тому, что **стандартом скоро станет 16:10.**

### Книги

**"Принцип пирамиды Минто"** Барбара Минто
**"Бла-бла-бла. Визуальное размышление"** Дэн Роэм
**"Блестящие совещания"** Ди Келси, Пэм Пламб
**"iПрезентация"** Кармин Галло