Законы UX-дизайна в создании электронных курсов

Знание законов UX-дизайна помогает делать курсы понятными и сфокусировать внимание сотрудников на важном. На конференции iSpring Days Евгения Посухова, менеджер проектов компании Skyeng, разобрала 14 правил UX-дизайна и показала, как их применять. IU/UX дизайн - что это такое? Слово произошло от англ. User Interface и User Experience. Курс - это digital-продукт: с одной стороны, это обучающая интерактивность, модуль программы обучения, а с другой - IT-продукт, который требует оценки целевой аудитории, продвижения, продумывания изнутри, а не просто переложения текста и картинок на слайды. UX-дизайн нужен для того, чтобы слушатель сосредоточился на контенте, а не на том, как пройти курс. Это то, как пользователь движется по программе обучения. Важно, чтобы он не отвлекался на визуальные “дыры”, поэтому нужно смотреть на программу обучения с точки зрения пользовательского опыта. Законы UX-дизайна написаны в 50-60-х годах, но продолжают быть актуальными и сейчас. Закон Хика-Хаймана - время, которое нужно, чтобы принять решение, становится больше с учетом сложности выбора. Человек тратит много времени на один слайд. Разбивка информации нужна не для наличия смысловых блоков самих по себе, а чтобы человек лучше запоминал. Поэтому мы стараемся группировать. Закон Якоба - пользователи часто проводят много времени в интернете, пользуясь разными сайтами. “Подсматривайте” примеры для своего материала на тех сайтах, где находится ваша целевая аудитория, как оформлен поисковый запрос. Используйте похожие элементы, чтобы пользовательский опыт вашего слушателя был похож на то, что он обычно делает. И тогда курс будет плавным продолжением его обычной жизни. Закон Миллера - средний человек может хранить только 7±2 объектов в своей рабочей памяти. Человек не воспринимает много информации. Он может прочитать материал и узнать правило, которое он изучал при прохождении теста, но лучше разбить информацию на несколько слайдов. Эффект последовательно позиции - у пользователей есть склонность запоминать первый и последний пункт в серии. Например, при квадратном интерфейсе пользователь обращает больше внимания на левый верхний угол и на правый нижний. Если вы используете навигацию, удачное расположение - в углу. Также человек может не посмотреть все видео, а только одно. Закон Теслера - для любой системы существует определенная сложность, которая не может быть уменьшена. Например, есть регламент, и необходимо, чтобы слушатель узнал его содержание. Нужно продумать, как сделать так, чтобы сложное воспринималось легче не за счет содержания, а за счет восприятия. Закон Фиттса - чем больше расстояние и чем меньше размер цели, тем больше времени требуется для ее достижения. Чем больше расстояние между объектами, на которые надо кликнуть, тем хуже. Человеку должно быть удобно пользоваться кнопками навигации на слайдах. При разработке мобильной версии нужно помнить, что кнопки должны быть в меру крупными и удобными. Эффект Вон Ресторффа - когда присутствует несколько похожих фигур, с большой вероятностью будет запоминаться та, которая имеет отличия. То есть чтобы пользователь лучше запомнил определенный момент, нужно сделать его отличающимся. Эффект Зайгарник - люди помнят незавершенные или прерванные задачи лучше, чем завершенные. Если вы в конце курса дадите понять, что будет интересное продолжение, пользователь лучше запомнит предыдущий материал. Закон Прагнанца - у пользователей есть склонность трактовать сложные изображения как самую простую возможную форму, так как для интерпретации нужно меньшее познавательное усилие. Поэтому использование иконок упрощает восприятие. Закон Паркинсона - любая задача имеет свойство раздуваться до тех пор, пока не будет потрачено все свободное время. Сколько вы ни дадите человеку времени на курс, столько он и использует. Дополнительные законы: Близости - объекты, расположенные рядом, воспринимаются как группа. Сходства - человек воспринимает подобные объекты в дизайне как группу, при этом они могут быть они разделены. Единообразной связи - визуально связанные объекты интерпретируются как более связанные, чем элементы без соединения. Общего региона - создание границ вокруг элемента является простым способом разделения от окружающих элементов. Эффект эстетического юзабилити. Потребители ощущают эстетически привлекательное оформление как дизайн, который более полезен. К тому же благодаря приятному дизайну, пользователи могут закрыть глаза не небольшие огрехи и будут более терпимы к проблемам юзабилити. Попробуйте конструктор для создания электронных курсов iSpring Suite: ______ ПОДПИСЫВАЙТЕСЬ НА НАС В СОЦИАЛЬНЫХ СЕТЯХ ВКонтакте - Facebook - Instagram -