Понравилась презентация – покажи это...
Слайд 0
Как делать презентации, или почему не все взлетает?
Константин Кичинский
@konkich | blogs.msdn.com/kichinsky
Слайд 1
Зачем вообще нужно делать презентации?
Слайд 2
=SHARING=
надо рассказать
(почему?)
хочу рассказать
(чтобы что?)
Слайд 3
=SHARING=
надо рассказать
(почему?)
хочу рассказать
(чтобы что?)
больше гибкости
в формате
* рассказ друзьям/коллегам
* неформальные встречи
* индустриальные конференции
больше диктует
формат и структуру
* диплом
* отчет/планирование
* научная конференция
Слайд 4
Слайд 5
What
When
Where
How
Why
INPUT
OUTCOME
Слайд 6
Как делать готовить презентацию?
Слайд 7
1. Поместить себя в суп
Надо заставить себя повариться в теме и рассуждениях на тему.
Отвлечения хороши.
Параллели хороши.
Слайд 8
2. Специи и дрова
Периодически добавлять специи и подбрасывать дрова.
Контролируйте время до часа Х.
Делайте заметки.
Слайд 9
Wild Wild Web. Era HTML5 @toster
Слайд 10
Wild Wild Web. Era HTML5 @toster
Слайд 11
3. Говорить
Пробуйте рассказывать отдельные куски и целиком весь доклад одним потоком.
Отмечайте стоперы, зацикливания и т.п.
Упрощайте.
Слайд 12
4. Структура
Сделайте наброски структуры.
Пишите списки
Рисуйте схемы и MindMap
Используйте бумагу, доски, блокноты
Слайд 13
Мастер-класс по дизайну для WP
Ключевые темы/идеи
сортировка
приоритезация
тайминг
3,5ч ? 210мин ? 21 слот
Слайд 14
Мастер-класс по дизайну для WP
Слайд 15
На парусах HTML5 @ UX2011
Идея 5А
accessible
adaptive
agile
async
attractive
Слайд 16
На парусах HTML5 @ UX2011
Слайд 17
Это схема данной
презентации.
Слайд 18
5. Повторяйте
Goto step3
Goto step2
Слайд 19
Что важно помнить о структуре и композиции?
Слайд 20
1 слайд — 7 строк — 7 слов
40 секунд
Слайд 21
1 слайд — 7 строк — 7 слов
40 секунд
Слайд 22
НЕТ ЕДИНОГО ПОДХОДА ДЛЯ ВСЕХ ТИПОВ ПРЕЗЕНТАЦИЙ— включайте локигу и чувство вкуса
Слайд 23
ЕСТЬ ОБЩИЕ СОВЕТЫИ НЕКОТОРОЕ ПОНИМАНИЕ РАБОТЫ МОЗГА— не выключайте логику и чувство вкуса
Слайд 24
Слайд 25
МЫСЛЬ МОЖНО ДОНЕСТИ
Одним твитом
За одну минуту
За 5 минут (Ignite)
За 20 минут (TED)
За 1 час (как мы)
Слайд 26
Иерархия презентаций от Сета Година.
Слайд 27
ЕСЛИ БЫ ЛЕКЦИИ БЫЛИ БИЗНЕСОМ,
ЭТО БЫЛ БЫ НА 80% ПРОВАЛЬНЫЙ БИЗНЕС.
Слайд 28
Слайд 29
Введение в разработку под W8
Слайд 30
Слайд 31
KeyNote @ HTML5 Camp
Слайд 32
KeyNote @ HTML5 Camp
Слайд 33
Слайд 34
Немного про мозги трюки PowerPoint.
??
Слайд 35
Мы все — результат эволюции.
Слайд 36
Мозг —
результат
эволюции.
Слайд 37
ГОТОВЫ СТАТЬ УЖИНОМ?
Слайд 38
ЭТО ОДИН ИЗ НАШИХ СОРОДИЧЕЙ.
ОН НЕ ЗНАЕТ PowerPoint.
Слайд 39
Слайды
Слайд 40
Текст
Объем
Чем меньше нужно читать, тем лучше.
Твиттер-формат — хороший формат.
Слайд 41
Слайд 42
К4КN3 У9N8N73ЛЬНЫ3 83ЩN М0Ж37 93Л47Ь Н4Ш Р4ЗУМ! СН4Ч4Л4 Э70 6ЫЛ0 7РУ9Н0, Н0 С3ЙЧ4С Н4 Э70Й С7Р0К3 84Ш Р4ЗУМ ЧN7437 Э70 4870М47NЧ3СКN
Слайд 43
Текст
Объем
Чем меньше нужно читать, тем лучше.
Твиттер-формат — хороший формат.
Исключение
Нужно показать, что этот текст есть.
Цитата, отзыв, статья и т.п.
Выделите ключевые мысли.
Слайд 44
Шрифты
Гарнитура
Каждый новый шрифт должен быть обоснован.
Вшивайте кастомные шрифты в презентацию
Размер
2–5 разных размеров шрифта
Насыщенность с умыслом
Слайд 45
Цвет
Ограниченно
Ч/б + 1 основной + 2-3 дополнительных
Используйте палитры
Помните о контрасте и ассоциациях
Слайд 46
Фотографии и картинки
Слайд 47
Фотографии и картинки
Парадокс
Мы умеем быстро оценивать реальный мир.
Фотографии рулят и привлекают внимание.
Мы медленнее понимаем картинки с эффектами.
Используйте простые изображения.
Metro-дизайн рулит.
Слайд 48
Фотографии и картинки
??
??
Слайд 49
Видео и анимации
Мы реагируем на все, что движется в поле нашего зрения.
Анимации — страшное оружие!
Слайд 50
Переходы
Ограничьтесь максимум 2 типами.
Помните о задержках
Сокращайте до <1-1,5с
Слайд 51
Шаблоны
Шаблоны нужны, чтобы не думать.
Я готовлю шаблон для
серий выступлений
конференций
серьезных выступлений
После этого я могу не думать над шаблоном.
Слайд 52
Шаблоны
Шаблоны нужны, чтобы не думать.
Я готовлю шаблон для
серий выступлений
конференций
серьезных выступлений
После этого я могу не думать над шаблоном.
Слайд 53
Шаблоны
Шаблоны нужны, чтобы не думать.
Я готовлю шаблон для:
серий выступлений
конференций
серьезных выступлений
Сетка — это хорошее подспорье.
Все метро-плитки делаются и размещаются по сетке
Слайд 54
Детали vs. “big picture”
Если вы рассказываете много, дайте возможность увидеть всю картинку целиком.
Фокусируйтесь в один момент на одной вещи
подробности или
вся картина целиком
Слайд 55
Важные моменты для тех, кто показывает код.
Слайд 56
var a = [1, 2, 3, 4];
function y(array) {
var sum = 0;
for (var i = 0; i < array.length; i++) {
sum += array[i];
}
return sum;
}
Вставка кода
Моноширный шрифт + раскраска
Слайд 57
Демонстрация кода
Просмотр
Увеличивайте шрифт в редакторе, ZoomIt
Скорость
Используйте сниппеты
Готовые примеры
Готовьте backup
Демо в видео/картинках (помните о кодеках)
Слайд 58
Отвлекающие факторы
Активные
Выскакивающие сообщения IM и почты
Сообщение об изменении режима
Пассивные
Лишние иконки в панели задач и на столе
Слайд 59
Итоги
Слайд 60
“Big picture”
Определитесь с целью
Поваритесь в теме
Продумайте структуру
Реализуйте в слайдах/картинках и т.п.
Покажите
Слайд 61
История
Ваша презентация должна рассказывать историю.
Она может побуждать к конкретному действию.
Она может менять мировоззрение слушателя.