# Психология восприятия. Как убедить кого угодно в чем угодно через слайды. Урок 1.

## Метаданные

- **Канал:** Лебедев про Нейросети: уроки, секреты, лайфхаки
- **YouTube:** https://www.youtube.com/watch?v=n0S03ilxQeI
- **Дата:** 25.12.2023
- **Длительность:** 22:43
- **Просмотры:** 647
- **Источник:** https://ekstraktznaniy.ru/video/15805

## Транскрипт

### Segment 1 (00:00 - 05:00) []

Здравствуйте друзья мы начинаем курс психология восприятия мы будем говорить о том Каким образом мы воспринимаем визуальную информацию и каким образом важно сделать видным для людей поехали и для тех кто меня не знает расскажу про себя я педагог в четвёртом поколении последние 20 с лишним лет занимаюсь тем что Обучаю людей как убедить кого угодно В чём угодно через слайды презентации документы ну в общем всё что связано с этим документами я Обучаю крупнейшие компании мира э консультирую известных звёзд блогеров топ-менеджеров руководителей и мои студенты готовят презентации отчёты для первых лиц государства и самое Эпическая презентация которую мы делали со студентами глаз бюджетом 7,8 3 млн руб а на стол первому лицу государства также я автор замечательной книжки бестселлера про то как управлять вниманием называется ты посмотрел сюда Теперь сюда А если она ещё есть в магазинах то совет Вам ее приобрести двигаемся дальше И сейчас мы с вами будем Шаг за шагом погружаться в тему восприятия и понимать Каким образом вам выстроить ваш контент так чтобы люди видели самое важное Как сделать таким образом чтобы Вы могли загружать информацию людям прямо в мозг Так что смотрим и поехали и поговорим мы про эргономику восприятия То есть эргономика это что это то как выстроить окружающую среду так чтобы это было удобно для человека с физиологической психологической точки зрения и вот мы сейчас разберем А как мы вообще воспринимаем информацию и вот посмотрите на слайд вы видите Здесь три одинаковые секции правильно Нет неправильно потому что то что вы видели это выглядело как три одинаковые секции в реальности три одинаковые секции справа и оказывается что когда мы смотрим на визуальный контент мы оцениваем информацию визуально но игнорируем реальное значение числа потому что то что слева это 27 инструментов а справа реальная треть это 33 процента На 6 процентов больше И этот прием использовал еще Стив Джобс в 2008 году он графики делал таким образом что его секции его компания выглядела больше чем конкуренты хотя на самом деле была существенно меньше почему так потому что зрительный нерв в девять раз больше чем слуховой и мы информации зрительно перерабатываем в 10 раз больше чем слуховой и поэтому Говорят лучше один раз увидеть Чем сто раз услышать или три раза прочитать и вот хороший пример Посмотрите на слайд вы видите графики которые показывают процент людей которые готовы отдавать свои органы в случае смерти в ДТП в Дании Нидерланды Великобритании Германия от 4 до 28 процентов людей готовы пожертвовать свои органы в случае смерти в ДТП соседних странах с похожим менталитетом похожим вероисповеданием люди решают этот вопрос принципиально по-другому Австрия Бельгия Франция Венгрия Польша Португалия Швеция почти все люди не готовы а нет готова отдавать свои органы в случае смерти в ДТП оранжевники Почему так по-разному ведут себя людям Давайте разберём но для начала ответим на вопрос А сколько часов в день активно работает ваш мозг Попробуйте представить эту цифру у себя в голове от 0 до 24 часов и хороший пример того что значит активно это вот задача бейсбольный мяч сбитый вместе стоит 1 доллар 10 центов бейсбольная бита дороже мяча на 1 доллар сколько же стоит бейсбольный мяч и тут в голове у нас сразу рождается очевидный Казалось бы ответ 10 центов правильно Нет неправильно потому что реальная цена будет другая Возможно вы захотите поставить на паузу и посчитать но суть-то в том что в нашей голове происходит примерно такой диалог Один говорит так Ну скажи ему 10 центов и он отвяжется от другой говорит нет стоп тут надо подумать есть какой-то подвох в этой задаче Да Посчитай пожалуйста и кто-то такой говорит ладно Ну давай там пропорция шморца и мы напрягаемся в тот момент когда нам нужно думать мы напрягаем голову знаете еще говорят напряги извилины потому что это неприятно я вас Удивлю но думать это больно и неприятно Почему Потому что активно наш мозг может работать всего лишь от 2 до 4 часов в сутки не все пользуются этой возможностью особенно если смотрят социальные сети но тем не менее что получается что наш мозг весит всего лишь три процента от веса нашего тела а потребляет эта штука от 20 до 35 процентов энергии всего тела поэтому тело старается экономить энергию за счет чего Ну конечно что больше потребляет за счет того и экономим Но вот и получается И когда люди почему вот так они по-разному себя ведут Все дело в том что в одних странах была в анкете написано поставьте галочку Если вы хотите принять участие в программе донорства большинство людей не читали этот пункт не ставили галочку Ну и синенькие не

