Сториборды

Автор: Александр Томилин
Большинство презентаций, а вместе с ними и зрителей, страдают от типичных ошибок:
• банальные визуальные решения на слайдах;
• куча текста, которую лучше было бы визуализировать.
В этой статье сосредоточимся на этих двух типичных ошибках.

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

Дальше мы расскажем:
• какую лепту сториборды внесли в создание наших с вами любимых мультфильмов,
• как они могут помочь нам делать крутые презентации,
• как они выглядят.
1. Роль сторибордов в создании диснеевских мультфильмов
Некоторые из известных мультфильмов The Walt Disney Company
Целые поколения людей выросли и будут расти на диснеевских мультфильмах. С1923 года компания Уолта Диснея снимает мультики с интересным сюжетом и хорошей прорисовкой. Такие мультфильмы создаются годами, в процессе создания их сюжет может неоднократно поменяться, чтобы зритель с интересом смотрел их от начала до конца.

Сначала полностью отрисовать мультфильм, а потом менять его сценарий — затратно и глупо, работа делается впустую. Гораздо логичнее сделать черновик, обсудить его со сценаристами, а потом рисовать уже вчистую, правда?

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

В студии Диснея решили эту проблему давным-давно. Чтобы не тратить каждый раз ресурсы на перерисовку неутвержденных сцен, они ввели сториборды, то есть визуализации сценария без особых деталей.
Мы не пишем истории, мы рисуем их
— Уолт Дисней





Сториборда обычно хватает, чтобы сценаристы смогли пройтись по кадрам мультфильма и увидеть, чего в нем может не хватать, какой сюжетный поворот стоит изменить или какого персонажа добавить. Интересная документалка о сторибордах →
Сториборд к мультфильму Алладин
Сториборд оказался незаменимым инструментом для создания мультфильмов. Позже его стали использовать и другие киностудии, например, Pixar.
Сториборд к мультфильму «Вверх» от студии Pixar
Еще cториборды применяются в производстве фильмов и рекламы. Намного легче продать идею рекламного ролика клиенту не на словах, а с помощью нарисованных кадров будущего ролика.
Мы часто используем сториборды при создании презентаций и советуем всем.
2. Как сториборды помогают делать крутые презентации
Продумывайте вашу презентацию еще до того, как вы открыли PowerPoint / Prezi / Keynote и создали первый слайд.
Начните с того, чтобы определить, какой текст должен находиться на слайдах и что из этого можно визуализировать. Текст на слайдах — это не повторение вашей речи. Все, что находится на слайде, должно дополнять, а не заменять вас.
Такой текст будет оставаться на слайдах, либо заменяться релевантными визуализациями.
Дальше берём ручку/карандаш, лист бумаги и начинаем зарисовывать слайды. Сториборд не обязан быть отрисован супер аккуратно, главное, чтобы вы могли объяснить коллеге, что планируется на слайдах.
Мой сториборд к презентации о компании S2Go (название компании изменено для статьи).
Я — один из недизайнеров в Reprezent, наши дизайнеры рисуют сториборды намного профессиональнее :)
Но и этот сториборд можно обсуждать с коллегами, по нему понятно, где что будет.
Когда у нас есть такие зарисовки, это существенно экономит наше драгоценное время. Ведь теперь не надо держать все в голове. По готовым зарисовкам можно намного быстрее найти иконки в интернете или же нарисовать их вручную.

Есть и другой аспект работы с презентациями — многие привыкли для визуализации текста на слайде использовать решения, которые всегда применяли до этого, или первую идею, которая пришла в голову. Нарисовав несколько вариантов одного слайда, можно их сразу сравнить и выбрать, какой подходит больше.
Сториборды помогают уйти от банальных идей визуализаций на слайдах
На лекциях и воркшопах мы предлагаем упражнение: каждому участнику придумать пять вариантов визуализации слайда с текстом «У нашей компании 5 офисов в разных городах Украины».

На задание дается три минуты и потом мы смотрим, сколько получается уникальных вариантов. Обычно их 15−20. Даже за три минуты брейншторма можно придумать интересный слайд.
Практическое задание (кликните, чтобы посмотреть):

Попробуйте засечь три минуты и самостоятельно нарисовать 5 вариантов того, как может выглядеть слайд с текстом «У нашей компании 5 офисов в Украине (Киев, Харьков, Одесса, Львов, Николаев)». Первое, что приходит в голову — нарисовать карту и на ней точками показать размещение офисов. Или же оставить просто список из 5 городов. Эти варианты зачастую подходят, но они — банальны. Пока оставьте их в стороне. Попробуйте зарисовать 5 других интересных решений, и можете поделиться своими зарисовками в комментариях к статье. Давайте посмотрим, сколько получится уникальных вариантов одного слайда среди читателей этой статьи.
3. Примеры сторибордов
Подпишитесь на рассылку
Мы регулярно наполняем блог статьями о том, как делать крутые презентации.
Будем держать вас в курсе нового контента на сайте, образовательных мероприятий и новостей из жизни команды.
Присылаем письма редко, но по делу.
Нажимая на кнопку, вы даете согласие на обработку персональных данных. Пользовательское соглашение Reprezent.
Ниже несколько примеров того, как выглядят слайды на сторибордах, а как —в готовом виде. В процессе дизайна конечно же могут меняться элементы. Но зачастую в сториборде уже показано, как именно будут выглядеть иконки, какие нужны фотографии, где будет находиться текст или числа, на которые хотим обратить внимание.
Мы уже знаем, где искать качественные материалы. С готовым сторибордом, просто ищем иконки, картинки, следим, чтобы они все были в одной стилистике и вставляем их в презентацию.
Обсуждайте презентацию на этапе сториборда
Мы часто делаем презентации для спикеров. Для конференции TEDxKyiv это в среднем 8−10 презентаций, которые необходимо подготовить в течении двух-трёх дней. В ситуациях, где презентацию увидят минимум 500 людей в зале, права на ошибку нет.

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

Такой процесс отлично подойдет для всех, кто делает презентации не для своего выступления, а для выступления другого человека.
Сториборд презентации к выступлению Андрея Баумейстера на TEDxKyiv'16. Сториборд был нарисован во время репетиции, согласован со спикером и позже была сделана презентация за ночь перед выступлением.
А кто-то из вас уже использует сториборды? Поделитесь впечатлениями в комментариях к статье.
Дополнительные материалы
Минидокументалка по сторибордам: https://www.youtube.com/watch?v=BSOJiSUI0z8
Статья по сторибордам от Pixar: http://pixar-animation.weebly.com/storyboard.html
Блог Гарра Рейнольдса: http://www.presentationzen.com/presentationzen/2014/05/storyboarding-the-art-of-finding-your-story.html


Получать новые статьи прямо на e-mail
Мы работаем над новыми полезными статьями. Чтобы получать обновления нашего блога, оставьте, пожалуйста, свой e-mail.
Нажимая на кнопку, вы даете согласие на обработку персональных данных. Пользовательское соглашение Reprezent.
Рекомендуемые статьи