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

1,042 views
1,004 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,042
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  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 />

×