вторник, 23 января 2018 г.

Мини-курс "Как собрать и оформить курс". Урок 2. Подбираем оптимальную цветовую гамму

Если вы сомневаетесь в своем вкусе или опыте относительно подбора цветовой гаммы, то беспроигрышный вариант - обратиться к цветовому кругу и попробовать применять в слайдах такие классически варианты:

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

colores2.jpg

Цветовой круг Ньютона

Есть более сложные варианты, например, использования трёх равноудалённых друг от друга цветов круга, что потребует уже более уверенных навыков. Нэнси Дуарте в своей книге “Slide:ology. Искусство создания выдающихся презентаций" предлагает множество вариантов использования сочетания цветов на примерах различных тематических презентаций, которые мы можем перенести на правила сборки учебного контента.

Также учтите, что рекомендуется применять не более 2-3 основных цветов во всем электронном курсе. Это не так мало, как кажется, потому что вы можете создавать различные сочетания и использовать различную насыщенность. К тому же, единая уравновешенная цветовая гамма будет способствовать лучшему усвоению учебного материала и минимизировать отвлечение внимания.

При выборе цветов важно учитывать их психологическое воздействие на человека. Так, например, синий цвет может символизировать консервативность и стабильность, зеленый - спокойствие, деньги и здоровый образ жизни, красный - активность или опасность. В зависимости от того, какие цели преследует ваш курс, можно добавить в него эмоций с помощью правильно подобранных цветов. И, наоборот, непривычные для восприятия цветовые решения могут сбить с толку. Представьте, что встречаете слово “осторожно”, написанное ярко-зеленым шрифтом: такой вариант оформления не ассоциируется с тем, на что действительно нужно обратить пристальное внимание.

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

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

фон.png

Иногда в компаниях есть так называемый корпоративный brandbook, который разрабатывается отделом маркетинга по всем правилам дизайна. Даже если у отдела обучения нет задачи верстать курсы в корпоративных цветах, загляните в brandbook и обратите внимание на выбранные сочетания. Их можно не только использовать в сборке курса, но и создать на этой основе специальные шаблоны в своей цветовой гамме: например, для продуктовых курсов - светло-зеленый шаблон, для курсов по ПК - сине-зеленый, для курсов общей тематики - монохромный синий. В корпоративной среде e-learning приходится разрабатывать курсы достаточно быстро и при этом нет возможности каждому такому материалу уделить максимум внимания в дизайне. В этом случае обдуманные и заранее подготовленные шаблоны - отличный вариант.

пятница, 19 января 2018 г.

Тонкое искусство пофигизма через ценности и неуютную правду жизни

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

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

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

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


Ключевые идеи книги хорошо описали на forbes.ru

вторник, 16 января 2018 г.

Мини-курс "Как собрать и оформить курс". Урок 1. Применяем принципы визуального дизайна для электронного учебного материала

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

Часто в компаниях, где внедряется LMS, сотрудники не умеют читать с экрана и распечатывают электронные курсы для перевода в привычный для изучения вид. Не смотря на активное распространение телефонов, планшетов, специальных ридеров и приложений для чтения, многие люди по-прежнему предпочитают классический бумажный формат книг, инструкций и учебных пособий. Поэтому первое, что должен сделать сборщик курса - помочь будущему ученику научиться воспринимать информацию с экрана ПК или мобильного устройства.

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

И несколько моментов, касающихся каждого слайда:
- наличие одного основного акцента для концентрации внимания на главном.
- наличие свободного пространства на слайде для отдыха взгляду,
- наличие визуальной иерархии, которая позволяет выделять части содержимого и облегчает распознавание контекста,
- использование сетки для выравнивания экранных объектов,

Более детально рассмотрим эти рекомендации далее в теме про юзабилити.

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

290fad257fccb28ff120856991fb1ddc.jpg
Тепловые карты F-образного сканирования (из статьи Якоба Нильсена F-образный паттерн чтения веб-контента)

Есть некоторые технические моменты, которые необходимо предусмотреть на этапе сборки. Если целевая аудитория учебного материала будет использовать различное ПО и различные устройства для просмотра курса, то укажите технические характеристики: операционная система, браузер, разрешение экрана, пропускная способность интернет-канала. Если во время прохождения курса вы предлагаете ученику скачать какой-либо файл, то обязательно укажите его размер и дайте возможность принять решение о загрузке сразу или, например, только при нахождении в зоне wi-fi.

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