Интенсив юзабилити презентациий

Юзабилити презентациймастер-класс

Кутуков Ильяpost.ilya@gmail.com

Список основных правил юзабилити

1. Правило удобства восприятия и использования

Презентация

• Презентации – часть американской культуры подачи информации, они являются частным случаем инфографики.

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

Презентация — это инструмент для передачи информации;

Схема – инструмент для изображения сложных взаимоотношений объектов;

Диаграмма, график, таблица – инструменты изображения числовых данных;Иллюстрация – инструмент для графического пояснения или дополнения текста;Эффекты – один из инструментов для расстановки акцентов на слайде;Шрифт – инструмент для отображения текста;Композиция – набор методик для согласования отдельных частей.

Текстовый блок – это инструмент расположения текста на слайде

Этот текст расположен правильно. Его строка содержит 50 символов и читается комфортабельно. Считать символы неудобно, поэтому надо ориентироваться на 7-9 слов.

Этот текст расположен неправильно. Его строка содержит более семидесяти символов и прочтение требует постоянного перемещения фокуса зрения человека.

Красным показана мертвая зона (~5% c каждого края)

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

Расположение блоков

Европеец читает по направлению слева-направо, сверху-вниз

поэтому текст отдельных блоков, разнесенных в пространстве

будет читаться именно в такой последовательности, если визуально эти блоки ничего не разделяет.

Текст не должен тонуть в обрамлении. Лучше сделать его крупнее и удобней для чтения

И он не должен перекрываться какими-либо элементами, включая фон

Выравнивание текста

Этот текст выравнивается по левому краю.Глазу удобно, когда начало следующей строки почти в том же месте, что и начало предыдущей.

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

языке, который читается справа налево:

Заголовок, расположенный по центру слайда – это нормально.Но если предложение занимает несколько

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

При использовании выравнивания по ширине пробелы между словами становятся разной длины. Читать такой текст неудобно.

Размер шрифта50 Размер шрифта 50 пт.40 Размер шрифта 40 пунктов30 Этот фрагмент текста набран шрифтом с размером тридцать типографских пунктов20 Этот фрагмент текста набран шрифтом с размером двадцать типографских пунктов и оптимален для текста.15 Этот фрагмент текста набран шрифтом с размером пятнадцать типографских пунктов, в некоторых случаях прочесть его сложно10 Этот фрагмент текста набран шрифтом с размером десять типографских пунктов, поэтому далеко не все его прочитают, особенно те, кто забыл дома очки или сидит далеко от экрана. Не исключено , что презентацию будут показывать с помощью телевизора или экрана компьютера для нескольких людей.

Если возникает необходимость использовать мелкий шрифт – значит мы разместили на одном слайде слишком много информации.

Гарнитура и начертание шрифта

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

Выделение большого объема текста бессмысленно и делает его менее читабельным.

«Курсив и наклонный шрифт стоит использовать для смыслового выделения текста, а также цитат»

Как правило, в электронных материалах используются шрифты с засечками times new roman и georgia.

А также шрифты без засечек, такие как Verdana и ее близкие родственники Сalibri, Tahoma и Arial.

Шрифт – это в первую очередь инструмент для передачи текстовой информации.

Существует множество декоративных шрифтов, их задача – привлечь внимание в ущерб читаемости текста, об этом следует помнить при желании разнообразить набор используемых шрифтов.

Достаточно сложно соблюсти согласованность внешнего вида, когда в презентации используется более двух видов шрифтов.

Цвет текстаОсновной принцип при выборе цвета текста – это достижение наибольшего контраста между цветом и фоном.

Вариант светлого шрифта на темном фоне чуть менее удобен для восприятия.

Чем ниже контраст между текстом и фоном, тем сложнее человеку прочесть текст. Если презентация показывается в освещенной комнате такой текст может стать и вовсе нечитаемым.

Цветной текст является удобным инструментом для смыслового выделения и расстановки акцентов. При этом желательно соблюдать правило одинакового выделения однотипных элементов.

ФонКонтуры графического фона будут конкурировать с текстом и сделают его менее читаемым или абсолютно нечитаемым.

Бледный графический фон выглядит «грязно»

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

ЦветГармоничные сочетания цветов можно легко подобрать с помощью цветового круга.

Способ «Дополнительных цветов» – выбрать на нем противоположные цвета.

Способ «Аналогичности» – выбрать на нем последовательный набор цветов.

Третий способ – выбрать цвета с одинаковым тоном, но разнойНасыщенностью или яркостью.

Цвета

Существует множество интернет-ресурсов для автоматического подбора цветовой схемы или поиска готовых колористических решений, например:http://colorschemedesigner.com http://colorcombos.com

Эффекты текстаИспользование различных эффектов оформления текста, как и декоративные шрифты, может негативно отразиться на его читаемости.

ТО, ЧТО ВЫ УМЕЕТЕ ИХ ИСПОЛЬЗОВАТЬ, НЕ ДЕЛАЕТ ИХ ИСПОЛЬЗОВАНИЕ ОБЯЗАТЕЛЬНЫМ.

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

Тени

Тень уменьшает четкость текстаЗачем ее уменьшать?

Это касается любых эффектов объема

Тени от разнонаправленных источников света вызывают диссонанс восприятия.

Содержимое

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

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

• Вы вряд ли станете читать художественную книгу помощью проектора. Зачем заставлять делать это вашу аудиторию?

Вербально-ориентированное Визуальное

Использование диаграммРечь человека и текст обладают линейной связанностью.

Это удобно для отображения логики развития мысли

Но описывать в тексте сложную структуру неудобно

Восприятие

ТекстРечь Таблицы

Графики

Диаграммы

СхемыСписки

Списки и наборы объектов

• Человек может держать в фокусе внимания 3-5 объектов одновременно

• Если пункт списка содержит несколько предложений – это несколько объектов, а элементы списка воспринимаются как абзацы.

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

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

Тайминг

Удобно делать тайминг из расчета 1 кадр на 1 - 2 минуты выступления.Если презентация не сопровождается докладом, то оптимальное время кадра 10-30 сек.

1 минута 1 минута

Если компания тратит на продвижение продукта свыше 100.000.000 $, то как вы глядит его презентация?Иногда просто и понятно.

Мировая практика

Иногда не очень

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

Современные тенденции

«Живые» бесшовные презентации можно создавать на сайте http://prezi.com/

Современные тенденции

Видеопрезентации

Современные тенденции

Создавать и размещать презентации в интернете можно с помощью сервисаhttp://docs.google.com

Разместить в интернете презентацию созданную в powerpoint можно на сайте http://www.slideshare.net

Современные тенденцииДиаграммы связей или «Mindmaps»

Удобные сервисы для создания mindmaps в интернете:http://mapmyself.com http://mind42.com