Как сделать успешный дашборд
Алексей Колоколов из Института Бизнес-аналитики создал отлчиную памятку с доступными чек-листами для тех, кто хочет сделать идеальный отчет для руководства. Без преувеличения, это очень полезный материал, который несет огромную прикладную пользу.
Что хорошего:
— Наглядное объяснение причин плохих отчетов
— Чеклист понятного дашборда
— Что в отчете лишнее
— Типы отчетов для разной аудитории
— Сетки для дашбордов
— Огромное количество примеров в режиме: было — стало
Посмотрите, слайдов не так много:
https://yadi.sk/d/1V9aIQVBVTgzAQ
Алексей Колоколов из Института Бизнес-аналитики создал отлчиную памятку с доступными чек-листами для тех, кто хочет сделать идеальный отчет для руководства. Без преувеличения, это очень полезный материал, который несет огромную прикладную пользу.
Что хорошего:
— Наглядное объяснение причин плохих отчетов
— Чеклист понятного дашборда
— Что в отчете лишнее
— Типы отчетов для разной аудитории
— Сетки для дашбордов
— Огромное количество примеров в режиме: было — стало
Посмотрите, слайдов не так много:
https://yadi.sk/d/1V9aIQVBVTgzAQ
Yandex.Disk
Чеклист - понятный дашборд.pdf
View and download from Yandex.Disk
Интерактивный генератор градиентных (стильных и молодежных) фонов
Фон для слайда — штука сложная. С одной стороны, классный фон делает слайд выделяющимся, сочным и модным.
С другой стороны, яркий и красочный фон способен затмить собой любой контент, лежащий сверху.
Что делать?
— Используйте более однородные цвета
— Попробуйте притушить прозрачность фона или затонируйте его статичным цветом
— Используйте слайды с фоном для отбивок с крупными заголовками
— Используйте плашки статичного цвета для текста
— Используйте рамки и нестандартные маски для изображений
Перестаньте бояться фонов и наслаждайтесь модными динамичными градиентами:
http://clc.to/DURxgg
Фон для слайда — штука сложная. С одной стороны, классный фон делает слайд выделяющимся, сочным и модным.
С другой стороны, яркий и красочный фон способен затмить собой любой контент, лежащий сверху.
Что делать?
— Используйте более однородные цвета
— Попробуйте притушить прозрачность фона или затонируйте его статичным цветом
— Используйте слайды с фоном для отбивок с крупными заголовками
— Используйте плашки статичного цвета для текста
— Используйте рамки и нестандартные маски для изображений
Перестаньте бояться фонов и наслаждайтесь модными динамичными градиентами:
http://clc.to/DURxgg
"Говорит государство". Новый проект Максима Ильяхова
Вот она, настоящая сверхзадача для истинного героя. После корпоративного сегмента Ильяхов начал учить правильной речи государство. Задача, воистину, титаническая. И это заслуживает уважение: http://clc.to/qfIxSQ
Давайте будем честными. Государство — это не только плохо написанные объявления и работник ДЭЗа в телефонной трубке. У многих на слайдах тоже творится самое настоящие государство. Для таких случаев на сайте есть замечательная памятка “Как писать, чтобы вам доверяли”: http://clc.to/gEtNjw
Вот лучшие моменты:
— Вместо "Достигнуты наилучшие результаты” пишите "Добились лучшего результата”
— Вместо "Работы по подготовке документации” пишите "Подготовка документов”
— Вместо "Осуществляет функции по разработке” пишите “Разрабатывает"
Вот она, настоящая сверхзадача для истинного героя. После корпоративного сегмента Ильяхов начал учить правильной речи государство. Задача, воистину, титаническая. И это заслуживает уважение: http://clc.to/qfIxSQ
Давайте будем честными. Государство — это не только плохо написанные объявления и работник ДЭЗа в телефонной трубке. У многих на слайдах тоже творится самое настоящие государство. Для таких случаев на сайте есть замечательная памятка “Как писать, чтобы вам доверяли”: http://clc.to/gEtNjw
Вот лучшие моменты:
— Вместо "Достигнуты наилучшие результаты” пишите "Добились лучшего результата”
— Вместо "Работы по подготовке документации” пишите "Подготовка документов”
— Вместо "Осуществляет функции по разработке” пишите “Разрабатывает"
govorit.org
Говорит государство
Сайт об общении с людьми
Правильно ли графики отображают информацию?
Интерактивный тест
Когда вы отображаете какие-либо данные с помощью графика, то вам всегда все понятно. Даже если все сделано из рук вон плохо и смотреть на такую визуализацию больно.
Для того, чтобы вы могли взглянуть на графики со стороны, Financial Times создали интересный интерактивный тест, в котором вам надо интерпретировать различные типы графиков. Попробуйте найти третий по величине сектор в пайчарте или определить, какой тренд развивается динамичнее, глядя на bar-chart.
http://clc.to/pT4Bjw
На всякий случай напоминаю основные правила, которые следует соблюдать при визуализации данных:
— Лучше всего не оставлять интерпретацию графика на зрителя, а сразу написать, что к чему и зачем отображено. Причем, это можно сделать прям в заголовке слайда.
— Уберите на графике все лишние обозначения, а все нужные данные сделайте крупнее.
— Отсортируйте данные по возрастанию или убыванию. Так будет легче понять, кто самый большой, а кто — не очень.
Интерактивный тест
Когда вы отображаете какие-либо данные с помощью графика, то вам всегда все понятно. Даже если все сделано из рук вон плохо и смотреть на такую визуализацию больно.
Для того, чтобы вы могли взглянуть на графики со стороны, Financial Times создали интересный интерактивный тест, в котором вам надо интерпретировать различные типы графиков. Попробуйте найти третий по величине сектор в пайчарте или определить, какой тренд развивается динамичнее, глядя на bar-chart.
http://clc.to/pT4Bjw
На всякий случай напоминаю основные правила, которые следует соблюдать при визуализации данных:
— Лучше всего не оставлять интерпретацию графика на зрителя, а сразу написать, что к чему и зачем отображено. Причем, это можно сделать прям в заголовке слайда.
— Уберите на графике все лишние обозначения, а все нужные данные сделайте крупнее.
— Отсортируйте данные по возрастанию или убыванию. Так будет легче понять, кто самый большой, а кто — не очень.
Сервис для работы с PDF файлами
Мой любимый сервис SmallPDF перешел на полностью платный режим работы. А значит, надо искать альтернативу.
Спасибо постоянной читательнице нашего канала Лие, которая нашла альтернативный сервис: http://clc.to/tUti4w
Из приятных возможностей:
— Весьма ощутимое сжатие PDF файла без потери качества (идеально, чтобы отправить кому-нибудь презентацию по почте)
— Установка и снятие (!) пароля с презентации
— Возможность разбить один PDF файл на несколько и наоборот (несколько PDF превратить в один)
— Превратить ваш PDF в DOC, Excel и даже HTML
Спасибо, Лия!
Мой любимый сервис SmallPDF перешел на полностью платный режим работы. А значит, надо искать альтернативу.
Спасибо постоянной читательнице нашего канала Лие, которая нашла альтернативный сервис: http://clc.to/tUti4w
Из приятных возможностей:
— Весьма ощутимое сжатие PDF файла без потери качества (идеально, чтобы отправить кому-нибудь презентацию по почте)
— Установка и снятие (!) пароля с презентации
— Возможность разбить один PDF файл на несколько и наоборот (несколько PDF превратить в один)
— Превратить ваш PDF в DOC, Excel и даже HTML
Спасибо, Лия!
Moose Photo Creator — интерактивый сервис создания коллажей
Вторая новость в этом году о команде icon8 и их замечательных сервисах. Новый редактор позволяет создавать свои стоковые фотографии вместо того, чтобы искать подходящие: http://clc.to/t2978A
Работает все идеально:
— Выбираете нужный фон (реальное фото или абстрактный паттерн)
— Накидываете на этот фон нужных моделей с правильными эмоциями
— Накидываете сверху объекты (тысячи их!)
— По необходимости накидываете сверху текст (шрифтов маловато)
Получаете идеальную картинку для своего слайда без Фотошопов и лишних усилий.
P.S. Спасибо вам, дорогие подписчики, за очередную круглую цифру!
5 000 человек — это мой личный повод для огромной радости. Спасибо вам за это!
Вторая новость в этом году о команде icon8 и их замечательных сервисах. Новый редактор позволяет создавать свои стоковые фотографии вместо того, чтобы искать подходящие: http://clc.to/t2978A
Работает все идеально:
— Выбираете нужный фон (реальное фото или абстрактный паттерн)
— Накидываете на этот фон нужных моделей с правильными эмоциями
— Накидываете сверху объекты (тысячи их!)
— По необходимости накидываете сверху текст (шрифтов маловато)
Получаете идеальную картинку для своего слайда без Фотошопов и лишних усилий.
P.S. Спасибо вам, дорогие подписчики, за очередную круглую цифру!
5 000 человек — это мой личный повод для огромной радости. Спасибо вам за это!
Две линии, с помощью которых можно изобразить очень многое
Я многократно говорил, что отличные навыки рисования или работы с графическими программами — это хорошо. Но понятно визуализировать что-то можно и с помощью подручных средств.
Художница Оливия де Рикэт с помощью двух линий показала процесс взаимоотношений между двумя людьми.
Очевидно, что две линии может нарисовать каждый и без фотошопа. Также понятно, что все прикладные навыки не нужны, чтобы понять, как эти две линии должны быть расположены относительно друг друга в разных ситуациях.
Что по-настоящему нужно — это мыслить чуть шире. А имея готовый шаблон для метафоры (две линии) можно аппроксимировать его на какие-то более корпоративные кейсы. Самое очевидное — это пользовательский опыт. Но лучше подумать еще шире.
Я многократно говорил, что отличные навыки рисования или работы с графическими программами — это хорошо. Но понятно визуализировать что-то можно и с помощью подручных средств.
Художница Оливия де Рикэт с помощью двух линий показала процесс взаимоотношений между двумя людьми.
Очевидно, что две линии может нарисовать каждый и без фотошопа. Также понятно, что все прикладные навыки не нужны, чтобы понять, как эти две линии должны быть расположены относительно друг друга в разных ситуациях.
Что по-настоящему нужно — это мыслить чуть шире. А имея готовый шаблон для метафоры (две линии) можно аппроксимировать его на какие-то более корпоративные кейсы. Самое очевидное — это пользовательский опыт. Но лучше подумать еще шире.
Гайд по иконкам: какие выбрать и когда лучше обойтись без них
Иконки везде. Можно скачать любой бесплатный набор векторных иконок, забросать интерфейс пиксельными гамбургерами, лупами и флажками, и получится дизайн. Но задумывались ли вы когда-нибудь, как их правильно использовать?
Ян Австрейх перевел статью Кайлы Хефферман об иконографии в дизайне. Это прикладной материал для всех, кто использует иконки в интерфейсах. Но всем, кто накидывает иконки на слайд, это будет тоже полезно.
Материала много и не все применимо к презентациям. Но я настоятельно рекомендую как минимум проксролить ее ради примеров “хорошо - плохо”. Лучше наглядно увидеть все типичные ошибки, чтобы больше не повторять их на своих слайдах.
Ссылка на статью: http://clc.to/_7oHeA
Я отобрал лучшие тезисы:
Хорошо сделанные иконки могут быстро выдать информацию, которую ищет пользователь — например, есть ли в отеле Wi-Fi.
Иконки экономят место и уменьшают нагрузку на восприятие — с ними не нужно читать одни и те же слова в каждом описании.
Когда иконки идут в паре с текстом, это делает их более доступными.
Плохо сделанные иконки могут создать путаницу. Она возникает, когда мы не понимаем, что дизайнер пытался сказать через эти значки, особенно если они без текста или подсказки.
Иконки субъективны. Один и тот же значок на разных сайтах может означать разные вещи.
Есть ещё одна проблема — очень мало универсально понятных знаков.
Если хотите, чтобы большинство пользователей поняли, что делает иконка, используйте подпись.
User testing выяснили, что в 88% случаев люди могут правильно угадать, что будет, если они нажмут на значок с текстовой подписью. Для иконок без подписей это число сокращается до 60%, для незнакомых иконок без подписи — до 34%.
Выводы. Нужно ли пользоваться иконками? Если да, то какими?
Зависит от обстоятельств.
Спросите себя, будет ли в вашем случае иконка:
* Помогать пользователю найти то, что он ищет?
* Уменьшать нагрузку на восприятие?
* Делать продукт визуально привлекательнее?
Выбранная иконка:
* Понятна для пользователей в данном контексте? Вы протестировали это с целевыми пользователями?
* Имеет текстовую подпись для повышения юзабилити?
* Понятно, что она кликабельна?
Если на все вопросы вы ответили «да», можно использовать иконку.
Не используйте иконку, если она:
* Не помогает пользователю;
* Загромождает интерфейс;
* Неоднозначно интерпретируется.
Иконки везде. Можно скачать любой бесплатный набор векторных иконок, забросать интерфейс пиксельными гамбургерами, лупами и флажками, и получится дизайн. Но задумывались ли вы когда-нибудь, как их правильно использовать?
Ян Австрейх перевел статью Кайлы Хефферман об иконографии в дизайне. Это прикладной материал для всех, кто использует иконки в интерфейсах. Но всем, кто накидывает иконки на слайд, это будет тоже полезно.
Материала много и не все применимо к презентациям. Но я настоятельно рекомендую как минимум проксролить ее ради примеров “хорошо - плохо”. Лучше наглядно увидеть все типичные ошибки, чтобы больше не повторять их на своих слайдах.
Ссылка на статью: http://clc.to/_7oHeA
Я отобрал лучшие тезисы:
Хорошо сделанные иконки могут быстро выдать информацию, которую ищет пользователь — например, есть ли в отеле Wi-Fi.
Иконки экономят место и уменьшают нагрузку на восприятие — с ними не нужно читать одни и те же слова в каждом описании.
Когда иконки идут в паре с текстом, это делает их более доступными.
Плохо сделанные иконки могут создать путаницу. Она возникает, когда мы не понимаем, что дизайнер пытался сказать через эти значки, особенно если они без текста или подсказки.
Иконки субъективны. Один и тот же значок на разных сайтах может означать разные вещи.
Есть ещё одна проблема — очень мало универсально понятных знаков.
Если хотите, чтобы большинство пользователей поняли, что делает иконка, используйте подпись.
User testing выяснили, что в 88% случаев люди могут правильно угадать, что будет, если они нажмут на значок с текстовой подписью. Для иконок без подписей это число сокращается до 60%, для незнакомых иконок без подписи — до 34%.
Выводы. Нужно ли пользоваться иконками? Если да, то какими?
Зависит от обстоятельств.
Спросите себя, будет ли в вашем случае иконка:
* Помогать пользователю найти то, что он ищет?
* Уменьшать нагрузку на восприятие?
* Делать продукт визуально привлекательнее?
Выбранная иконка:
* Понятна для пользователей в данном контексте? Вы протестировали это с целевыми пользователями?
* Имеет текстовую подпись для повышения юзабилити?
* Понятно, что она кликабельна?
Если на все вопросы вы ответили «да», можно использовать иконку.
Не используйте иконку, если она:
* Не помогает пользователю;
* Загромождает интерфейс;
* Неоднозначно интерпретируется.
Оди
Гайд по иконкам: какие выбрать и когда лучше обойтись без них
Хорошо сделанные иконки могут быстро выдать информацию, которую ищет пользователь — например, есть ли в отеле Wi-Fi или сколько спален в доме...
Майнд-мэпы двух книг о переговорах:
Гэвин Кеннеди “Договориться можно обо всем”
Джим Кэмп “Сначала скажите “Нет”
Какой бы прекрасной не была ваша презентация, но рано или поздно слушатели начнут задавать вопросы. И с этого момента наступает этап под названием “переговоры” (если слушатели вопросов задавать не начали, то, скорее всего, ваша презентация не так уж и хороша).
В переговорах существует множество стратегий поведения. И сложно назвать какую-либо идеальную и универсальную. Но планировать разговор заранее, предвидеть возможные развития событий и вашу реакцию на них — необходимо.
Данные майнд-мэпы не заменят вам книгу. Но помогут понять, близка ли вам позиция автора. Возможно, вы узнаете несколько интересных подходов и сможете применить их в жизни.
Гэвин Кеннеди “Договориться можно обо всем”: https://yadi.sk/i/gCsswsh8QD5XxQ
Джим Кэмп “Сначала скажите “Нет”: https://yadi.sk/i/qP2qolk0s5jvdA
Избранные цитаты:
1. Сохранение отношений — губительный мотив.
2. У вас должна быть миссия, долгосрочная цель и путь развития.
3. Багаж — жизненный опыт + наблюдения — влияет на принятие решений вас и противника.
4. Часто презентация — это попытка ответить на вопросы противника или продемонстрировать его нужду.
5. Записывайте ход переговоров. Так вы учитесь слушать.
6. Признаки нужды (слабой позиции): высокий пронзительный голос, поспешные ответы, лишняя болтовня, страх отказа.
7. Высокая самооценка — гарантия долгосрочного успеха.
8. Добровольные уступки не смягчают оппонента, а ужесточают его позицию.
9. Если вы только “наезжаете”, партнеры будут искать оправдания. Предлагайте варианты решений проблемы сразу.
10. Чтобы изменить мнение людей, совсем не обязательно убеждать каждого.
11. Не меняйте цену, меняйте пакет предложений.
12. Уважайте собеседника.
Гэвин Кеннеди “Договориться можно обо всем”
Джим Кэмп “Сначала скажите “Нет”
Какой бы прекрасной не была ваша презентация, но рано или поздно слушатели начнут задавать вопросы. И с этого момента наступает этап под названием “переговоры” (если слушатели вопросов задавать не начали, то, скорее всего, ваша презентация не так уж и хороша).
В переговорах существует множество стратегий поведения. И сложно назвать какую-либо идеальную и универсальную. Но планировать разговор заранее, предвидеть возможные развития событий и вашу реакцию на них — необходимо.
Данные майнд-мэпы не заменят вам книгу. Но помогут понять, близка ли вам позиция автора. Возможно, вы узнаете несколько интересных подходов и сможете применить их в жизни.
Гэвин Кеннеди “Договориться можно обо всем”: https://yadi.sk/i/gCsswsh8QD5XxQ
Джим Кэмп “Сначала скажите “Нет”: https://yadi.sk/i/qP2qolk0s5jvdA
Избранные цитаты:
1. Сохранение отношений — губительный мотив.
2. У вас должна быть миссия, долгосрочная цель и путь развития.
3. Багаж — жизненный опыт + наблюдения — влияет на принятие решений вас и противника.
4. Часто презентация — это попытка ответить на вопросы противника или продемонстрировать его нужду.
5. Записывайте ход переговоров. Так вы учитесь слушать.
6. Признаки нужды (слабой позиции): высокий пронзительный голос, поспешные ответы, лишняя болтовня, страх отказа.
7. Высокая самооценка — гарантия долгосрочного успеха.
8. Добровольные уступки не смягчают оппонента, а ужесточают его позицию.
9. Если вы только “наезжаете”, партнеры будут искать оправдания. Предлагайте варианты решений проблемы сразу.
10. Чтобы изменить мнение людей, совсем не обязательно убеждать каждого.
11. Не меняйте цену, меняйте пакет предложений.
12. Уважайте собеседника.
Cloudfare: интерактивный инструмент для тестирования цветовых палитр
Начало работы над слайдом начинаются с выбора правильной цветовой палитры. И сервисов по выбору сочетающихся цветов полно.
Но глядя на разноцветные квадратики бывает сложно понять, как будет выглядеть слайд?
Для этого есть Cloudfare: инструмент, который позволяет выбрать дизайнерам цвета для своего интерфейса: https://vk.cc/912msu
Настраиваете цвета в соответствии с выбранной (на других ресурсах и сервисах) палитрой и видите, как выглядит текст и иконки нужного цвета на заданной плашке и нужном фоне. Очень удобно и продуктивно.
Начало работы над слайдом начинаются с выбора правильной цветовой палитры. И сервисов по выбору сочетающихся цветов полно.
Но глядя на разноцветные квадратики бывает сложно понять, как будет выглядеть слайд?
Для этого есть Cloudfare: инструмент, который позволяет выбрать дизайнерам цвета для своего интерфейса: https://vk.cc/912msu
Настраиваете цвета в соответствии с выбранной (на других ресурсах и сервисах) палитрой и видите, как выглядит текст и иконки нужного цвета на заданной плашке и нужном фоне. Очень удобно и продуктивно.
Тысячи платных иконок выложили в бесплатном доступе
Иногда стоковые сайты так делают для того, чтобы привлечь трафик и что-то успешно допродать любителям бесплатного (но что-то покупать совсем не обязательно).
Чем эти иконки лучше тех, которые можно скачать бесплатно:
— Они консистентны: выполнены в едином стиле одним автором. А значит ваши слайды будут казаться целостнее.
— Гораздо меньше шансов встретить их на других слайдах от коллег или партнеров. А значит, ваша работа будет уникальнее.
— Для комфортного восприятия обязательно должен идти третий аргумент, но на самом деле его нет. Но двух аргументов и так достаточно, чтобы скачать иконки.
Торопитесь. Пишут, что предложение ограничено:
Все-на-свете-пак из 2867 иконок: https://vk.cc/91iIwM
Social Media Icon Pack: https://vk.cc/91iIaW
Иногда стоковые сайты так делают для того, чтобы привлечь трафик и что-то успешно допродать любителям бесплатного (но что-то покупать совсем не обязательно).
Чем эти иконки лучше тех, которые можно скачать бесплатно:
— Они консистентны: выполнены в едином стиле одним автором. А значит ваши слайды будут казаться целостнее.
— Гораздо меньше шансов встретить их на других слайдах от коллег или партнеров. А значит, ваша работа будет уникальнее.
— Для комфортного восприятия обязательно должен идти третий аргумент, но на самом деле его нет. Но двух аргументов и так достаточно, чтобы скачать иконки.
Торопитесь. Пишут, что предложение ограничено:
Все-на-свете-пак из 2867 иконок: https://vk.cc/91iIwM
Social Media Icon Pack: https://vk.cc/91iIaW
ДНК-бренда: три шаблона слайда от Microsoft
Наверное, главное слово паразит уходящего года — это “ДНК-бренда” (компании, агентства, чего угодно). Все поняли, что приставка “ДНК” перед любым утверждением делает его гораздо убедительнее и значимее.
Конечно, это все странно. Но, если это работает, то можно этим пользоваться.
Специально для ДНК-маркетологов компания Microsoft выпустила целых три шаблона с различными вариациями ДНК. И они (с большими оговорками и слегка зажмурившись) более-менее норм. То есть если вы хотите сделать слайд про ДНК, то либо у вас уже есть офигенный шаблон, либо предложенные варианты — очень даже ок.
Раз https://vk.cc/926m3c
Два https://vk.cc/926mbL
Три https://vk.cc/926mAR
Только перед употреблением замените шрифт Calibri на что-то еще.
Отлично подойдет Verdana, например. Потому что ДНК этого шрифта больше соответствует вашим идеям.
Наверное, главное слово паразит уходящего года — это “ДНК-бренда” (компании, агентства, чего угодно). Все поняли, что приставка “ДНК” перед любым утверждением делает его гораздо убедительнее и значимее.
Конечно, это все странно. Но, если это работает, то можно этим пользоваться.
Специально для ДНК-маркетологов компания Microsoft выпустила целых три шаблона с различными вариациями ДНК. И они (с большими оговорками и слегка зажмурившись) более-менее норм. То есть если вы хотите сделать слайд про ДНК, то либо у вас уже есть офигенный шаблон, либо предложенные варианты — очень даже ок.
Раз https://vk.cc/926m3c
Два https://vk.cc/926mbL
Три https://vk.cc/926mAR
Только перед употреблением замените шрифт Calibri на что-то еще.
Отлично подойдет Verdana, например. Потому что ДНК этого шрифта больше соответствует вашим идеям.
Mixkit: новый бесплатный видео-сток
Этот пост для профессиональных презаваятелей, которые готовы использовать видео для своих слайдов или (о боже!) используют футажи для видеопрезентаций.
Впрочем, особо сложного тут ничего нет. Скачать видос и перетащить его на слайд может каждый. Сверху следует положить плашку с текстом. Или затонировать все видео и размещать что угодно и как угодно. Но делать это надо осторожно и не злоупотреблять, иначе у зрителя может начать дергаться глаз или еще что похуже.
Почему этот сток лучше, чем остальные (хотя остальных не очень то и много):
— На видео много людей. А футаж с человеком для какого-то имиджево-банального использования всегда лучше, чем футаж без человека.
— Есть удобный рубрикатор и даже неплохая анимация.
— Многие видео тягучие и замедленные. Это сделано специально для того, чтобы у ваших зрителей голова не заболела от мельтешения.
Если вы не профессионал, то начните с титульного видео-слайда: https://vk.cc/92kHPD
Этот пост для профессиональных презаваятелей, которые готовы использовать видео для своих слайдов или (о боже!) используют футажи для видеопрезентаций.
Впрочем, особо сложного тут ничего нет. Скачать видос и перетащить его на слайд может каждый. Сверху следует положить плашку с текстом. Или затонировать все видео и размещать что угодно и как угодно. Но делать это надо осторожно и не злоупотреблять, иначе у зрителя может начать дергаться глаз или еще что похуже.
Почему этот сток лучше, чем остальные (хотя остальных не очень то и много):
— На видео много людей. А футаж с человеком для какого-то имиджево-банального использования всегда лучше, чем футаж без человека.
— Есть удобный рубрикатор и даже неплохая анимация.
— Многие видео тягучие и замедленные. Это сделано специально для того, чтобы у ваших зрителей голова не заболела от мельтешения.
Если вы не профессионал, то начните с титульного видео-слайда: https://vk.cc/92kHPD
TedED: Как оптические иллюзии играют с вашим мозгом
Сегодня пост с теоретическими знаниями, которые не сделают ваши слайды лучше здесь и сейчас. Но зато вы сможете лучше понять, как человек воспринимает информацию и почему он порой видит совершенно не то, что изображено.
Про оптические иллюзии знают все. Но вот причины, по которой мы видим вещи не так, известны не многим. Как обычно, TedED разъясняет все “на пальцах” и понятно всем.
О чем стоит помнить, выбирая картинки для своих слайдов:
— Мозг активно пытается превратить плоские фигуры в трехмерные, обращая особое внимание на края. Поэтому контраст фигуры и фона очень важен.
— В результате эволюции мы научились отлично распознавать лица. И видим лица даже там, где их нет.
— Больше всего мы обращаем внимание на глаза и рот. Так мы определяем: относятся к нам злобно или дружелюбно.
Посмотрите видео целиком.
5 минут 18 секунд
Английский язык
Русские субтитры (не забудьте включить их дополнительно)
https://vk.cc/92BVRz
Сегодня пост с теоретическими знаниями, которые не сделают ваши слайды лучше здесь и сейчас. Но зато вы сможете лучше понять, как человек воспринимает информацию и почему он порой видит совершенно не то, что изображено.
Про оптические иллюзии знают все. Но вот причины, по которой мы видим вещи не так, известны не многим. Как обычно, TedED разъясняет все “на пальцах” и понятно всем.
О чем стоит помнить, выбирая картинки для своих слайдов:
— Мозг активно пытается превратить плоские фигуры в трехмерные, обращая особое внимание на края. Поэтому контраст фигуры и фона очень важен.
— В результате эволюции мы научились отлично распознавать лица. И видим лица даже там, где их нет.
— Больше всего мы обращаем внимание на глаза и рот. Так мы определяем: относятся к нам злобно или дружелюбно.
Посмотрите видео целиком.
5 минут 18 секунд
Английский язык
Русские субтитры (не забудьте включить их дополнительно)
https://vk.cc/92BVRz
107 бесплатных шаблонов презентаций
Когда-то это должно было произойти. Я всегда задавался вопросом: если тысячи творцов выкладывают свои фотографии / видео / иконки и прочее творчество в свободный доступ, то почему никто не выкладывает шаблоны презентаций?
Оказывается, выкладывают. Причем, в достаточном количестве и в двух версиях: Keynote и PowerPoint.
Но не все так идеально. На что стоит обратить внимание:
— На шрифты, которые используются в презентации. Их нужно установить заранее, иначе шаблон будет выглядеть плохенько. И не забывайте, что не все шрифты имеют кириллическое начертание. В этом случае не стоит искать шрифтовую альтернативу, просто найдите новый шаблон.
— На превью многие слайды выглядят секси-шмекси, но в большинстве шаблонов отсутствуют эти замечательные фотографии, которые делали слайды классными. Не отчаивайтесь. Найдите нужные вам фотки и все снова заиграет.
— Сервер очень медленно работает и скачивание шаблона не всегда срабатывает с первого раза. Подождите немного и проявите настойчивость. Все должно скачаться, я проверял.
Вот и все. Похоже, теперь у вас будут крутые слайды и без канала “Немного терпения”. Всем спасибо, расходимся :)
https://vk.cc/92RRJk
Когда-то это должно было произойти. Я всегда задавался вопросом: если тысячи творцов выкладывают свои фотографии / видео / иконки и прочее творчество в свободный доступ, то почему никто не выкладывает шаблоны презентаций?
Оказывается, выкладывают. Причем, в достаточном количестве и в двух версиях: Keynote и PowerPoint.
Но не все так идеально. На что стоит обратить внимание:
— На шрифты, которые используются в презентации. Их нужно установить заранее, иначе шаблон будет выглядеть плохенько. И не забывайте, что не все шрифты имеют кириллическое начертание. В этом случае не стоит искать шрифтовую альтернативу, просто найдите новый шаблон.
— На превью многие слайды выглядят секси-шмекси, но в большинстве шаблонов отсутствуют эти замечательные фотографии, которые делали слайды классными. Не отчаивайтесь. Найдите нужные вам фотки и все снова заиграет.
— Сервер очень медленно работает и скачивание шаблона не всегда срабатывает с первого раза. Подождите немного и проявите настойчивость. Все должно скачаться, я проверял.
Вот и все. Похоже, теперь у вас будут крутые слайды и без канала “Немного терпения”. Всем спасибо, расходимся :)
https://vk.cc/92RRJk
Visual Storytelling Awards 2019: фотоконкурс историй
Фотоконкурс, в котором оценивают не художественную составляющую фото (хотя это тоже важно), а историю, которую эта фотография раскрывает. А значит в каждом кадре не просто красота или запечатленный момент, а какая-то метафора, яркая эмоция, территория смыслов (как модно говорить).
Каждая фотография идеальна для эмоционального слайда с мощным посылом. Бери, накладывай титр с текстом и становись звездой конференций. Все выложено в приличном качестве и подходит для использования (естественно, для использования где угодно, кроме формальных корпоративных слайдов, но вы это и без меня понимаете). Кстати, другие номинанты, которые не получили особых наград, тоже очень и очень ок!
Не забудьте указать авторов фотографий, которые вы используете.
Для этого можно сделать отдельный слайд в конце презентации.
https://vk.cc/93aujK
Фотоконкурс, в котором оценивают не художественную составляющую фото (хотя это тоже важно), а историю, которую эта фотография раскрывает. А значит в каждом кадре не просто красота или запечатленный момент, а какая-то метафора, яркая эмоция, территория смыслов (как модно говорить).
Каждая фотография идеальна для эмоционального слайда с мощным посылом. Бери, накладывай титр с текстом и становись звездой конференций. Все выложено в приличном качестве и подходит для использования (естественно, для использования где угодно, кроме формальных корпоративных слайдов, но вы это и без меня понимаете). Кстати, другие номинанты, которые не получили особых наград, тоже очень и очень ок!
Не забудьте указать авторов фотографий, которые вы используете.
Для этого можно сделать отдельный слайд в конце презентации.
https://vk.cc/93aujK
Инстаграм Моны Чалаби: дата-журналиста и иллюстратора
Вот еще одно доказательства того, что не нужно быть дизайнером, чтобы показывать информацию красиво и понятно. Нужно быть думающим человеком, использующим верную методологию.
Дата-редактор в the Guardian, Мона Чалаби не просто превращает цифры в отличную иллюстрацию, комфортную для восприятия. В Инстаграм она показывает не только результат, но и процесс.
И тут многим есть чему поучиться, а именно:
— Как сложные данные показать в виде простой картинки
— Как понятно проиллюстрировать что-либо, если вы не художник
— Как интерпретировать данные так, чтобы значение абстрактных цифр стало всем понятно
Таким должен быть Инстаграм здорового человека:
https://vk.cc/93UD84
Вот еще одно доказательства того, что не нужно быть дизайнером, чтобы показывать информацию красиво и понятно. Нужно быть думающим человеком, использующим верную методологию.
Дата-редактор в the Guardian, Мона Чалаби не просто превращает цифры в отличную иллюстрацию, комфортную для восприятия. В Инстаграм она показывает не только результат, но и процесс.
И тут многим есть чему поучиться, а именно:
— Как сложные данные показать в виде простой картинки
— Как понятно проиллюстрировать что-либо, если вы не художник
— Как интерпретировать данные так, чтобы значение абстрактных цифр стало всем понятно
Таким должен быть Инстаграм здорового человека:
https://vk.cc/93UD84
Коллекция видео-референсов интерфейсов и сервис для создания видео-мокапов
В сегодняшнем посте я расскажу о двух разных ресурсах, которые (в общем-то) об одном и том же.
Как вы знаете, человек очень сложно понимает новые для него вещи. Поэтому всегда сложно объяснить принцип работы чего-то неизведанного. Зато мозг человека легко аппроксимирует. Самый быстрый способ объяснить что-либо — это привести известный слушателю пример и показать отличия / преимущества. Например: “это как Тиндер, только для тех, кто продает и покупает автомобили”. Или “это как Убер, только вместо водителей и автомобилей — массажисты”.
В презентации для такого подхода используются референсы. Вы просто ставите на слайд интерфейс Тендера и говорите, что у вас будет так же (принцип работы), а что будет отличаться (субъект и объект).
Для большей интерактивности можно использовать видео-референсы интерфейсов популярных приложений, которые кропотливо собрали на этом ресурсе: https://vk.cc/94aZSm
Еще одно удивительное откровение. Кусочек видео с интерфейсом человеческий мозг воспринимает не так хорошо, как кусочек видео, огороженный рамкой телефона. Да, мы все — взрослые люди с высшим образованием. Но мозгу все равно и он любит, чтобы была рамка телефона, если речь в презентации идет о мобильном приложении.
Именно поэтому существует вот этот сервис: https://vk.cc/94b06e
Выбираете подходящую модель телефона, загружаете видео (скачанное на предыдущем ресурсе, скачанное где угодно или созданное своими руками) и получаете полноценный видео-мокап. А дальше просто размещаете его на слайде и очаровываете слушателей своими возможностями.
В сегодняшнем посте я расскажу о двух разных ресурсах, которые (в общем-то) об одном и том же.
Как вы знаете, человек очень сложно понимает новые для него вещи. Поэтому всегда сложно объяснить принцип работы чего-то неизведанного. Зато мозг человека легко аппроксимирует. Самый быстрый способ объяснить что-либо — это привести известный слушателю пример и показать отличия / преимущества. Например: “это как Тиндер, только для тех, кто продает и покупает автомобили”. Или “это как Убер, только вместо водителей и автомобилей — массажисты”.
В презентации для такого подхода используются референсы. Вы просто ставите на слайд интерфейс Тендера и говорите, что у вас будет так же (принцип работы), а что будет отличаться (субъект и объект).
Для большей интерактивности можно использовать видео-референсы интерфейсов популярных приложений, которые кропотливо собрали на этом ресурсе: https://vk.cc/94aZSm
Еще одно удивительное откровение. Кусочек видео с интерфейсом человеческий мозг воспринимает не так хорошо, как кусочек видео, огороженный рамкой телефона. Да, мы все — взрослые люди с высшим образованием. Но мозгу все равно и он любит, чтобы была рамка телефона, если речь в презентации идет о мобильном приложении.
Именно поэтому существует вот этот сервис: https://vk.cc/94b06e
Выбираете подходящую модель телефона, загружаете видео (скачанное на предыдущем ресурсе, скачанное где угодно или созданное своими руками) и получаете полноценный видео-мокап. А дальше просто размещаете его на слайде и очаровываете слушателей своими возможностями.
Еще 15 бесплатных шаблонов презентаций
Шаблонов не бывает мало, поэтому вот ссылка на новые шаблоны: https://vk.cc/94r1M0
Скачиваются одним кликом, я проверял. Есть не только красочные и фото-слайды, но и несколько интересных бизнес-тем, которые подойдут для корпоративного сегмента.
Я уже много писал о том, на что стоит обратить внимание при работе с бесплатными шаблонами. На всякий случай добавлю еще несколько полезных советов.
Старайтесь не сильно менять шаблон. Потому что изменить красивый слайд так, чтобы он оставался красивым — значит изменить его минимально.
То есть если в примере в заголовке одна строка, а вы разместили там три, то вся верстка может поехать, а карета превратится в тыкву. Не увеличивайте размер текста или размер текстовых блоков. Это тоже важно.
Обратите внимание на фотографии. Используйте шаблон с обилием красочных фото только если вы уже нашли на стоках большое количество фотографий в единой стилистике.
Дерзайте!
Шаблонов не бывает мало, поэтому вот ссылка на новые шаблоны: https://vk.cc/94r1M0
Скачиваются одним кликом, я проверял. Есть не только красочные и фото-слайды, но и несколько интересных бизнес-тем, которые подойдут для корпоративного сегмента.
Я уже много писал о том, на что стоит обратить внимание при работе с бесплатными шаблонами. На всякий случай добавлю еще несколько полезных советов.
Старайтесь не сильно менять шаблон. Потому что изменить красивый слайд так, чтобы он оставался красивым — значит изменить его минимально.
То есть если в примере в заголовке одна строка, а вы разместили там три, то вся верстка может поехать, а карета превратится в тыкву. Не увеличивайте размер текста или размер текстовых блоков. Это тоже важно.
Обратите внимание на фотографии. Используйте шаблон с обилием красочных фото только если вы уже нашли на стоках большое количество фотографий в единой стилистике.
Дерзайте!
Как разместить три графика на одном слайде и никого не убить
Министерство Экономического Развития Российской Федерации опубликовало слайды о влиянии экономических санкций на нашу страну. Ничего не могу сказать о профессиональной деятельности Министерства, но так визуализировать данные нельзя.
В качестве положительного примера я взял простой дашборд Google Analytics и написал несколько простых правил, с помощью которых вы сможете не делать как МинЭкономРазвития, а делать как Google.
1. Не используйте трехмерные графики, они всегда выглядят ужасно. Но если вы думаете, что это мое оценочное суждение, то вот вам статистический факт! Трехмерные графики искажают восприятие данных. Поглядите на дальний край пайчарта: визуально определить насколько сектор автомобильной промышленности меньше химической просто невозможно. А разница там (если верить цифрам) больше чем в два раза!
2. Если вы используете два одинаковых графика, то делайте их в одинаковом стиле. Трехмерный бар-чарт над плоским бар-чартом выглядит странно и не консистентно.
3. Раскрашивайте ВСЕ графики в единой цветовой палитре. Контраст красного и синего ломает глаза.
4. Не используйте на графиках легенду, если вы подписываете каждый столбик. Потому что в этом случае легенда ничего не дает зрителю, но кратер воздух, захламляет визуал и делает графики сложночитаемыми.
5. Самые важные цифры выносите вверх, чтобы сразу было понятно, о чем вы хотите рассказать на ладе. Потому что сами по себе графики содержат данные, которые можно интерпретировать по-разному.
Министерство Экономического Развития Российской Федерации опубликовало слайды о влиянии экономических санкций на нашу страну. Ничего не могу сказать о профессиональной деятельности Министерства, но так визуализировать данные нельзя.
В качестве положительного примера я взял простой дашборд Google Analytics и написал несколько простых правил, с помощью которых вы сможете не делать как МинЭкономРазвития, а делать как Google.
1. Не используйте трехмерные графики, они всегда выглядят ужасно. Но если вы думаете, что это мое оценочное суждение, то вот вам статистический факт! Трехмерные графики искажают восприятие данных. Поглядите на дальний край пайчарта: визуально определить насколько сектор автомобильной промышленности меньше химической просто невозможно. А разница там (если верить цифрам) больше чем в два раза!
2. Если вы используете два одинаковых графика, то делайте их в одинаковом стиле. Трехмерный бар-чарт над плоским бар-чартом выглядит странно и не консистентно.
3. Раскрашивайте ВСЕ графики в единой цветовой палитре. Контраст красного и синего ломает глаза.
4. Не используйте на графиках легенду, если вы подписываете каждый столбик. Потому что в этом случае легенда ничего не дает зрителю, но кратер воздух, захламляет визуал и делает графики сложночитаемыми.
5. Самые важные цифры выносите вверх, чтобы сразу было понятно, о чем вы хотите рассказать на ладе. Потому что сами по себе графики содержат данные, которые можно интерпретировать по-разному.
👍1