TedED: Как оптические иллюзии играют с вашим мозгом

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

Про оптические иллюзии знают все. Но вот причины, по которой мы видим вещи не так, известны не многим. Как обычно, TedED разъясняет все “на пальцах” и понятно всем.

О чем стоит помнить, выбирая картинки для своих слайдов:
— Мозг активно пытается превратить плоские фигуры в трехмерные, обращая особое внимание на края. Поэтому контраст фигуры и фона очень важен.
— В результате эволюции мы научились отлично распознавать лица. И видим лица даже там, где их нет.
— Больше всего мы обращаем внимание на глаза и рот. Так мы определяем: относятся к нам злобно или дружелюбно.

Посмотрите видео целиком.
5 минут 18 секунд
Английский язык
Русские субтитры (не забудьте включить их дополнительно)
https://vk.cc/92BVRz

107 бесплатных шаблонов презентаций

Когда-то это должно было произойти. Я всегда задавался вопросом: если тысячи творцов выкладывают свои фотографии / видео / иконки и прочее творчество в свободный доступ, то почему никто не выкладывает шаблоны презентаций?

Оказывается, выкладывают. Причем, в достаточном количестве и в двух версиях: Keynote и PowerPoint.

Но не все так идеально. На что стоит обратить внимание:

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

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

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

Вот и все. Похоже, теперь у вас будут крутые слайды и без канала “Немного терпения”. Всем спасибо, расходимся :)

https://vk.cc/92RRJk

​Visual Storytelling Awards 2019: фотоконкурс историй

Фотоконкурс, в котором оценивают не художественную составляющую фото (хотя это тоже важно), а историю, которую эта фотография раскрывает. А значит в каждом кадре не просто красота или запечатленный момент, а какая-то метафора, яркая эмоция, территория смыслов (как модно говорить).

Каждая фотография идеальна для эмоционального слайда с мощным посылом. Бери, накладывай титр с текстом и становись звездой конференций. Все выложено в приличном качестве и подходит для использования (естественно, для использования где угодно, кроме формальных корпоративных слайдов, но вы это и без меня понимаете). Кстати, другие номинанты, которые не получили особых наград, тоже очень и очень ок!

Не забудьте указать авторов фотографий, которые вы используете.
Для этого можно сделать отдельный слайд в конце презентации.
https://vk.cc/93aujK

​Инстаграм Моны Чалаби: дата-журналиста и иллюстратора

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

Дата-редактор в the Guardian, Мона Чалаби не просто превращает цифры в отличную иллюстрацию, комфортную для восприятия. В Инстаграм она показывает не только результат, но и процесс.

И тут многим есть чему поучиться, а именно:
— Как сложные данные показать в виде простой картинки
— Как понятно проиллюстрировать что-либо, если вы не художник
— Как интерпретировать данные так, чтобы значение абстрактных цифр стало всем понятно

Таким должен быть Инстаграм здорового человека:
https://vk.cc/93UD84

Коллекция видео-референсов интерфейсов и сервис для создания видео-мокапов

В сегодняшнем посте я расскажу о двух разных ресурсах, которые (в общем-то) об одном и том же.

Как вы знаете, человек очень сложно понимает новые для него вещи. Поэтому всегда сложно объяснить принцип работы чего-то неизведанного. Зато мозг человека легко аппроксимирует. Самый быстрый способ объяснить что-либо — это привести известный слушателю пример и показать отличия / преимущества. Например: “это как Тиндер, только для тех, кто продает и покупает автомобили”. Или “это как Убер, только вместо водителей и автомобилей — массажисты”.

В презентации для такого подхода используются референсы. Вы просто ставите на слайд интерфейс Тендера и говорите, что у вас будет так же (принцип работы), а что будет отличаться (субъект и объект).

Для большей интерактивности можно использовать видео-референсы интерфейсов популярных приложений, которые кропотливо собрали на этом ресурсе: https://vk.cc/94aZSm