### Segment 2 (05:00 - 10:00) [5:00]

участвовали А в других странах было написано поставьте галочку Если вы не хотите принять участие в программе донорства И большинство людей не читали этот пункт не ставили галочку но оранжевенькие участвовали в программе удивительно что у нас есть две системы принятия решения 1 это быстрая система она реагирует на эмоции инстинкты образы она соглашается с внутренне приемлемыми вариантами а вторая система неокортекс она отвечает за изучение анализа чтения и вот для нее требуется ресурс Максим Дорофеев назвал его мысли топлива и вот зная это мы можем сказать что большую часть времени большинство людей и рациональный импульсивно действует на автомате и Удивительно мы не считаем что это норма мы считаем что мы-то с вами совсем другие адекватные люди но нет большинство людей не считают свое поведение нормой как это ни странно то есть у нашей аудитории Кто смотрит наш контент есть ресурс мысли топлива критически быстро заканчивается вспомните себя в пятницу вечером вам приходит сообщение вы смотрите на него примерно так вот да и делаем непрочитанным до понедельника У кого есть друг который так делал вот и что нам нужно сделать нам нужно взять информацию то есть вот исходные данные которые у нас есть и исказить их трансформировать сделать так чтобы они загружались прямо в мозг нашей аудитории чтобы важное сразу было видно поэтому смотрим и переходим дальше как управлять вниманием есть два режима восприятия информации Посмотрите на слайд захват внимание и последовательно изучение информации Вы видите что на слайде последовательно изучение информации захватывает ваше внимание Да есть небольшой Каламбур еще один хороший пример вы сейчас смотрите на этот слайд и Чем дольше вы его изучаете тем страшнее он становится и кто-то скажет О Господи Павел Лебедев зачем-то нам это показал и как нам это развить да Все дело в том что сначала Ваше внимание притягивается к лицам принцесс а потом и это происходит в режиме захвата неосознанно без затрат мысли топлива а потом мы начинаем тратить мысли топливо изучаем все что вокруг и видим всю вот эту жесть которую вы видите здесь на слайде то же самое происходит и с вашим визуальным контентом и вот самый главный вопрос а то что первое цепляет Ваше внимание это важная информация или не важно и если вы сделаете Так что самое первое что будет цеплять наше внимание будет важная информация то собственно люди без затрат на YouTube сможет потреблять ваш контент и приходить к нужным выводам и результатам и это ключевой принцип и есть три инструмента которые позволяют управлять вниманием Первое это ЭКГ сокращенное это не то чтобы подумали это не электрокардиограмма Первое это же второе к третья гвозди конечно в дизайне профессиональная дизайнер скажут что Ой так есть же более правильное название для этих инструментов правило гештальта модульные сетки оптические струны и так далее Но для того чтобы вам было проще их понять я назвал их проще и описал так чтобы Вы могли их сразу применить в своей работе и сейчас мы про каждый из них поговорим первый инструмент - это же как важно сделать видимым поехали и первое что нужно понимать что этажи - это когда вот то что более заметное оно как будто бы ближе к аудитории оно выше то есть вот самое высокое этажное оно вот ближе к аудитории Да и э-э то что менее заметно оно дальше то есть фонд который вы видите за мной он как бы далеко хотя на самом деле любые плоские изображения Какие бы они были мы воспринимаем всегда в объёме точно также оно и получается И вот вы смотрите на этот слайд вы видите картину Малевич и вы видите точно что вот этот синий квадрат Он ближе к вам То есть он более высокоэтажный то есть вот он относительно фо выше чем все остальное Ну а все остальные вещи ниже ниже ниже и таким же образом мы воспринимаем создаем 3D картину любого плоского макета и Вот пример Мы видим здесь просто квадратики это серая однотонная масса информации и теперь мы захотим что-то сделать более заметным более ярким что мы сделаем чаще всего мы выделяем важное цветом вот оно яркое но потом мы посмотрим так у нас же есть еще кое-что важное Давайте вот это вот тоже сделаем подождите Мы забыли еще вот это важно И вот это а потом еще посоветовали с кем-то из коллег они говорят ой Слушайте вот это важно забыли и мы вот это важное делаем и смотрим на это и что теперь цепляет наше внимание ничего почему-то потому что когда слишком много акцентов всё внимание схлопывается и это опять ровный Чистый лист из которого уже сложно что-то выделить но при этом все инструменты для выделения со мной сильные яркий мы уже задействовали а значит нам никак не достроить ещё выше этажей то есть

