Choice Overload — Laws of UX
Laws of UX

Choice Overload

Перегрузка выбором. Когда вариантов слишком много, люди теряются и откладывают решение.

Термин ввёл Элвин Тоффлер в книге «Шок будущего» в 1970 году. Важный момент: большой выбор не просто замедляет решение. Он влияет на то, как человек воспринимает весь опыт взаимодействия с продуктом в целом.

Что с этим делать в интерфейсе

Сократить количество вариантов

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

Дать инструменты для сужения выбора заранее

Поиск и фильтры помогают пользователю самому уменьшить список до управляемого. Главное: предложить эти инструменты до того, как человек увидит весь объём вариантов.

Выделить приоритетный контент

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

Сделать сравнение удобным, если оно нужно

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

Схематичные примеры

01 Тарифная страница
Проблема
Выберите тариф
Мини
290 ₽/мес
5 проектов, 1 пользователь
Базовый
490 ₽/мес
10 проектов, 1 пользователь
Стандарт
790 ₽/мес
25 проектов, 3 пользователя
Про
1 290 ₽/мес
60 проектов, 5 пользователей
Бизнес
2 490 ₽/мес
Без лимита, 10 пользователей
5 похожих тарифов. Пользователь сравнивает, устаёт и откладывает решение.
Решение
Выберите тариф
Базовый
490 ₽/мес
10 проектов, 1 пользователь
Бизнес
2 490 ₽/мес
Без лимита, 10 пользователей
3 тарифа, один выделен. Проще принять решение.
02 Онбординг: выбор интересов
Проблема
Что вас интересует?
Типографика
Цвет
Сетки
Анимация
iOS
Android
Иконки
Брендинг
UX-текст
Прототипы
Токены
Доступность
Компоненты
Дашборды
Карты
Формы
Онбординг
Навигация
Модалки
Таббар
20 тегов сразу. Пользователь не знает с чего начать.
Решение
Что вас интересует?
Выберите направление
Мобильные
Веб
Брендинг
Motion
Уточните темы
Компоненты
Навигация
Типографика
Токены
Показать больше тем
Сначала категория, потом уточнение. Выбор управляемый.
03 Фильтры в каталоге
Проблема
Каталог курсов
Фильтры (12) ↓
Системный дизайн
Продуктовый
Управление
Аналитика
UX-исследования
Motion
Все фильтры спрятаны под одну кнопку. Пользователь не фильтрует.
Решение
Каталог курсов
Мобильные
Веб
С нуля
Ещё ↓
iOS-паттерны
Компоненты
Навигация
Типографика
3 ключевых фильтра видны сразу. Остальные доступны по нажатию.

Главное

1 Слишком много вариантов мешает пользователю принять решение и ухудшает восприятие продукта в целом.
2 Если сравнение необходимо, покажите варианты рядом с одинаковой структурой.
3 Дайте инструменты для сужения выбора до того, как пользователь увидит весь объём: поиск, фильтры, рекомендованный вариант.
Источник: lawsofux.com