Еще одно удивительное откровение. Кусочек видео с интерфейсом человеческий мозг воспринимает не так хорошо, как кусочек видео, огороженный рамкой телефона. Да, мы все — взрослые люди с высшим образованием. Но мозгу все равно и он любит, чтобы была рамка телефона, если речь в презентации идет о мобильном приложении.

Именно поэтому существует вот этот сервис: https://vk.cc/94b06e

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

Еще 15 бесплатных шаблонов презентаций

Шаблонов не бывает мало, поэтому вот ссылка на новые шаблоны: https://vk.cc/94r1M0

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

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

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

То есть если в примере в заголовке одна строка, а вы разместили там три, то вся верстка может поехать, а карета превратится в тыкву. Не увеличивайте размер текста или размер текстовых блоков. Это тоже важно.

Обратите внимание на фотографии. Используйте шаблон с обилием красочных фото только если вы уже нашли на стоках большое количество фотографий в единой стилистике.

Дерзайте!

​Как разместить три графика на одном слайде и никого не убить

Министерство Экономического Развития Российской Федерации опубликовало слайды о влиянии экономических санкций на нашу страну. Ничего не могу сказать о профессиональной деятельности Министерства, но так визуализировать данные нельзя.

В качестве положительного примера я взял простой дашборд Google Analytics и написал несколько простых правил, с помощью которых вы сможете не делать как МинЭкономРазвития, а делать как Google.

1. Не используйте трехмерные графики, они всегда выглядят ужасно. Но если вы думаете, что это мое оценочное суждение, то вот вам статистический факт! Трехмерные графики искажают восприятие данных. Поглядите на дальний край пайчарта: визуально определить насколько сектор автомобильной промышленности меньше химической просто невозможно. А разница там (если верить цифрам) больше чем в два раза!

2. Если вы используете два одинаковых графика, то делайте их в одинаковом стиле. Трехмерный бар-чарт над плоским бар-чартом выглядит странно и не консистентно.

3. Раскрашивайте ВСЕ графики в единой цветовой палитре. Контраст красного и синего ломает глаза.

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

5. Самые важные цифры выносите вверх, чтобы сразу было понятно, о чем вы хотите рассказать на ладе. Потому что сами по себе графики содержат данные, которые можно интерпретировать по-разному.

Книга "Графики, которые убеждают всех"
Пособие для менеджеров, аналитиков, предпринимателей, маркетологов и всех, кто делает презентации и графики

Александр Богачев — специалист по визуализации данных — собрался создать первую в России книгу по грамотной и эффективной визуализации данных.
Книга готова на 65% и постепенно публикуется на сайте: http://clc.to/JPOIew

Можно начинать читать сейчас (уже есть полезный и интересный материал), а можно добавить в закладки и вернуться, когда книга будет выложена полностью. Впрочем, про этот момент я напишу отдельно.

Спасибо, Александр!

Как представляться на конференциях

Дочитываю книгу Кэрол Флеминг “Говорить легко!”, которую мне любезно прислало на рецензию издательство "Манн, Иванов и Фербер”. Нашел много интересного и важного. О самом неожиданном (для меня) рассказываю в канале.

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

Что делать:

1. Когда представляетесь, всегда говорите “Меня зовут…”, а дальше называйте свое имя. Именно фраза “меня зовут” посылает сигнал мозгам слушателей, что сейчас прозвучит имя, которое надо запомнить.
Типичная ошибка — говорить “Я такой-то сякой-то”. Потому этого “я” мозгу недостаточно, чтобы переключиться и запомнить. Так что вместо специалиста с именем вы становитесь тем парнем, который что-то там рассказывал.

2. Называя свою профессию, простыми словами опишите свою самую очевидную должностную обязанность. Желательно, чтобы она была связана темой выступления. Либо расскажите о двух своих обязанностях (очевидной и связанной). Дело в том, что многие важные и умные люди не разбираются в современных должностях (UI-дизайнер, чем ты отличаешься от UX-специалиста?), но у них могут быть вакансии и зарплаты для вас или контракты для ваших компаний.

3. В конце еще раз повторите свое имя. Все равно большинство его не запомнили.

​Я постоянно ищу новые форматы для рецензий на книги, которые любезно присылает мне Издательство МИФ. Я уже делал видео, и это очень долго. Я делал текст, который никто не читает.

