Ты работаешь с документами проекта Альфа. Чтобы открыть их, нужно раскрыть клиента, затем проект, затем раздел с папками. Всё получилось, но через минуту понадобились задачи того же проекта. Снова смотришь в длинное дерево и ищешь соседнюю ветку, стараясь не переключиться случайно на другого клиента.
В такой момент хочется убрать пару уровней и назвать меню простым. Но вложенность могла отражать полезные связи: например, в файловом менеджере по дереву удобно переходить между папками. Поэтому в учебном кабинете агентства сначала разберёмся, что именно оказалось на каждом уровне и какую работу человек делает между переходами.
Проект выбирают, а внутри него работают
В нашем примере клиент и проект определяют, с чьими данными мы работаем. Документы и задачи являются разделами этого проекта. Если всё поместить в одно дерево, одинаковые разделы придётся повторять под каждым проектом, а при переключении искать их заново.
Можно вынести выбор проекта в отдельный переключатель. Человек один раз выбирает Альфу, после чего в меню остаются «Обзор», «Задачи» и «Документы». Название проекта видно над рабочей областью, поэтому контекст не теряется при переходе между разделами. Но если человеку нужно сравнивать файлы из разных веток, постоянное переключение проектов может замедлить работу. В этом случае дерево ещё стоит рассмотреть: оно показывает связи, ради которых его открывают.
Что произойдёт при нажатии на название
Допустим, дерево мы всё же оставили. Теперь нужно решить, что делает пункт «Проект Альфа»: открывает обзор или раскрывает вложенные разделы. Если поведение меняется в зависимости от состояния, человеку приходится пробовать и смотреть, что случится. Особенно неудобно, когда хотелось только раскрыть ветку, а вместо этого исчезла текущая страница.
Можно разделить эти действия: название открывает проект, а стрелка рядом раскрывает его содержимое. При этом стрелке нужна полноценная область нажатия, чтобы на телефоне не приходилось целиться в несколько пикселей. А после перехода текущая ветка должна оставаться видимой. Человек может попасть в документ по ссылке из письма и тоже должен понять, в каком проекте оказался, хотя сам дерево не раскрывал.
Почему одних хлебных крошек бывает мало
Путь «Проекты / Альфа / Документы» хорошо показывает, где находится страница и как вернуться выше. Поэтому возникает соблазн убрать дерево, оставить этот путь и освободить место. Но попробуй из открытого документа перейти к задачам Альфы: в хлебных крошках такого соседнего раздела нет.
Значит, при упрощении нужно сохранить не только возврат к родительской странице, но и частые переходы между соседями. В нашем кабинете это могут делать несколько постоянных пунктов меню внутри проекта. На телефоне само меню будет скрыто, а название Альфы стоит оставить на виду. Иначе после закрытия навигации документы разных клиентов станут выглядеть одинаково, и ошибку в выборе проекта можно заметить слишком поздно.
Исправить то, на чём человек теряется
Перед переделкой полезно посмотреть на конкретный сбой. Если человек не может назвать текущий проект, нужно разобраться с обозначением контекста. Если не находит нижние разделы, проверить длину дерева и прокрутку. Если раскрывает не ту ветку, посмотреть на названия и отношения между ними. Простое удаление одного уровня не обязательно исправит каждую из этих проблем.
После изменения пройди два пути: найти документ с главной страницы и открыть его по прямой ссылке, а затем перейти к задачам того же проекта. Так проверяется и первое знакомство, и обычная работа между разделами. Упрощение получилось, когда человек понимает, с каким проектом работает, и не тратит каждый переход на восстановление этого контекста.
