Как стать супергероем презентаций: дизайн

Editor's Notes

1. Начнем с части «Что» - и поговорим о том, что такое дизайн
2. Определений великое множество — и каждое по-своему верно, в зависимости от контекста
3. В 1960-е профессор MIT Герберт Саймон впервые предложил определение дизайна как изменение (или трансформацию) существующих условий в желаемые
4. Для нас это важно, поскольку впервые было предложено считать дизайн не результатом, как это чаще всего бывает (скажем, дизайн постера: вот дизайнер поработал и подготовил дизайн постера — законченный результат оформления)…
5. …а процессом. Дизайн — это изменение условий, следовательно оно происходит постепенно. А что самое интересное, если это последовательный процесс, в результате которого мы переходим от некой точки А (начальные условия) к некой точке Б (желаемые условия), то такой процесс может использовать кто угодно — и далеко не обязательно специалист с художественным образованием.
6. Вспомним такую штуку как AC DC. Все верно, так называется известная рок-группа. Однако это также название «войны токов», которая происходила в XIX веке между двумя известными джентльменами, изобретателями и дизайнерами, Николой Теслой и Томасом Эдисоном
7. Эти два великих изобретателя, казалось, отличались во всем - во взглядах, методах, принципах; И как минимум в одном они были полностью непримиримы: Тесла занимался теоретическими поисками, прежде чем приступать к практическим открытиям — и презирал подход Эдисона; в то же время Эдисон скептически относился к подходу Теслы, и постоянно экспериментировал на практике, постоянно пробуя новые варианты своих изобретений, пока не находил работающий вариант. Во многом благодаря своему дизайн-подходу Эдисон смог запатентовать первую лампу накаливания и совершить десятки новых изобретений. Компания, которую он основал, ныне называется General Electrics и имеет мировую известность. В то же время, имя Теслы известно нам прежде всего благодаря Тесла Моторс - компании, которую в 2000-х создал Элон Маск.
8. Эта история помогает нам понять, как интеративный подход в дизайне, а также понимание дизайна как последовательное изменение условий от имеющихся в желаемые, может дать конкурентные преимущества в работе. Теперь, понимая подход, мы можем перейти непосредственно к дизайну презентаций.
9. Вторая часть — о том, как дизайнить презентации.
10. Я глубоко убежден, что ответы на эти пять главных вопросов — ключ к успешному дизайну презентаций
11. Перво наперво, важно понять, кто ваша аудитория.
12. Готовясь к этому воркшопу, я использовал открытые данные о том, кто записался на лекцию. Это позволило узнать мне, кто придет на встречу, и быть готовым вести ее в ключе, который будет интересен большинству участников. Это так же позволило выбрать мне простой и динамичный стиль (об этом позже) — понимая, какая разношерстная публика будет в зале.
13. В реальности, используя всего лишь календарь вашей почтовой программы (Outlook, Google Cal, etc.), можно узнать и предположить уйму вещей о вашей аудитории.
14. Поняв, кто ваша аудитория, следует обратиться к тому, что же им нужно.
15. Это можно узнать и предположить заранее — погуглив участников, поискав их в соцсетях и предположив их потребности. Другой эффективный способ выявить потребности — предварительное анкетирование. Задайте три-пять вопросов, ответы на которые позволят вам более точно понять потребности слушателей, и это поможет сделать дизайн гораздо эффективнее. И, наконец, какие-то вещи можно спросить в самом начале презентации, записать на флипчарт - и убедиться, что вы затрагиваете их по мере презентации.
16. Тут моя любимая игра: найдите одно отличие. Важно помнить, что желания (они же хотелки) людей часто не совпадают с их потребностями. Как сказал Генри Форд: «Если бы я спросил людей, чего они хотят, они бы попросили более быструю лошадь».
17. Но Форд изучал потребности — и в итоге у него появилось более надежное, предсказуемое, быстрое, легко чинящееся, не болеющее, не требующее корма средство перемещения — из точки А в точку Б.
18. Итак, понимая кто ваши слушатели и в чем их потребности, пора задать себе вопрос — чего же я хочу сказать?
19. В контексте дизайна презентации ответ на этот вопрос помогает разложить вашу тему на три составляющих, которые я назваю «Правилом трех С»
20. Во-первых — это смысл. Понимая, что вы хотите сказать, поробуйте добраться до самой сути, максимально коротких и емких смысловых единиц, которые доносят то, что вы хотите сказать. Никто не любит в игре в дартс попадать в самый край круга, и все, наоборот, обожают бить в яблочко. Предложите это яблочко вашей аудитории в виде предельно осмысленного содержания.
21. Структура позволяет вам понимать, как вы будете двигаться между смысловыми единицами: что следует за чем, какие будут разделы, в каком ритме будет идти презентация и как это отразится в дизайне.
22. К примеру, в этой презентации есть три раздела, офомрленные в одной цветовой гамме, а также введение и финал. Разбив все, что я хочу сказать, на три части и сделав эти части максимально отличимыми, я позволяю слушателям легче воспринимать содержание — через дизайн структуры.
23. Стиль — это набор характерных черт, которые определяют тот или иной объект, группу людей, явление, промежуток времени или даже эпоху. Как стиль в дизайне помогает делать крутые презентации?
24. Представим, что мы хотим донести что-то максимально четкое, приказное, что-то не требующее отлагательств и возражений. Насколько подойдет стиль стихов Начала XIX века для отражения такого содержания? Не уверен, что стиль здесь будет отражать содержание. Можно почувствовать, как хочется добавить шрифту строгости, цветам четкости и контрастности, и в целом создать ощущение от стиля: «это приказ», «это важно», «это решение не обсуждается».
25. И такой стиль несложно себе представить. Четкие контрастные цвета (белый-черный-красный), рубленый шрифт вроде Родченко — это все дает ощущение эпохи, серьезности, безотлагательности. Похожее мышление очень помогает в определении стиля практически любой презентации.
26. Четвертый, самый объемный вопрос — «Как?»
27. Поскольку мы здесь не супер-профессионалы в графике и вряд ли заканчивали художественные школы, то нам поможет что-то, что мы так или инчае понимаем и можем примерить на себя. Например, психология визуального восприятия людей (так называемые принципы Гештальта), которые объясняют многие вещи, которые мы изо дня в день встречам в графике и визуальном дизайне. Эти же принципы мы можем использовать при оформлении слайдов.
28. Правило близости — мы автоматически группируем объекты, расположенные рядом
29. Если ряд объектов наделен схожими свойствами, мы склонны считать их одной группой.
30. Мы мгновенно выделяем разделяем любую композицию на фигуру (как правило, небольшой предмет или группу предметов) и фон (то, что является как бы подложкой под ними). Это правило важно помнить, если объектов, которые мы хотим сделать фигурой, так много, что зрителю сложно отличить фигуру от фона и понять, что здесь что.
31. Мы склонны «дорисовывать» в нашем воображении фигуры, стремясь замкнуть их — так мы можем видеть квадрат там, где есть четыре незаконченных кружка.
32. Мы склонны считать объекты частью группы, если видим симметрию. Так, здесь мы видим три объекта «незаконченных квадратиков»…
33. …и только во вторую очередь можем увидеть здесь более близкие объекты. То есть симметрия сильнее правила близости.
34. При этом правило продолжения — когда объекты находятся на одной линии или кривой и группируются по этому признаку — сильнее правила схожести.
35. Если же мы добавляем очевидную связь между объектами, то группировка объектов по этому признаку сильнее, чем группировка по признаку близости.
36. Если мы направим часть кружков в одну сторону, а часть в другую (даже не обязательно их анимировать, достаточно сделать индикацию, что часть объектов сонаправлена), то наш мозг начинает считать, что у объектов общая участь. Взгляните на то, как на коммунистических плакатах два вождя смотрят в светлое будущее. Их позы, жесты и лица сонаправлены, предполагая общую судьбу.
37. И в завершение, очень важное правило прошлого опыта в психологии восприятия. На этом слайде мы можем увидеть три кружка разных цветов, но прежде всего узнаем светофор — потому что наш прошлый многократный опыт говорит нам, что это такое, раньше, чем мы даже осмыслим увиденное. Это правило позволяет нам, практически не думая, выбирать в дизайне те решения, которые ваш зритель воспримет именно так, как вы хотите. Это то, почему о выполненных задачах имеет смысл отчитываться зелеными галочками, а риски оформлять крсными крестиками.
38. Не менее важная часть вопроса «Как» заключается в оформлении презентации. Когда мы говорим об оформлении — мы как минимум говорим о цветах, шрифтах и графике.
39. Если говорить о цветах очень коротко (потому что тема очень большая) — то здесь важно помнить, что некоторые цвета сочетаются и создают нужные вам ощущения, а некоторые не сочетаются вообще. Чтобы облегчить задачу дизайнеру, в Интернете существуют сайты вроде Adobe Kuler — базы с огромным количеством цветовых схем, опробованных и оцененных множеством дизайнеров. Там же можно загрузить ваш референс (например, плакат, как на картинке выше) и создать цветовую схему на его основе.
40. Вариантов классификации шрифтов огромное множество. Выберем одну из таких классификаций и, не погружаясь в терминологию антикв и гротесков, попробуем разделить все на пять групп: 1) с засечками на буквах, как например Times New Roman, 2) без засечек, как например Arial или Helvetica, 3) рукописные, 4) машинописные и 5) все остальные (декоративные). Со шрифтами, с одной стороны, очень просто работать, с другой очень сложно — из-за особенностей их сочетания и тонкой настройки. Самыми простыми рекомендациями будут следующие. Большие тексты имеет смысл писать шрифтами с засечками, т.к. их так проще читать — откройте любую книгу; однако тексты поменьше и многие тексты на экранах лучше писать шрифтами с засечками; для заголовков отлично подходят шрифты без засечек, набранные заглавными буквами с увеличенным расстоянием между буквами; пробуйте разные шрифты и смотрите, как они сочетаются.
41. В принципе ограничений по шрифтам нет — но начинать лучше с небольшого количества и использовать все вмеру.
42. Говоря про графику в презентациях, упомянем фото, иллюстрации и пиктограммы.
43. Качественные фото — залог очень многих успешных презентаций. Чаще всего для поисика подходящих картинок, отражающих вашу мысль, нужно всего лишь завести аккаунт на сайте какого нибудь фотобанка, например depositphotos.com и найти интересующие вас фото. Важно не использовать некачественные фото — различные клише, как например идеальную семью с отбеленными зубами явно не с нашего с вами континента, или политкорректную команду сотрудников всех национальностей и конфессий там, где это не нужно. Мы хотим донести смысл и сделать это качественно, и в этом случае фальшь таких фотографий делает нам медвежью услугу.
44. Альтернатива фотографиям в презентации — качественные иллюстрации. Они находятся там же, где качественные фото, на фотостоках. Важно не использовать некачественные иллюстрации — то есть различный “клипарт”, сверх-используемые и замыленные картинки, от которых создается ощущение надувательства.
45. И еще одна альтернатива — пиктограммы. Многие хорошие и простые презентации можно построить в минималистичном ключе, используя только пиктограммы — и они все так же будут отражать вашу мысль, иногда справляясь с работой не хуже полноцветных картинок. Бесплатные пиктограммы (в обмен на указание имени автора) можно найти на сайтах thenounproject.com и iconfinder.com.
46. С анимациями очень простое правило, как со шрифтами — используйте, но не переиспользуйте.
47. Шаблоны, на мой взгляд, не приносят никакой ценности презентации. По ним очень четко видна шаблонность — то есть неоригинальность и иногда вторичность презентации. Начните с белого или черного варианта презентации (по умолчанию) и дальше оформите слайды под себя, показав оригинальность своего контента.
48. Пабло Пикассо призывал гениальных художников воровать не стесняясь, вместо того, чтобы копировать. В свою очередь могу предложить заимствовать — это то, что делает большинство дизайнеров. Есть прекрасная документалка, называется «Everything is a Remix» — ее автор утверждает, что из 100 фильмов, снятых в Голливуде, которые на протяжении двухтысячных имели самые высокие кассовые сборы, 74 являются либо сиквелами, либо адаптациями, либо римейками. Если Голливуд поступает так, возможно, и нам не стоит стесняться.
49. Обычно заимствование происходит через составление так называемых мудбордов — референсов, примеров, которые показывают направление мысли дизайнера. Для работы с мудбордами подходит pinterest.com — там есть практически все, что можно найти в графическом мире.
50. Приведу пример того, как я работал над постером к этому мастер-классу, «Как стать супергероем презентаций»
51. Начал с идеи: супермен летит над удивленной публикой, в облике или объектах отыгрывается каким-то образом, что он — спикер, мастер презентаций. Первый шаг — это скетч такой идеи (то же самое происходит с презентациями)
52. Дальше скетч оцифровывается — я делаю фотографию, кидаю ее в Adobe Illustrator, обвожу с помощью простых фигур всю «геометрию» героя, обрезаю фигуры, чтобы облик на экране и на скетче совпадали. Добавляю объекты - ноутбук, листы со слайдами.
53. Создаю мудборд на Pinterest — там примеры других плакатов в похожих стилях, а также картинки с приятными глазу цветами. Один из сайтов в этой коллекции я использую как референс для цветовой схемы.
54. Взяв цвета, приведя стилистику к тому виду, к которому я стремлюсь, через несколько итераций получаю желаемую картинку.
55. Чтобы закрепить обширные знания из этой части, то есть вопроса «Как?», сделаем несложное упражнение на редизайн презентации.
56. Возьмем слайд откуда-то из интернета. Таких грустных презентаций с похожими слайдами — десятки тысяч, и в следующие несколько шагов мы обнаружим что тут не так.
57. Возьмем наши инструемнты: 5 вопросов (4 из них мы уже обсудили), «Правило трех С», принципы Гештальта — и попробуем применить их к дизайну слайда. Часть наших выводов будет необоснованными предположениями чистой воды, но это в любом случае поможет нам сделать эффективный редизайн слайда.
58. 1. Кто спикер и кто его аудитория? — Скорей всего, спикер — преподаватель, т.к. для профессиональной среды информация очень общая; следовательно, его аудитория — либо школьники старших классов, либо студентов. Судя по теме — финансовые рынки — скорей всего речь идет о 1-м или 2-м курсе института. 2. Потребности аудитории? — Студенты, как правило, хотят получить знания, которые помогут сдать сессию и получить диплом, что поможет найти хорошую работу. В этом смысле слайд должен максимально облегчать задачу усвоения материала - запоминаться, позволять вспомнить на экзамене, что это за задачи госрегулирования такие. 3. Что спикер хочет сказать? — Суть такая: есть государство, оно регулирует финансовые рынки, а задач у него две: защита прав инвесторов и клиентов…, а также управление кризисными ситуациями (то есть риск-менеджмент).
59. Если теперь расписать это в виде двух слайдов, будет понятней по структуре. По стилю нужно что-то простое, но запоминающееся. Графики не надо или только минимум, шрифты тоже строгие и по делу. Шаблон — очень так себе, заезженный и к теме не имеющий отношения — лучше от него избавиться. Если посмотреть на слайд с точки зрения принципов Гештальта, сразу видно, что заголовок съехал в текст и не считывается полностью — мы группируем отдельно половину заголовка, а затем другую половину с текстом. Весь объем текста не поделен никак и считывается как один большой кусок, хотя по смыслу видно, что задачи две и хорошо бы их сразу взглядом группировать.
60. Пробуем редизайн. Один общий слайд, побуждает вопрос, который скорей всего будет на экзамене.
61. И дальше идут два тезиса, которые легко запомнить: 1) защита и 2) кризис-менеджмент
62. Дальше мы можем добавить слайдов, чтобы расшифровать содержание, но в целом уже этого будет достаточно (учитывая, что содержание проговаривается лектором).
63. Пятый, очень важный вопрос — что дальше.
64. Вопрос настолько важный, что я выделил его в отдельную часть.
65. Как мы говорили в самом начале, дизайн — это процесс. Это касается дищайна презентации, в процессе которого будут моменты до выступления, во время, и после — и все это часть того самого процесса.
66. Идея здесь в том, что для эффективного дизайна все что нам нужно — это повторить эти три части процесса достаточное количество раз, каждый раз получая важные сведения и внося корректировки. Это и называется итеративным процессом.
67. Чтобы запустить этот процесс, презентации следует тестировать. Ничего сложного в этом процессе нет, и сейчас я расскажу как это делается.
68. В начале 80-х голов группа ученых во главе с Альфонсом Чапанисом исследовала то, как в качественных юзабилити-исследованиях выявляются ошибки продуктов. Для юзабилити исследования, как правило, респонденту дают поработать с еще незаконченных продуктом, и он сообщает о том, какие он находит несоответствия своим ожиданиям, неудобства и т.п. Ученые выяснили, что чтобы найти 85% всех ошибок продукта нужно всего лишь пять респондентов. Количество найденных ошибок будет расти, если вы опросите 10 и 15 человек, но практически все самые важные (85%) будут найдены уже на первых пяти. Позднее это правило, «5/85», стало очень часто применяться в юзабилити-исследованиях, чтобы ответить на вопрос - сколько людей нам нужно опросить? - чтобы быть уверенными в работоспособности продукта. Это правило я рекомендую использовать при тестировании презентации — покажите ее пяти своим друзьям, коллегам, приятелям, получите фидбек и вы сможете существенно улучшить свою презентацию. Как минимум, вы будете знать о 85% вещей, которые покажутся вашей аудитории странными или непонятными.
69. Получить эту информацию, то есть обратну связь, предельно просто — достаточно по итогам презентации опросить свеого респондента, используя вот такую карточку. Попросите рассказать что, по мнению вашего приятеля, получилось хорошо, что можно улучшить, какие по ходу презентации возникли вопросы и какие появились идеи. По итогам пяти тестов соберите эти карточки и внесите изменения в презентацию. Это позволит вам быть уверенным в том, что вы действительно сможете изменить существующие условия в сторону желаемых — с помощью вашей презентации.
70. И последний инструмент в этой части, о котором я хочу сказать — называется Journey Mapping. Начертите таймлайн и отметьте на нем ключевые точки, которые продйет ваш слушатель до, во время и после презентации. На примере выше, условная Людмила, которая будет присутствовать на презентации, пройдет через точки «узнада о презентации», «послушала презентацию», вероятно, «задала вопросы», каким-то образом «применила занания», и, надеюсь, «рассказала другим о вашей презентации». Для каждой такой точки распишите, какие нужны действия, чтобы ваш слушатель смог успешно попасть в эту точку и перейти к следующей. Сделав это упражнение, вы обнаружите, что дизайн презентации — это намного больше, чем просто оформление слайдов: туда войдет и анонсирование, и анализ возможных вопросов, и раздатки, и ссылки с референсами, и приглашения на другие мероприятия и т.п. Все это действительно является частью дизайна в том виде, в котором мы его понимаем.
71. Итак, у нас появился целый набор инструментов для эффективного дизайна презентаций. Это и понимание того, что дизайн — это итеративный процесс, в результате которого происходит трансформация существующих условий в желаемые; это 5 ключевых вопросов для дизайна презентаций; это правило «Трех С»; это принципы визуального восприятия для оформления слайдов; это инструменты тестирования презентаций; это Journey Map, которая поможет сделать крутой дизайн для всей презентации — далеко за пределами оформления слайдов.
72. В самом конце хочу вставить небольшое напоминание. Все признанные мастера выступлений, такие как Мартин Лютер Кинг, Джон Кеннеди и Стив Джобс, выступали перед огромными аудиториями и далеко не всегда опирались на слайды. Но они все понимали ценность того опыта, который они создают для тысяч и миллионов людей во время своих выступлений. Джобс репетировал каждое свое выступление по 80-90 часов, Кинг вставлял в речь отсылки к популярным среди его целевой аудитории песням, Кеннеди записывал и многократно переписывал то, что он собирается сказать вслух — потому что все они понимали, насколько важно заниматься итеративным дизайном для всего экспириенса презентации, а не только того, что на экране за их спиной (если таковые вообще были). Поэтому, на мой взгляд, нам важно думать о дизайне в более широком ключе, и каждому из нас заниматься дизайном.
73. Сделайте свою следующую презентацию так, как вы сами от себя не ожидаете.