### Segment 3 (10:00 - 15:00) [10:00]

количество этажей которыми мы можем выделять информацию оно строго говоря ограничено мы не сможем сделать цвет ещё более ярким чем яркость на экране которым это смотрит но следующий момент тогда как же нам выделять важное нам нужно просто раз выделить все неважно И для этого мы берем и все неважно хопа раз выделяем а важное делаем Ну просто чуть более контрастным по отношению к фону и Вот пример с текстом это реальный отчет реально крупные компании и вы можете посмотреть что он скучно его не интересно читать то есть это принципы они работают не только для визуальной информации в сторисах слайдах в презентациях где угодно то есть они в принципе применимы везде Да вот мы читаем в настоящее время в команде руководителей среднего итогов звена наблюдается и подтверждается отчёт сенсоров следующей симптомы Ну Скучно правда читать что мы делаем первое мы э раз выделяем всю информацию и вот она теперь не чёрная а светло-серый а теперь на ней чёрным мы выделяем обратно то есть достраиваем пару этажей вверх самое важное в команде руководителя наблюдаются следующие симптомы они менее эффективны в управлении сотрудниками суть-то ясна только вот эта вот сера То что осталось А ну зачем оно мешает просто и хопом мы можем его убрать и таким образом буквально в два-три шага мы взяли и сократили объем информации и убрали лишнее то есть этот инструмент позволяет нам и ускорять то как мы делаем и слайды любой контент просто высветляя и раз выделяя все остальное И вот этот же самый пример мы применили для визуального контента для Ульяны она в пять раз быстрее переделала очень сложную презентацию Она пришла ко мне и показала говорит Павел вот у меня такие слайды Их много и мне нужно их переделать срочно у меня на это всего три недели мы сделали это за два дня что мы сделали мы взяли всю вот эту информацию которая есть на слайде и подсветили это такой рентген слайда об этом на самом деле я рассказываю на курсе Но вам просто показываю как мы это сделали и вот мы рентгеном слайда просветили где важная там черное где неважно белым подсветили их смотрим Что Да вот здесь вот оранжевая она отвлекает внимание А вот самое важное оно не считается а потом мы берем и раскрашиваем все именно так как должно быть на рентгене важное заметное неважное бледная и вы видите что даже не передвигая объекты не удаляя ничего становится легко воспринимать то что вы видите на слайде класс и мы за 2 дня переделали сложную презентацию которую она думала делать 3 недели а вот рентген выглядел так то есть получается Наша задача сделать так чтобы самое высокое этажные объекты это было то что самое важное мысль которую вы хотите донести Теперь вам это понятно И это как обложка моей книжки да то есть нужно сделать так чтобы Ваше внимание скользило отважного от первого к следующему То есть вы не сможете прочитать заголовок по-другому кроме как так как я задумал и это я хочу чтобы было в вашем контенте чтобы Сначала ты посмотрел сюда потом сюда и дальше я расскажу про следующие инструменты теперь поговорим Как работать с пространством вашего макета поехали есть второй инструмент это клей и Свободное пространство Вот вы смотрите на слайд и вы видите несколько объектов и Вы точно можете сказать Какой объект К какому относится здесь мы видим что четвертый явно рядом со вторым и они вместе а третий Судя по всему рядом с шестым Ну потому что они тоже вместе Хотя они чуть-чуть подальше и кто-то внимательно скажет э так нет пятого ну это неважно вот главное что вот это пространство свободное вокруг оно как клей склеивает два объекта между собой вот о чем мы идем речь и если у нас много вот этого свободного пространства вокруг какой-то объектов то они отделяются от всего остального Как это работает но вот если мы убираем клей убираем Свободное пространство мы сейчас не понимаем кто с кем связан таким образом это работает Если вы хотите чтобы какие-то объекты были связаны друг с другом то вас вам нужно их поставить ближе друг другу вот хороший пример это сайт ЦУМ И кстати Обратите внимание на все дорогие бренды не важно Какие у них цвета меня часто спрашивают Павел Подскажите дорогие сочетания цветов нету такого но есть пространство вокруг на всех дорогих брендах у них очень много свободного пространства смотрим на сайт суммы и мы видим что вокруг цифры 20 очень много свободного пространства и оно как клей притягивает наше внимание именно к этой цифре смотрим на форму на сайте Тинькофф и мы видим что внутри формы в полях Там очень много свободного места ребята дизайнеры которые там работают они протестировали несколько сотен вариантов исполнения этой формы пришли к выводу что когда есть большие поля люди воспринимая этот макет и когда они смотрят на эту форму у них не возникает вот этого чувства да такое о этому много мысли топлива не хочу это читать Нет они смотрят А ну да вроде бы легко заполнить и заполняют это благодаря чему благодаря

