'

Юзабилити презентаций. Правила удобства восприятия и использования.

Понравилась презентация – покажи это...





Слайд 0

Юзабилити презентаций. Правила удобства восприятия и использования. Клягин Алексей.


Слайд 1

Истоки явления. Презентации - часть американской культуры подачи информации, частный случай инфографики. Русская традиция во многом основана на европейской, где никогда не считалось стыдным показаться на публике с рассказом без нарисованных тезисов. Иллюстрированный аргумент воспринимается нами как украшение. Американцам органически свойственно думать глазами. Газеты печатают инфографику, новостные каналы показывают трехмерные сцены произошедшего в разрезе. Зрители умеют эту информацию воспринимать. 2/48


Слайд 2

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


Слайд 3

Докомпьютерная техника. Угловой, или на современном офисном языке «оверхеад-проектор» - классика презентационной техники. Были настолько популярны, что заменили школьную доску в американских классах. 4/48


Слайд 4

Power Point — враг пентагона. Генерал Маккристал: «Когда мы поймем этот слайд, мы выиграем войну». Epic Fail. 5/48


Слайд 5

Типы презентаций. 6/48


Слайд 6

Образовательные презентации. 6. Источники. 7/48


Слайд 7

Дизайн презентации. Цвета. Текст. Графика. Эффекты. Композиция. Структура. 8/48


Слайд 8

Цвета. 9/48


Слайд 9

Цветопередача. Монитор, на котором создается презентация, сам по себе является источником света. Проецированная же картинка видна благодаря отраженному свету. 10/48


Слайд 10

Контрастность. Основной принцип выбора цвета текста и фона — достижение наибольшей контрастности между ними. Запас яркости большинства современных пректоров значительно ниже такового современных мониторов, слайды будут выглядеть по-разному на этих устройствах. 11/48


Слайд 11

Гармоничные сочетания. Для подбора гармоничных сочетаний цветов воспользуйтесь цветовым кругом. Способ «аналогичности» - последовательные цвета: Способ «дополнения» - противоположные цвета: Один тон с разной яркостью/насыщенностью: Но лучше используйте готовые схемы и автоматические подборщики: colorschemedesigner.com colorcombos.com 12/48


Слайд 12

Цвет текста и фона. Вариант светлого текста на темном фоне чуть менее удобен. К тому же неконтрастен при плохом затемнении помещения. Чем ниже контраст между цветом и фоном, тем тяжелее читать. С другой стороны светлый фон презентации часто сравнивают с «лампочкой» и жалуются на уставание глаз... Любой одноцветный фон вместо белого снижает контраст, хотя на мониторе этого можно не заметить. 13/48


Слайд 13

Графический фон. Контуры графического фона будут конкурировать с вашим текстом. Слишком бледный графический фон выглядит «грязно». Но если очень хочется: создайте поле для текста, или воспользуйтесь «обводкой». 14/48


Слайд 14

Текст. 15/48


Слайд 15

Гарнитура и начертание. Times New Roman. AaBbCc Разработчики шрифтов предполагали, что курсив, полужирное начертание и подчеркивание будет использовано только для выделения в тексте, так же не забывайте о цвете. Выделение большого объема текста бессмысленно и ухудшает читаемость. Декоративные шрифты привлекают внимание в ущерб читаемости. Одинакого выделяйте однотипные элементы! 16/48


Слайд 16

Comic Sans MS. БaЛьШиЕ и МаЛеНьКиЕ бУкАфКи ДаЛжНы ЧиРиДаВаЦцО! ЧмЯФФк!!!!!!!!==(^__^)== I Hate Comic Sans. Презентация создателя — Винсента Коннера. 17/48


Слайд 17

Размер. Размер шрифта 54 пт. 54 Размер шрифта 44 пункта. 44 24 28 Эта презентация набрана Verdana 28 пт. Размер шрифта 24 пт — разумный оптимум. Размер шрифта 20 пт — разумный минимум. 20 16 Размер шрифта 16 пт. Такой текст уже часто тяжело читать. 12 Размер шрифта 12 пт. Вообще-то это стандартный размер шрифта для большей части печатных и электронных документов, но в презентации практически нечитаем. Если вам приходится уменьшать шрифт, стоит пересмотреть содержание на предмет избыточности. 10/48


Слайд 18

Выравнивание текста. Если текст займет несколько строк, то при выравнивании по середине человеку будет сложно прочесть его. Каждая строка воспринимается отдельно. Выравнивание по левому краю наиболее естественно. Глазу удобно, когда начало строки в том же месте. Выравнивание по правому краю читается тяжело, если вы читаете слева на право. При выравнивании по ширине текстов с длинными словами или в узкой колонке пробелы и промежутки слишком разные. 19/48


Слайд 19

Расположение блоков текста. Мы читаем по направлению слева-направо, сверху-вниз, поэтому текст отдельных блоков, разнесенных в пространстве, будет читаться именно в такой последовательности, если не будет специальных визуальных указателей. Текст не должен тонуть в обрамлении, лучше пусть будет крупнее и удобней. Не перекрывайте текст элементами украшений, фоном. 20/48


Слайд 20

Эффекты текста. 21/48


Слайд 21

