Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,134 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Юзабилити презентациймастер-класс<br />Кутуков Ильяpost.ilya@gmail.com<br />
  2. 2. Список основных правил юзабилити<br />1. Правило удобства восприятия и использования<br />
  3. 3. Презентация<br />Презентации – часть американской культуры подачи информации, они являются частным случаем инфографики.<br />Основная задача презентации - сопровождать устный доклад и отображать в первую очередь ту информацию, которую сложно передать в устном виде.<br />
  4. 4. Презентация — это инструмент для передачи информации;<br /> Схема – инструмент для изображения сложныхвзаимоотношений объектов;<br />Диаграмма, график, таблица – инструменты изображения числовых данных;<br />Иллюстрация – инструмент для графического пояснения или дополнения текста;<br />Эффекты – один из инструментов для расстановки акцентов на слайде;<br />Шрифт – инструмент для отображения текста;<br />Композиция – набор методик для согласования отдельных частей.<br />
  5. 5. Текстовый блок – это инструмент расположения текста на слайде<br />Этот текст расположен правильно. Его строка содержит 50 символов и читается комфортабельно. Считать символынеудобно, поэтому надо ориентироваться на 7-9 слов.<br />Этот текст расположен неправильно. Его строка содержит более семидесяти символов и прочтение требует постоянного перемещения фокуса зрения человека.<br />Красным показана мертвая зона (~5% c каждого края)<br />Нежелательно располагать в ней что-либо важное, так как настройки проектора, принтера или телевизора, а также изменение пропорций кадра, могут обрезать края слайда.<br />
  6. 6. Расположение блоков<br />Европеец читает по направлению слева-направо, сверху-вниз<br />поэтому текст отдельных блоков, разнесенных в пространстве<br />будет читаться именно в такой последовательности, если визуально эти блоки ничего не разделяет.<br />Текст не должен тонуть в обрамлении. Лучше сделать его крупнее и удобней для чтения<br />И он не должен перекрываться какими-либо элементами, включая фон<br />
  7. 7. Выравнивание текста<br />Заголовок, расположенный по центру слайда – это нормально.<br />Но если предложение занимает несколько строк, человеку будет сложно прочесть его, каждая строка будет восприниматься, как отдельная надпись.<br />Этот текст выравнивается по левому краю.<br />Глазу удобно, когда начало следующей строки <br />почти в том же месте, что и начало предыдущей.<br />Когда текст выравнивается по правому краю, каждый раз глазу необходимо чуть дольше искать начало следующей строки. Конечно, если мы не пишем на языке, который читается справа налево:<br />При использовании выравнивания по ширине пробелы между словами становятся разной длины. Читать такой текст неудобно.<br />
  8. 8. Размер шрифта<br />50Размер шрифта 50 пт.<br />40 Размер шрифта 40 пунктов<br />30 Этот фрагмент текста набран шрифтом с размером тридцать типографских пунктов<br />20 Этот фрагмент текста набран шрифтом с размером <br />двадцать типографских пунктов и оптимален для текста.<br />15 Этот фрагмент текста набран шрифтом с размером пятнадцать типографских пунктов, в некоторых случаях прочесть его сложно<br />10 Этот фрагмент текста набран шрифтом с размером десять типографских пунктов, поэтому далеко не все его прочитают, <br />особенно те, кто забыл дома очки или сидит далеко от экрана. <br />Не исключено , что презентацию будут показывать с помощью телевизора или экрана компьютера для нескольких людей. <br />Если возникает необходимость использовать мелкий шрифт – значит мы разместили на одном слайде слишком много информации.<br />
  9. 9. Гарнитура и начертание шрифта<br />Шрифт – это в первую очередь инструмент для передачи текстовой информации.<br />Создатели шрифтов предполагают, что курсивное или полужирное начертание будут использоваться для выделения, а не набора основного массива текста, это же касается и подчеркивания.<br />Выделение большого объема текста бессмысленно и делает его менее читабельным.<br />«Курсив и наклонный шрифт стоит использовать для смыслового выделения текста, а также цитат»<br />Существует множество декоративных шрифтов, их задача – привлечь внимание в ущерб читаемости текста, об этом следует помнить при желании разнообразить набор используемых шрифтов.<br />Как правило, в электронных материалах используются шрифты с засечками times new romanи georgia.<br />А также шрифты без засечек, такие как Verdanaи ее близкие родственники Сalibri,Tahoma и Arial.<br />Достаточно сложно соблюсти согласованность внешнего вида, когда в презентации используется более двух видов шрифтов.<br />
  10. 10. Цвет текста<br />Основной принцип при выборе цвета текста – это достижение наибольшего контраста между цветом и фоном.<br />Вариант светлого шрифта на темном фоне чуть менее удобен для восприятия.<br />Чем ниже контраст между текстом и фоном, тем сложнее человеку прочесть текст. Если презентация показывается в освещенной комнате такой текст может стать и вовсе нечитаемым.<br />Цветной текст является удобным инструментом для смыслового выделения и расстановки акцентов. При этом желательно соблюдать правило одинакового выделения однотипных элементов.<br />
  11. 11. Фон<br />Контуры графического фона будут конкурировать с текстом и сделают его менее читаемым или абсолютно нечитаемым.<br />Бледный графический фон выглядит «грязно»<br />Одноцветный фон всегда снижает контраст. Даже если на мониторе все выглядит нормально, запас контрастности у проектора может отказаться недостаточным для комфортного чтения.<br />
  12. 12. Цвет<br />Гармоничные сочетания цветов можно легко подобрать с помощью цветового круга.<br />Способ «Аналогичности» – выбрать на нем последовательный набор цветов.<br />Способ «Дополнительных цветов» – выбрать на нем противоположные цвета.<br />Третий способ – выбрать цвета с одинаковым тоном, но разной<br />Насыщенностью или яркостью.<br />
  13. 13. Цвета<br />Существует множество интернет-ресурсов для автоматического подбора цветовой схемы или поиска готовых колористических решений, например:http://colorschemedesigner.comhttp://colorcombos.com<br />
  14. 14. Эффекты текста<br />Использование различных эффектов оформления текста, как и декоративные шрифты, может негативно отразиться на его читаемости.<br />То, что вы умеете их использовать, не делает их использование обязательным.<br />Человек ожидает, что однотипные элементы будут выглядеть одинаково. В противном случае он подсознательно пытается понять, в чем заключается смысловая разница, это отвлекает его от того, что мы хотим до него донести.<br />
  15. 15. Тени<br />Тень уменьшает четкость текста<br />Зачем ее уменьшать?<br />Тени от разнонаправленныхисточников света вызываютдиссонансвосприятия.<br />Это касается любых<br />эффектов объема<br />
  16. 16. Содержимое<br /><ul><li>В начале необходимо определиться - может ли возникнуть такая ситуация, что презентация будет показываться без доклада.
  17. 17. Человек читает текст быстрее, чем вы его проговариваете. Дублировать в презентации текст доклада – бессмысленно.
  18. 18. Вы вряд ли станете читать художественную книгу помощью проектора. Зачем заставлять делать это вашу аудиторию?</li></li></ul><li>Использование диаграмм<br />Речь человека и текст обладают линейной связанностью.<br />Это удобно для отображения логики развития мысли<br />Но описывать в тексте сложную структуру неудобно<br />Восприятие<br />Вербально-ориентированное<br />Визуальное<br />Текст<br />Речь<br />Таблицы<br />Диаграммы<br />Графики<br />Схемы<br />Списки<br />
  19. 19. Списки и наборы объектов<br />Человек может держать в фокусе внимания 3-5 объектов одновременно<br />Если пункт списка содержит несколько предложений – это несколько объектов, а элементы списка воспринимаются как абзацы.<br />Вы не сможете сказать, что было написано в тексте даже двумя абзацами ранее.<br />Список может быть длинным, если нужно обозначить количество объектов, но его содержимое не запомнят.<br />
  20. 20. Тайминг<br />1 минута<br />1 минута<br />Удобно делать тайминг из расчета 1 кадр на 1 - 2 минуты выступления.<br />Если презентация не сопровождается докладом, то оптимальное время кадра 10-30 сек.<br />
  21. 21. Если компания тратит на продвижение продукта свыше 100.000.000 $, то как вы глядит его презентация?<br />Иногда просто и понятно.<br />Мировая практика<br />
  22. 22. Иногда не очень<br />Дизайнеры компании боятся, что их работа будет выглядеть слишком простой и дешевой. Он перегружают презентацию избыточными графическими элементами, эффектами, переусложняют композицию. Для этого явления существует специальный терминoverdesigned<br />
  23. 23. Современные тенденции<br />«Живые» бесшовные презентации <br />можно создавать на сайте http://prezi.com/<br />
  24. 24. Современные тенденции<br />Видеопрезентации<br />
  25. 25. Современные тенденции<br />Создавать и размещать презентации в интернете можно с помощью сервиса<br />http://docs.google.com<br />Разместить в интернете презентацию созданную в powerpointможно на сайте http://www.slideshare.net<br />
  26. 26. Современные тенденции<br />Диаграммы связей или «Mindmaps»<br />Удобные сервисы для создания mindmapsв интернете:http://mapmyself.comhttp://mind42.com<br />

×