minsk-css-itechart-10.jpg

Советы по подготовке презентаций от iTechArt

29 марта 2018
nikita-dubko

Никита
Дубко

Веб-разработчик, который любит верстать

Инженер компании, один из лидеров сообществ MinskCSS, MinskJS и конференции CSS-Minsk-JS рассказывает, как сделать по-настоящему запоминающуюся техническую презентацию.


За три месяца 2018-го я провел три презентации в формате Dev2Dev внутри компании, несколько выступлений для независимых минских сообществ и студентов, которые посещали iTechArt в рамках профориентационных встреч.

Как готовиться?

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

Свой первый доклад я вообще прочитал спонтанно и неожиданно для себя самого. Это было выступление на WSD в Минске про CSS Houdini – экспериментальный набор спецификаций, который, на мой взгляд, перевернет веб-разработку в ближайшие 10 лет. Но на момент подачи заявки за две недели до самой конференции у меня был только набор заметок и различных статей по теме, пара просмотренных докладов на YouTube и море энтузиазма разобраться в теме. Заявку подал, не ожидая, что ее примут, потому что на тот момент был, как говорят, «noname», который еще и с подачей заявки затянул. Но ее неожиданно приняли, причем в течение 10 минут, так как тема интересная – пришлось усердно готовиться, чтобы не упасть в грязь лицом. Сейчас по этой теме много «хайпа», так как в Chrome часть спецификаций Houdini появилась вне экспериментальных, выключенных по умолчанию, возможностей, а всего полгода назад докладчиков с этой темой можно было пересчитать по пальцам одной руки.

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

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

Оформление визуальных материалов

У меня уже выработан свой подход к подготовке слайдов в частности и доклада в целом. Сначала я в течение нескольких дней, иногда недель, глубоко прорабатываю материал и конспектирую его в обычной заметке в Evernote: выделяю тезисы, примеры кода, ссылки на доклады и статьи. Причем этот материал довольно хаотичен, эдакая свалка знаний по теме. Затем из всего этого пласта информации стараюсь выделить смысловые блоки, для этого использую популярный подход построения «карт памяти». Если под рукой нет блокнота (например, в транспорте), то составляю многоуровневый список в заметках на телефоне, в котором упорядочиваю информацию. После этого идет самый сложный этап – поиск линии повествования. Чтобы доклад был интересным и запомнился, нужно не просто выдать информацию слушателям, а провести их через некую связную историю с завязкой, сюжетом, развязкой. На этом этапе иногда приходится значительно переделать смысловые блоки, добавить или убрать информацию. Когда линия повествования готова, начинаю набрасывать к ней слайды. Изначально они выглядят как черновик вида «здесь будет слайд с информацией про ...», «здесь нужен пример кода» и так далее. И уже на этот каркас натягивается оформление, картинки, код, списки, демо-материал и прочие визуальные составляющие.

minsk-css-itechart.jpgminsk-css-itechart-8.jpg

О юморе в презентациях

Когда готовлю слайды, в первую очередь ориентируюсь на аудиторию, которая будет меня слушать, и тему доклада. На митапе для JS-разработчиков странно вставлять в рассказ шутку про Ruby – далеко не факт, что ее поймут, особенно если шутка не самая удачная. Но сам по себе юмор помогает сблизиться с аудиторией и убрать часть невидимой стены между докладчиком и слушателями. Пришел к этому тоже не сразу. У меня даже есть нарезка из видеозаписи моего первого доклада со спящими зрителями, которую, к слову, собираюсь использовать в каком-нибудь выступлении как часть самоироничной шутки.

minsk-css-itechart-3.jpgminsk-css-itechart-7.jpg

Супергерои или персонажи выдуманных вселенных – это подход в подготовке слайдов, в котором я себя сейчас пробую. На примерах известных всем персонажей удобно проводить аналогии. А на аналогиях можно легко объяснять сложные вещи. Найти такую удачную аналогию тоже сложно, потому что к ней ведь еще нужно привязать линию повествования. В общем, это довольно творческий процесс, который требует выделения на него длительного времени. Зато после нахождения той самой удачной линии доклад как будто сам по себе готовится, буквально за вечер.

Разумеется, это не авторский подход. Я стараюсь посещать всевозможные митапы и конференции, либо смотрю их записи в интернете. У некоторых спикеров подмечаю интересные идеи, способы подачи информации, тонкости взаимодействия с аудиторией. Например, идею использования персонажей как связующей нити доклада подсмотрел в лекции Сергея Попова для наставников HTML Academy.

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

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

Магия CSS вне Хогвартса

Как избавиться от ежедневной рутины верстальщика и начать творить магию на чистом CSS  выступление Никиты ДУБКО на MinskCSS Meetup #4.


1074
Стань частью нашей команды