Сегодня я решил сделать то, что делаю в любой непонятной ситуации — презентацию. Всего на 9 слайдах я рассказал о книге, которая учит легко
и результативно разговаривать
с незнакомыми людьми
на профессиональных съездах
и конференциях. А не сидеть
в углу, уткнувшись в свой смартфон, в надежде, что тебя никто не увидит и не станет
с тобой разговаривать.

http://clc.to/KeRy1w

8 слушателей, которых вы не хотите видеть во время своей презентации

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

Обычно предполагают, что слушатели бывают трех типов:
— благодарная публика
— благодарная, но недалекая публика
— всякие там умники

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

Ссылка на оригинальный пост на английском языке с картинками: https://goo.gl/4v4n9n
Мое краткое изложение ниже.

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

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

Зануда
Он будет пытаться опровергнуть любое ваше утверждение, прерывая вашу речь. Не потому, что он несогласен с чем-то, а для того, чтобы показать и доказать остальным людям что-то важное для себя.

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

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

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

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

Зёва
Тот, кто начинает отчаянно зевать уже через 5 минут после начала вашего выступления. Не потому, что вы говорите что-то скучное и усыпляющее (хотя вот тут я не уверен), просто кто-то очень мало спал прошлой ночью.

Подумайте, как вы можете изменить поведение таких слушателей во время презентации? И стоит ли вообще его менять?

Бесплатные (и платные) шаблоны презентаций для PowerPoint и Keynote

Рубрика, которая становится регулярной.
Новый ресурс HiSlide отличается от себе подобных небольшими нюансами:

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

— Шаблоны типизированы. И существуют достаточно интересные варианты схем и графиков (если порыться в каталогах).

— С точки зрения вечности, платные шаблоны стоят весьма гуманно.

Все эти презентационные радости по ссылке: http://clc.to/knbaTw

Тренды Инфографики 2019

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

Зачем смотреть эту презентацию вам?

— Чтобы увидеть отличные примеры визуализации данных. Да, многие решения могут повторить только дизайнеры, но подход и принципы визуализации никому не помешают.

— Чтобы перейти по ссылкам на интерактивные проекты и посмотреть, как можно рассказывать истории с использованием данных. Для этого не обязательно быть дизайнером.

— Чтобы узнать о некоторых инструментах, которые помогут не только при визуализации, но и при поиске и обработке данных.

Спасибо, Алексей!

http://clc.to/U4DtxA

10 правил типографики

Онлайн-школа Contented перевела отличный материал о шрифтах за авторством Ника Бабича, главного редактора UX Planet.

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

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

Весь материал: http://clc.to/f1uiLw

А я выпишу в посте основные тезисы и припишу к ним свои соображения.

1. Используйте минимальное количество шрифтов. Для слайда вам должно хватить двух начертаний одного шрифта. Или двух шрифтов. Не более.

2. Старайтесь использовать стандартные шрифты (Если это не Calibri, Comic Sans или Times New Roman).

3. Ограничьте длину строк. Запомните: стандартный текстовый блок не должен превышать половину слайда.

4. Не минимизируйте расстояние между строками.

5. Используйте контрастные цвета для текста.

3 способа снизить тревожность перед выступлением

Публичные выступления для многих — это стресс (а для некоторых — очень сильный стресс). Организм человека реагирует на стресс однозначно: надпочечники выделяют адреналин и норадреналин. Эти гормоны великолепно помогают физической деятельности (повышается тонус мышц), но плохо воздействуют на рассудочную деятельность. То есть мешают говорить с умным видом на заданную тему и контролировать свое выступление.

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

1. Метод 54321
Назовите в слух или про себя 5 предметов, которые вы видите в комнате (например, стул, стол и т.д.).
Назовите 4 ощущения, которые вы можете почувствовать (например, поток воздуха из кондиционера).
Назовите 3 звука, которые вы можете услышать (например, шум машин за окном).
Назовите 2 запаха, которые вы можете почувствовать сейчас (например, туалетная вода вашего спутника)
Назовите 1 свое положительное качество (например, что вы умный).

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

