Содержание
Правило 7 ± 2 (семь плюс-минус два) — это психологический принцип, согласно которому рабочая память человека способна удерживать одновременно от 5 до 9 элементов информации. В дизайне это правило означает, что любые интерфейсы, навигационные меню, списки товаров или блоки контента не должны содержать больше 7-9 элементов без группировки, иначе пользователь перегружается и теряет фокус. Принцип используется в веб-дизайне, UX/UI, графическом дизайне и архитектуре информации для создания интуитивно понятных продуктов.
Откуда взялось правило и как оно работает
Правило 7 ± 2 было сформулировано в середине прошлого века психологом Джорджем Миллером после серии экспериментов. Он обнаружил, что человек может правильно воспроизвести в среднем 7 букв, цифр, слов или других стимулов, увиденных один раз. Отклонение в 2 единицы в меньшую или большую сторону зависит от сложности информации, уровня внимания и индивидуальных особенностей.
В контексте дизайна это правило транслируется так: пользователь за один "заход" способен осознать, запомнить и принять решение на основе ограниченного количества вариантов. Если вы даёте ему меню из 15 пунктов, он скорее всего ничего не выберет или выберет наугад. Если вы выводите 3-4 пункта — выбор происходит быстрее и увереннее. Золотая середина — 5-9 элементов.
Как правило 7 ± 2 применяется в веб-дизайне
Принцип Миллера используется повсеместно, часто неосознанно дизайнерами и разработчиками. Вот ключевые зоны применения.
| Область дизайна | Как применяется правило | Пример нарушения |
|---|---|---|
| Главное навигационное меню | Не более 5-9 пунктов в основном меню. Если пунктов больше — их группируют в выпадающие списки или прячут в бургер-меню. | Меню из 12+ пунктов без группировки, которое не помещается на экран |
| Карточки товаров в каталоге | На одной строке/экране показывают не более 7-9 товаров без скролла. Остальное — через пагинацию или "загрузить ещё". | Бесконечная лента с 20+ карточками на первой же странице |
| Элементы фильтрации и сортировки | Фильтры группируют по категориям, в каждой категории не более 7-9 значений. Иначе выпадающий список становится нечитаемым. | Выбор города из 50 пунктов без поиска и без группировки по регионам |
| Блоки преимуществ/услуг | Лучше показать 3-6 сильных преимуществ крупно, чем 12 мелким шрифтом. Пользователь запомнит только первые 5-7. | Список из 15 пунктов "почему мы" — большинство будет проигнорировано |
| Этапы оформления заказа | Дробление длинных форм на 3-5 шагов. Каждый шаг содержит ограниченное количество полей (обычно до 7-9). | Форма из 20 полей на одной странице без группировки по смыслу |
Навигация и меню
Самое частое применение правила — главное меню сайта. Исследования кликов показывают, что пользователи быстрее находят нужный раздел, когда пунктов меню от 5 до 7. При этом 9 пунктов — уже крайний предел, за которым начинается когнитивная перегрузка. Если ваш бизнес требует 12 разделов, используйте вложенные меню (категории первого уровня — 5-7, внутри них — подкатегории), мегаменю с визуальной группировкой или контекстную навигацию.
Формы и поля ввода
Правило Миллера предупреждает: форма регистрации или заказа, содержащая более 7-9 полей одновременно, резко снижает конверсию. Пользователь пугается объёма работы, откладывает заполнение, ошибается. Решения: разбить длинную форму на 2-3 шага (мультишаговая форма), сгруппировать логически связанные поля (личные данные, контактная информация, платёжные реквизиты), использовать умные подсказки и автозаполнение.
Списки и каталоги
В интернет-магазинах на одной странице выдачи не должно быть больше 7-9 товаров без дополнительного скролла. Это не значит, что товаров на странице должно быть 9 — но первый экран (видимая область без прокрутки) должен содержать именно столько вариантов для первичного выбора. Дальше пользователь готов скроллить или листать страницы. То же с чекбоксами и радио-кнопками: дайте 5-9 вариантов, а если вариантов объективно больше — добавьте строку поиска.
Правило 7 ± 2 в мобильном дизайне
На маленьких экранах смартфонов принцип работает даже жёстче, чем на десктопе. Физически на дисплее помещается меньше элементов, а ограничения рабочей памяти никуда не деваются. Мобильный дизайн рекомендует:
- Нижняя навигационная панель (таб-бар) — не более 5 пунктов. Пользователь должен легко доставать большим пальцем до любого.
- Карточки товаров в ленте — оптимально 2-4 на экран (чтобы было видно детали).
- Выпадающие списки для выбора — не более 7 вариантов. Если больше, обязательно с поиском.
- Экран онбординга (приветственные экраны) — не более 3-5, иначе пользователь устанет листать.
Когда правило можно и нужно нарушать
7 ± 2 — это руководство, а не догма. Есть ситуации, когда осознанное нарушение улучшает UX.
- Информационные панели (дашборды). Дашборд для аналитика может содержать 15-20 виджетов, потому что пользователь — эксперт, который целенаправленно ищет разнородные данные, а не пытается их запомнить все сразу.
- Ленты социальных сетей и мессенджеры. Пользователь привык к бесконечному скроллу, его задача — не запомнить все посты, а бегло просмотреть и остановиться на интересном.
- Каталоги товаров с быстрым фильтром. Если есть мощный поиск и фильтрация, пользователь не держит в голове все 50 товаров, а сужает выбор до 3-5 пар.
- Специфические B2B-интерфейсы. Бухгалтерская программа или система управления проектами для опытных пользователей может нарушать правило ради эффективности — профессионалы предпочитают больше данных на экране.
Важное условие: если вы нарушаете правило, делайте это осознанно, тестируйте и будьте готовы объяснить, почему в вашем случае превышение предела помогает пользователю, а не мешает.
Как тестировать соблюдение правила 7 ± 2
Чтобы проверить, не перегружаете ли вы пользователя, используйте методы UX-тестирования.
- Карточная сортировка. Попросите потенциальных пользователей сгруппировать пункты меню или категории так, как им удобно. Если они спонтанно создают группы по 5-7 элементов — вы на верном пути.
- Тестирование на кликабельность. Замерьте, сколько времени требуется пользователю, чтобы найти нужный пункт меню среди N вариантов. Время должно быть линейным (в идеале — логарифмическим, но не экспоненциальным).
- A/B тестирование. Сравните два варианта одного экрана: один с 9 вариантами выбора, другой с 5 вариантами + кнопка "Показать ещё". Часто второй показывает рост конверсии на 15-30%.
- Тепловые карты кликов. Если клики равномерно распределены по 15 пунктам меню — всё плохо. Если сконцентрированы на первых 5-7 — правило работает.
Типичные ошибки при использовании правила
Неправильное понимание 7 ± 2 приводит к вредным решениям. Вот что делать не стоит:
- Слепо резать информацию. Нельзя взять 15 преимуществ, удалить 8 и надеяться, что оставшиеся 7 "сработают". Нужно переработать структуру: выделить главное, сгруппировать, визуально разделить, а не механически удалить.
- Путать единовременное удержание в памяти и длительное изучение. Правило про быстрый взгляд и выбор. Если пользователь может спокойно прочитать 30 пунктов списка, потому что у него есть время и мотивация — правило не нарушено.
- Игнорировать визуальную иерархию. Даже 9 элементов могут быть восприняты как перегруз, если они визуально одинаковы (размер, цвет, отступы). И наоборот, 12 элементов могут быть комфортными, если они разбиты на 3 визуальные группы по 4 элемента.
- Считать только количество, игнорируя качество информации. "Имя, телефон, email" — 3 поля. А "Имя, отчество, фамилия, телефон городской, телефон мобильный, дополнительный телефон, email, подтверждение email, дата рождения, серия паспорта, номер паспорта" — 11 полей. Формально 11 > 9, но реальная перегрузка намного сильнее, потому что поля сложные и требующие внимания.
Итог: Правило 7 ± 2 — мощный инструмент дизайнера, который помогает не перегружать интерфейсы и делать их интуитивными. Оно основано на реальных когнитивных ограничениях человека, но не является жёстким законом. В веб-дизайне его применяют к меню, формам, спискам товаров и фильтрам, навигации, а в мобильном дизайне — даже строже. Главное — не нарушать правило механически, а понимать контекст: для неопытных пользователей соблюдать его жёстче, для экспертов можно расширять границы. Всегда тестируйте свои решения реальными людьми, и тогда ни один пользователь не скажет, что ваш сайт "слишком сложный" или "глаза разбегаются".
