​Две линии, с помощью которых можно изобразить очень многое

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

Очевидно, что две линии может нарисовать каждый и без фотошопа. Также понятно, что все прикладные навыки не нужны, чтобы понять, как эти две линии должны быть расположены относительно друг друга в разных ситуациях.
Что по-настоящему нужно — это мыслить чуть шире. А имея готовый шаблон для метафоры (две линии) можно аппроксимировать его на какие-то более корпоративные кейсы. Самое очевидное — это пользовательский опыт. Но лучше подумать еще шире.

Гайд по иконкам: какие выбрать и когда лучше обойтись без них

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

Ян Австрейх перевел статью Кайлы Хефферман об иконографии в дизайне. Это прикладной материал для всех, кто использует иконки в интерфейсах. Но всем, кто накидывает иконки на слайд, это будет тоже полезно.

Материала много и не все применимо к презентациям. Но я настоятельно рекомендую как минимум проксролить ее ради примеров “хорошо - плохо”. Лучше наглядно увидеть все типичные ошибки, чтобы больше не повторять их на своих слайдах.

Ссылка на статью: http://clc.to/_7oHeA

Я отобрал лучшие тезисы:

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

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

User testing выяснили, что в 88% случаев люди могут правильно угадать, что будет, если они нажмут на значок с текстовой подписью. Для иконок без подписей это число сокращается до 60%, для незнакомых иконок без подписи — до 34%.

Выводы. Нужно ли пользоваться иконками? Если да, то какими?

Зависит от обстоятельств.

Спросите себя, будет ли в вашем случае иконка:
* Помогать пользователю найти то, что он ищет?
* Уменьшать нагрузку на восприятие?
* Делать продукт визуально привлекательнее?

Выбранная иконка:
* Понятна для пользователей в данном контексте? Вы протестировали это с целевыми пользователями?
* Имеет текстовую подпись для повышения юзабилити?
* Понятно, что она кликабельна?
Если на все вопросы вы ответили «да», можно использовать иконку.

Не используйте иконку, если она:
* Не помогает пользователю;
* Загромождает интерфейс;
* Неоднозначно интерпретируется.

Майнд-мэпы двух книг о переговорах:
Гэвин Кеннеди “Договориться можно обо всем”
Джим Кэмп “Сначала скажите “Нет”

Какой бы прекрасной не была ваша презентация, но рано или поздно слушатели начнут задавать вопросы. И с этого момента наступает этап под названием “переговоры” (если слушатели вопросов задавать не начали, то, скорее всего, ваша презентация не так уж и хороша).

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

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

Гэвин Кеннеди “Договориться можно обо всем”: 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

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

Тысячи платных иконок выложили в бесплатном доступе

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

Чем эти иконки лучше тех, которые можно скачать бесплатно:
— Они консистентны: выполнены в едином стиле одним автором. А значит ваши слайды будут казаться целостнее.
— Гораздо меньше шансов встретить их на других слайдах от коллег или партнеров. А значит, ваша работа будет уникальнее.
— Для комфортного восприятия обязательно должен идти третий аргумент, но на самом деле его нет. Но двух аргументов и так достаточно, чтобы скачать иконки.

Торопитесь. Пишут, что предложение ограничено:
Все-на-свете-пак из 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, например. Потому что ДНК этого шрифта больше соответствует вашим идеям.

​Mixkit: новый бесплатный видео-сток

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

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

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

Если вы не профессионал, то начните с титульного видео-слайда: https://vk.cc/92kHPD

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