### Segment 4 (15:00 - 20:00) [15:00]

тому что есть много клея поэтому Когда вы делаете контент чем больше свободного места вы оставляете тем легче будет воспринимать вам вашу информацию Ну и противоположная сторона это вот пожалуйста уголь это когда вы совсем не делаете пространство между элементами и это конечно же смотрится дешево хотите выглядеть дешевле делайте меньше свободное место хотите выглядеть дороже больше свободного места Ну вот так что двигаемся дальше следующий инструмент это то как создавать порядок ваших макетах и мы поговорим про инструмент гвозди и иногда это еще называется направляющие оптические струны и моду Вот посмотрите на слайд вторую строчку я не буду читать вслух Хотя здесь написано ремонт обуви копия ключей все Почему Да потому что у нас есть привычные сценарии по которым мы привыкли что-то читать а есть что-то непривычное для нас и оно требует от нас мысли топлива у нас нет мы не хотим в этом разбираться и Ну в общем пролистываем дальше есть несколько сценариев паттернов по которым мы привыкли читать Вот это тепловая карта и мы видим да что сначала персонаж захватывает наше внимание а дальше Мы двигаемся глазами по траектории буквы которые похожи на букву ф и вот мы читаем всё по строчкам то есть да в режиме захвата мы фокусируемся на самом ярком объекте А в режиме последовательного изучения мы просто двигаемся по змейке Изучая все по порядку это логично и вы можете задавать этот порядок ваших макетах Вот вы смотрите на сайт банка раз что у нас здесь цепляет Ваше внимание все вклады и подарочки аж Где самое важное это ста процентов и вообще возможность этого вклада оно находится далеко и для того чтобы до туда дойти нам нужно глазами проделать Вот эту вот страшную траекторию и мысли топлива Как вы понимаете ни у кого не будет чтобы все это изучить потому что каждый сантиметр движения по макету это потраченная мысль топлива которого Как вы понимаете У нас нет поэтому информация должна быть расположена так чтобы нам не пришлось выдумывать как это изучать и как один из вариантов это подсвечивать этот путь с помощью стрелочек указателей и так далее либо просто располагать это по я их называю гвозди невидимым гвоздям Вот пример где проблема как раз с тем как воспринимать и читать макет это реальный слайд реально крупные компании и мы видим здесь что это читается очень сложно потому что вот этих вот линий по которым могут двигаться глаза их огромное количество и каждый раз мы выбираем Куда нам двинуться нам приходится анализировать принимать решения и нам про пролистнуть этот слайд дальше то же самое с выравниванием текста когда мы выравниваем текст по правому краю нам Мы читаем то слева направо мы пробегаем глаза по левому краю этого текста для того чтобы понять суть и глаз двигается не по прямой а поломанной линии А каждая изгиб траектории у глаза требует остановки А значит потраченного мысли топлива это ученые которые занимались it-трекингом изучением того как двигаются глаза они это изучили и доказали Да что каждый изменение траектории требует остановки Значит эта штука более энергозатратно чем если бы мы двигались по прямой если мы выравниваем текст по центру то же самое то есть нам приходится глазами двигаться по вот этой змейке это тоже требует мысли топлива Если же мы выравниваем текст по левому краю то мы все быстренько джуг прочитали мысли топливо потратили меньше Если у нас несколько объектов один за другим выравниваем также по одной линии по одному гвоздю и вот они получается как некоторые гвозди которых держат наше внимание и помогают нам воспринимать это легко Теперь вы понимаете как это работает Ну и тут конечно еще бывает вопрос Павел а вот есть же еще выравнивание по двум краям Как нам в этом случае быть очень осторожны с этим быть а лучше не использовать его вообще Потому что когда вы выравниваете по двум краям это еще называется выключка по ширине в этот момент появляется разрывы между словами где-нибудь в середине и может так получиться скорее всего так и получится что важная информация будет разорвана а там где у нас разорвана важная информация появляется клей который склеивает слова не в одной строчке А между строчками и тогда читать не получается да мы видим это вот на примере этого слайда вот в этом месте то есть оп вот здесь слова склеились и вот здесь вот слова склеились и для того чтобы развить это нам придется потратить мысли топлива которая Как вы понимаете У нас нету Так что друзья мои делайте наш мир лучше делайте так чтобы ваши макеты читались лучше и все у вас будет хорошо и в завершении Я хочу рассказать вам вот такую историю когда Стиву Джобсу принесли на ревью первый Macbook он

