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