Иерархия и навигация — Примеры

Пример 1 — Меню, которое выглядит как организационная схема

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

Платежи       Доставка         Аккаунт        Настройки
Кошелёк       Заказы           Профиль        Уведомления
Счета         Адреса           Безопасность   Язык
Акции         Подписки

Решение

Ваши заказы          Ваш тариф и счета      Ваши данные      Доставка и возвраты     Помощь и поддержка
- последние заказы   - тариф и продление    - имя, почта     - срок доставки         - ЧаВо по доставке
- статус заказа      - счета и квитанции    - адреса         - ярлык возврата        - связаться с поддержкой
                     - способ оплаты        - пароль

Группировка по задаче означает, что каждая группа — ровно то, что нужно одному человеку в один момент: кто проверяет счёт, видит и тариф, который продлевается, а сохранённые адреса стоят рядом с данными, которые описывают. Пять пунктов верхнего уровня укладываются в диапазон, который люди могут просмотреть и запомнить, однако прежние девять смешивали отделы с типами страниц, и ничего нельзя было предсказать; ошибка — оставить группу «Настройки», ведь язык и уведомления принадлежат человеку, рядом с данными, которые они описывают.

Пример 2 — Куда деваются следующие две функции

Две функции готовы к выпуску, и команда хочет добавить два новых пункта верхнего уровня; ниже — текущее дерево и оба добавления. Поместите оба в уже имеющиеся группы и скажите, что это размещение защищает.

Верхний уровень
1 Ваши заказы   2 Ваш тариф и счета   3 Ваши данные
4 Доставка и возвраты   5 Помощь и поддержка

Куда поместить: «Сохранённые адреса» — список, переиспользуемый при оформлении
                «Подарочные карты»   — баланс, пополняемый по коду

Решение

Сохранённые адреса -> Ваши данные        (факт о человеке, переиспользуется)
Подарочные карты   -> Ваш тариф и счета  (баланс, как и тариф, который он смещает)

Проверка глубины: обе оказываются на уровне 2. Оформление заказа ссылается
прямо на список сохранённых адресов, поэтому покупатель не поднимается по дереву.

Каждый новый пункт получает уже готовый дом, и верхний уровень остаётся стабильным — это важно, ведь перестройка ломает закладки, аналитику и мышечную память. Заодно сохраняется предсказуемая глубина: пользователь может сказать, насколько глубоко он находится и что будет на следующем уровне, вместо того чтобы встречать новый пункт верхнего уровня с каждым релизом; ошибка же — добавлять пункт верхнего уровня всякий раз, когда функция крупна, ведь тогда меню дробится, пока каждая группа не станет набором из одного пункта.