Тени. 22/48


Слайд 22

Графика. 23/48


Слайд 23

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


Слайд 24

Соответствие иллюстраций. Избегайте использования иллюстраций не соответствующих текущей теме и тем более не используйте изображения с противоположным наполнением. Старайтесь не вызывать когнитивный диссонанс у слушателей. 25/49


Слайд 25

Диаграммы, схемы, графики. Речь человека и текст обладают линейной связанностью, удобно для отображения логики развития мысли, но описывать сложную структуру неудобно. 26/49


Слайд 26

Понятность графиков. Красиво, но непонятно. Не используйте более 3-х кривых на одном графике. Оптимально 1 график 1 кривая. Можно разбить на 1-ом слайде 1-ая кривая, на 2-ом 2-ая, на третьем обе. И не забывайте о подписях! 27/49


Слайд 27

Мультимедиа. Большинство ПО для показа презентаций умеет воспроизводить видео и gif-анимацию. Это можно использовать для отображения работы сложных систем. Это — сложная система: 28/49


Слайд 28

Композиция слайда. 29/49


Слайд 29

Количество элементов. Несколько лет назад предлагалось «золотое правило»: 7±2 Совсем недавно начали говорить о новом правиле: 3 - 4 элемента на слайд. Сейчас все чаще говорят о: Не более 3-х элементов. К чему бы это? 30/49


Слайд 30

Объем текста. Есть множество вспомогательных правил, однако наиболее оптимально для нашего случая: Не более 50 символов в строке (7-9 слов), 20 — 40 слов на слайде, разумный максимум — 80, Порядка 10 строк на слайде. Эти цифры уменьшаются с ростом площади графических изображений. 31/49


Слайд 31

Диагональ наилучшей видимости. Важные области. 32/49 Самое место.


Слайд 32

Заполнение слайда. Помните, недозаполненный слайд лучше, чем переполненный! Не бойтесь увеличивать число слайдов — это абсолютно бесплатно! 33/49


Слайд 33

Структурные элементы. Заголовок — весьма спорная часть слайдов. Часть «гуру» считают, что это обязательный элемент каждого слайда. Другие же считают, что заголовок на каждом слайде — моветон. Однако и те и другие сходятся на том, что заголовки должны быть как минимум у каждого раздела и должны явно отличаться от остального текста, иначе слушатели будут испытывать некоторый дискомфорт. Маркированные списки — один из самых мощных ваших инструментов и одна из самых опасных ловушек. Не пытайтесь уложить все слайды в маркированные структуры, это как минимум скучно. 34/49


Слайд 34

Эффекты. 35/49


Слайд 35

Динамические эффекты. Просто сведите их использование к минимуму. 36/49


Слайд 36

Структура презентации. 37/49


Слайд 37

Элементы навигации. Используйте нумерацию, если у вас больше 3-х слайдов, располагайте нумерацию в нижнем правом углу и давайте вашей публике определить сколько слайдов осталось до конца: 3/42 5 из 42 -42 В презентациях данного типа использовать содержание необходимо, дайте своим слушателям сразу понять структуру доклада. Использование колонтитула с вашим ФИО может быть необходимо в случае, если вас не кто не знает, а доклад ведется в диалоговом режиме. Но в общем случае их лучше избегать. 38/49


Слайд 38

Тайминг. Удобнее всего рассчитывать время выступления по 1 — 2 минуты на слайд. В большинстве случаев у вас времени намного меньше, чем вы рассчитываете. 39/49


Слайд 39

Программное обеспечение. Многообразие и проблемы. 40/49


Слайд 40

Power Point. Боб Гаскинс и другие создатели программы сожалеют, что сейчас программу в большей степени используют не совсем верно. Создана в 1987 году (называлась Presenter) для IBM PC, позже появилась версия для Windows. 41/49


Слайд 41

Но не PP единым... И многие, многие другие... = Компромисс. 42/49


Слайд 42

Размещение в Сети. 43/49


Слайд 43

Современные тенденции. 44/49


Слайд 44

«Живые» бесшовные презентации Prezi.com 45/49


Слайд 45

Видеопрезентации. Видеопрезентации — современное и перспективное средство, но основной областью применения остается реклама и торговля. Так же проблемой становится большая техническая сложность разработки. 46/49


Слайд 46

Mind Maps. Диаграммы связей — современное средство проработки структуры и логики. Могут также применяться собственно внутри презентации. Интересным вариантом служит сочетание с prezi.com Сервисы: mapmyself.com mindmeister.com 47/49


Слайд 47

Материалы. «Презентации по уму» — основные правила. http://team.custis.ru/2009/10/blog-post.html Интенсив "Юзабилити презентациий". http://www.slideshare.net/mrjjj/ss-3885440 Рекомендации по созданию слайдов. http://pyobject.ru/blog/2008/05/26/presentation-guidelines/ Раздел «Презентации. Практика и теория.» На хабрахабре. http://habrahabr.ru/blogs/presentation/ Блог компании PowerLexis (создание бизнес-презентаций). «Блог человека в красном галстуке». http://blog.powerlexis.ru/ 48/49


Слайд 48

Спасибо за внимание!


×

HTML:





Ссылка: