Spectrum Reports Screenshot

Отчеты для сервисов Spectrumdata

Компания разрабатывает сервисы по проверке разных типов данных, как для B2B, так и для B2C клиентов. В обоих случаях результатом проверки является отчет, на основе которого, пользователи закрывают свою основную потребность — принимают решение подходит им проверяемый человек/машина/компания или нет.

Роль в проекте

Product designer

Платформа

Desktop, mobile

Задачи

Редизайн, работа с метриками, визуализация данных

Пользователи

Основная целевая аудитория — HR, сотрудники служб безопасности, автодилеры, менеджеры, владельцы бизнеса.

Контекст и проблемы

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

Работая в команде с продакт менеджером, проводила интервью с текущими пользователями, а также собирала фидбек от отдела продаж и техподдержки.

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

Вот что выяснили:

  • Данные не структурированными, их очень много, из-за чего трудно быстро извлечь ключевую информацию
  • Приходится долго скроллить, чз-за чего теряется фокус и становится сложно ориентироваться на странице
  • Долгий TTM новых блоков (B2B). Клиенты хотят как можно быстрее подключить новые блоки с проверкой и начать ими пользоваться
  • Часть блоков разработчики делали сами, без участия дизайнера, поэтому отчет не выглядел консистентным, его сложно поддерживать

Ожидаемый результат после редизайна:

  • Данные легко сканируются для первичной оценки результатов, а если необходимы подробности, то должна быть возможность тут же посмотреть полную информацию
  • Быстрая загрузка отчета, с возможностью распечатать его или поделиться
  • Понятная и простая навигация, так как отчет может быть достаточно длинным, с большим количеством блоков и данных
  • Сокращение времени разработки блоков, начиная от постановки задачи до выката в прод

Процесс

После того, как стал ясен контекст и проблемы сформулированы, я занялась генерацией идей и гипотез для их решения. Создавала наброски и прототипы, тестировала их. На основе отзывов дорабатывала и вносила изменения. На этой стадии также была большая командная работа, мы встречались, обсуждали, критиковали. Итоговые варианты защищала перед стейкхолдерами.

Что я сделала для улучшения юзабилити отчета:

  • Выстроила визуальную иерархию за счет системы заголовков, отступов, работы с цветом и пространством
  • Добавила цветовые индикаторы, которые позволяют быстро оценить результат проверки: красный — требует внимания, зеленый — все в порядке
  • Создала компоненты таблиц, для того, чтобы решить проблему с избыточным скроллингом и упорядочить информацию
Spectrum Reports Screenshot
Блоки из отчета проверки автомобиля
Spectrum Reports Screenshot
Spectrum Reports Screenshot
Spectrum Reports Screenshot
Отчёт о проверке контрагентов после редизайна
Spectrum Reports Screenshot
Страницы-заглушки

Что я сделала для сокращения TTM:

  • Создала разные вариации шаблонов для типовых блоков, покрывающие большинство кейсов. Исключением остаются блоки, где данные не вписываются в типовой шаблон, либо требуется кастомизация блоков с использованием графиков или схем для визуализации
  • Разработала дизайн-систему, которую разработчили внедрили у себя
Spectrum Reports Screenshot
Шаблоны для типовых блоков

Результат

Удовлетворенность пользователей при взаимодействии с отчетами выросла, количество отчетов, запрашиваемых клиентами, выросло на 300% в 2021 году и продолжает увеличиваться на 100% ежегодно.

TTM улучшили на 30%, сейчас разработка новых блоков занимает от 4 часов до нескольких дней. Кроме того, снизилась нагрузка на дизайнера, разработчики могут напрямую внедрять данные в шаблоны без его участия.

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