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