3. Упражнения для памяти
Чтобы отвлечь свой мозг от фантазий на тему негативного развития событий, нужно достать из своего багажа знания, которые вы давно не использовали.
Например, попробуйте вспомнить как можно больше собачьих пород.
Или все города мира, в которых вы побывали.
Имена и фамилии одноклассников.
В крайнем случае неплохо работает таблица умножения или алфавит (его можно попробовать прочитать наоборот).

Не переживайте. Никто еще не умер от публичного выступления (по крайней мере я таких случаев не встречал).

Подбор правильных цветовых палитр для визуализации данных

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

Спасибо Nancy Pong и Ринату Шайхутдинову, которые перевели замечательный мануал по работе с цветом. Материал обладает отличным балансом теории и практики с примерами.

То есть можно целиком погрузиться в проблему:
— Сколько цветов нужно для визуализации данных
— Можно ли использовать градиентные палитры
— Почему “природные” цвета лучше работают

И найти решения:
— Где взять дополнительные палитры
— Список инструментов для подбора цветов
— Библиотеки для работы с цветами

http://clc.to/EI3EBQ

​Коллекция (огромная) бесплатных иллюстраций от Катерины Лимпитсоуни

Фотографии или иллюстрации — главный помощник любого слайдоваятеля. Они отлично усиливают сообщение на слайде, делают его запоминающимся и заполняют пустое пространство, которого все так боятся.

Греческая иллюстратор Катерина выкладывает свои творения в модном стиле (бесформенные пятна, складывающиеся в единого человека): http://clc.to/6iReew

На сайте можно настроить цветовую палитру картинки и скачать ее в PNG, чтобы сразу вставить на слайд. Или в векторном формате, чтобы подправить на свое усмотрение. Есть поиск по ключевым словам.

Как люди принимают решения

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

Ян Австрейх перевел статью доктора психологических наук Сьюзан Вйншенк о том, как люди принимают решения в тех или иных ситуациях: http://clc.to/3DFCkA
Статья на русском и с примерами.

Вот основные тезисы статьи, которые я отобрал для вас:

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

— Даже в момент, когда человеку кажется, что он принимает осознанное, логичное решение, есть вероятность, что бессознательно он уже сделал выбор.

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

— Люди покупают, когда чувствуют уверенность в своем решении, а не когда у них достаточно информации о продукте.

— Людям нравится думать, что они последовательны и логичны. Чтобы у того, кто принимает решение, была «рациональная» причина, которую он представит себе и другим, можно презентовать ему логичные доводы.

— Есть два типа решений, которые принимают люди. Целенаправленные решения, принимаются в орбитофронтальной коре (ОФК). Если вы действительно сравниваете характеристики Honda и Subaru, когда покупаете автомобиль, вы принимаете целенаправленное решение. Решения на основе привычки осуществляются в базальных ганглиях (глубоко в мозге). Когда вы вновь берёте любимые хлопья в магазине и кладете их в корзину, это решение, основанное на привычке.

— Если дать кому-то много информации, он перейдёт от привычки к целенаправленному решению. Поэтому, если вам нужно, чтобы пользователь действовал по привычке, не давайте ему слишком много информации.

— Когда есть слишком много вариантов, люди не станут выбирать. Пять — это уже много. Ограничьте количество вариантов, между которыми нужно выбрать, одним, двумя или тремя.

Screely: сервис браузерных мокапов

Сайт с очень простой функцией, которая поможет лично мне сэкономить кучу времени.

Очень часто для иллюстраций на слайде мне нужно помещать изображения в рамку браузера. Даже при наличии готовых рамок приходилось тратить время на их редактирование под размер картинки.

Теперь все быстрее.
Я захожу на сайт, загружаю картинку, настраиваю рамку браузера вокруг изображения и фон. Скачиваю.

Очень просто, очень удобно.

http://clc.to/hWu9MA

12 забавных графиков, на которых наглядно видно, как важен выбор цвета

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

Как выбирать правильные цвета, я уже рассказывал.

http://clc.to/tjwslw