Редизайн фильтров в таск-трекере для сотрудников отделений ВТБ

Привет! Меня зовут Богдан, я дизайн-директор в ВТБ. Мы делаем суперапп для сотрудников отделений, которые обслуживают юридических лиц. 3 года назад внутри приложения мы реализовали таск-трекер для обработки операционных задач, которым пользуется более 17 000 сотрудников по всей России.

Мы вместе с продуктовым дизайнером Викторией Лысенко расскажем как мы делали редизайн фильтров по задачам.

Мы получали много обратной связи, что интерфейс перегружен, сложно найти информацию. Как результат мы видели много просроченных задач у сотрудников.

Цель – снизить кол-во просроченных задач у сотрудников и упростить поиск задач.

Мы попросили пользователей (руководителей и сотрудников) рассказать как и зачем они используют фильтры на примере маркетплейсов, Jira, внутренней BI системы.

Нам было важно узнать удобство использования боковых фильтров и горизонтальных в панели.

• 18 респондентов отметили, что им удобно когда часть популярных фильтров выведено сразу над объектом фильтрации.
• Руководители больших команд отметили, что им важно сохранять свои собственные фильтры, так как раз в квартал они отслеживают одни и те же показатели. Проще настроить фильтры один раз.
• Респонденты также отмечали что боковая панель с фильтрами может быть не удобна, когда внутри есть раскрывающиеся списки. При раскрытии блока, последующий уезжает вниз, из-за чего интерфейс прыгает.
• 11 респондентов отметили, что в Power BI, в боковой панели сложно искать фильтры, приходиться скролить.
• Один из респондентов отправил пример с удобными фильтрами, где все параметры собраны в одном блоке.

Итерация 1

Мы добавили панель быстрых фильтров. Сделали вкладку мои задачи, куда падают задачи в работе, просроченные. Отдельно вынесли вкладку «Задачи моей команды», где находятся задачи назначенные на все отделение.

Мы попросили пользователей рассказать что они видят, объяснить какие задачи находятся в каждой вкладке, попросили найти задачи в работе, просроченные задачи по конкретному клиенту для запуска сценария фильтрации.

Результаты:

• Пользователи не понимали вкладку мои задачи. Не понятно там находятся задачи в работе или все задачи.
• Пользователи не увидели панель быстрых фильтров по типу и статусу.
• Пользователи не понимали вкладку «Задачи моей команды». Не понятно там задачи в работе у коллег или задачи, у которых нет исполнителя.
• Кнопку «Все фильтры» увидели не сразу. Пришлось повторить сценарий фильтрации 3 раза.

Итерация 2

В этом варианте мы убрали панель быстрых фильтров. Сделали вкладку все, куда падают все задачи на отделение продаж и мои задачи.

Результаты:

• Пользователи пояснили, что вкладкой все не удобно пользоваться, так как там будет скапливаться много задач. В перемешку будут мои задачи, которые я должен обработать и задачи на все отделение, которые я могу взять в работу.
• При запуске сценария фильтрации респонденты ожидали увидеть фильтры как в Excel внутри колонок.

Итерация 3

В этом варианте мы добавили:

• Фильтры внутри колонок с задачами
• Добавили вкладку «Нераспределенные». Туда попадают все задачи на отделение, у которых нет исполнителя.
• «Мои задачи» вывели в отдельную вкладку.
• Во всех вкладках в первую очередь показываем просроченные задачи.

Ключевые выводы:

• Проблемное интервью нам не помогло. Мы задавали много открытых вопросов, изучали как люди пользуются фильтрами в других системах. Мы не исключаем, что мы его могли провести некорректно.
• Сотрудники отделений привыкли к Excel фильтрам, поэтому в задачах ожидали видеть такой же паттерн – фильтрация по колонкам
• Редизайн фильтров затронул не сами фильтры в виде инпутов, а вкладки, которые по сути тоже являются фильтрами.