### Segment 5 (20:00 - 22:00) [20:00]

открыл его посмотрел и в духе своем отвечает главному инженеру собачье главный инженер не понимает говорит смысле Стив мы сделали все как ты просил он готов он обалденный Стив говорит да Нет он грузится 40 секунд тут инженер его не понимает и что что он грузится 40 секунд все ноутбуки грузятся 2 минуты наш в три раза быстрее он говорит Да ты не понял я не хочу чтобы он грузился в три раза быстрее как другие ноутбуки Мне нужно чтобы он грузился за 3 секунды Ну тут главный инженер взмахивает руками говорит ну Стив избрендил такого в принципе быть не может сейчас технологии не такие мы не сможем это сделать И Стив его останавливает объясняет ему смотри говорит я буду открывать этот ноутбук 5-6 раз в день понимаешь ничего не хочу Да нет слушай сюда я пользоваться им буду три года понимаешь А мы продадим 100. 000 таких макбуков И если ты сделаешь что он будет грузиться не за 40 секунд а за 3 секунды ты спасешь 10 человеческих жизней и удивительно первый Macbook действительно грузился за 3 секунды к чему я вам рассказываю эту историю когда вы делаете ваши макеты Так что люди могут быстрее принимать решения что они быстрее понимают информацию вы не просто набираете лайки или получаете похвалу для себя Но вы чью-то жизнь может быть спасаете в этот момент поэтому я желаю вам делать наш мир лучше делать потрясающие макеты Ну что друзья мы почти подошли к концу и вы уже разобрались с тем как работает наше восприятие мы с вами проговорили про психологию восприятия Ура можно вас поздравить но это только начало нашего пути потому что помимо этого есть еще блок про то как найти важное про инфографику типографику маркетинг портрет целевой аудитории сторителлинг В общем Мы только начали с погружаться в мир того как убеждать кого угодно В чем угодно через документы слайды презентации другие вещи и если вам это будет интересно когда то Вот вы видите здесь весь Спектр весь Круг того как эту тему можно изучить вместе со мной или самостоятельно И что же будет дальше А дальше Я делюсь с вами тремя коркадами на мои ресурсы Где вы можете подробнее изучить материал вы можете приобрести эту книжку посмотреть видео уроки лекции на моем канале или подписаться на меня в социальных сетях но я вам желаю хорошего дня и как Вы уже поняли делать наш мир лучше на сегодня у меня все пока-пока