July 18, 2022

Законы UX-дизайна

1. Закон Якоба

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

Этот закон говорит о том, что нам очень удобно пользоваться хорошо знакомыми интерфейсами. Поэтому старайтесь минимизировать нововведения в UX-дизайне ваших курсов. Пусть ваши пользователи сосредоточатся на материале, а не на изучении новых шаблонов.

2. Закон Фиттса

Время, необходимое для достижения цели, зависит от расстояния до цели и ее размера.

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

3. Закон Хика

Время, необходимое для принятия решения, увеличивается с ростом количества и сложности имеющихся вариантов.

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

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

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

4. Закон Миллера

Среднестатистический человек может хранить в своей рабочей памяти только 7 (+/- 2) элементов.

Организуйте контент так, чтобы он состоял из небольших блоков информации, помогая пользователям легко его обрабатывать, понимать и запоминать. Выделяйте информацию в отдельные блоки, группируйте ее, а не выдавайте, например, «простыню» текста.

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

5. Закон Постеля

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

Люди не ведут себя как машины: порой мы непоследовательны, часто отвлекаемся, склонны к ошибкам и обычно движимы эмоциями.

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

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

6. Правило оценки на пике и в конце

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

Разберем на примере, что такое пиковый момент. Кто пользуется google chrome наверняка сталкивался с ситуацией, когда страница не загружается из-за отсутствия интернета. В этот момент на экране браузера появляется не грустный смайлик или текст ошибки, а динозаврик, при нажатии на которого запускается игра с перепрыгиванием через кактусы и уворачиванием от птеродактилей.

7. Эффект эстетики и юзабилити

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

Эстетически приятный дизайн, способен скрыть незначительные огрехи удобства использования (юзабилити), создает в мозгу людей положительный отклик и заставляет их поверить, что дизайн действительно работает лучше. Еще Билл Гейтс говорил, что контент – это король, поэтому уделяйте внимание визуальной составляющей ваших курсов.

8. Эффект фон Ресторфф

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

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

9. Закон Теслера

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

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