Меньше информационного шума — выше удержание пользователей

HydroPoint — отмеченный наградами лидер в сфере
решений для умного управления водными ресурсами. Компания специализируется на разработке инновационных и экологически устойчивых технологий.

Описание

Основные проблемы

Инсайт

Дополнительные улучшения

Дизайн-система

Клиент

Hydropoint — американская SaaS‑платформа

Hydropoint —
американская SaaS‑платформа

Отрасль

SaaS

Команда

Product specialist, data engeeneers

Пользователи — операционные менеджеры крупных розничных и торговых сетей: например, Lowe’s с 939 точками. Их задача — контролировать расходы на воду по огромному портфелю объектов, не посещая каждую локацию лично.

Моя роль: работал автономно, напрямую с директором по UX, контракт на 5 месяцев.

Моя роль: работал автономно, напрямую с директором по UX,
контракт на 5 месяцев.

Главная проблема — деньги: пользователи не возвращались после первого сеанса и отказывались от подписки.

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

I. Проблемы, требовавшие решения

I. Проблемы,
требовавшие решения

• Повышение удержания пользователей.

• Обновление дизайн‑системы.

• Доработка интерфейса.

Пользователи не возвращались

Как уже было сказано, главная проблема — деньги.

Один из стейкхолдеров хотел разместить большой объём данных на одном экране.

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

Пользователи
не возвращались

Как уже было сказано, главная проблема — деньги.

Один из стейкхолдеров хотел разместить большой объём данных на одном экране.

Пользователю нужно было отслеживать несколько показателей водопотребления в разных локациях — в том числе доступность, стоимость и объём использования. Все типы данных отображались вместе, из‑за чего было сложно выделить ключевые инсайты или сравнить показатели по регионам.

II. Инсайт: нужно мыслить в духе Google Maps

II. Инсайт: нужно мыслить
в духе Google Maps

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

Главное решение — использовать слои, а не выводить всё сразу. Аналогия — Google Maps, где можно переключаться между пробками, спутниковым видом и транспортом. В нашем случае это: счета за воду / обследования площадок / климат / карты объектов.

Дополнительные улучшения, чтобы довести всё до ума

Чтобы пользователям было проще считывать данные, я также доработал ряд деталей. Например, переработал отображение количества объектов, сгруппированных в одной точке, улучшил инфографику и добавил цветовую кодировку для ключевых элементов. Ещё я предложил показывать важные данные по каждому слою прямо на карте — в сворачиваемой панели. Так пользователи могут получать нужную информацию, не загромождая основной вид.

Дополнительные улучшения,
чтобы довести всё до ума

Сложные данные наконец‑то стали читаемыми

Сложные данные
наконец‑то стали читаемыми

III. Нет дизайн‑системы — каждый экран приходится создавать с нуля, из‑за этого работа разработчиков замедляется

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

После улучшений

Как следствие, количество возвращающихся пользователей значительно выросло

Как следствие, количество возвращающихся пользователей
значительно выросло

Интерфейс стал удобнее, разработка ускорилась благодаря новой дизайн‑системе, а общее качество пользовательского интерфейса повысилось.

Меньше информационного шума — выше удержание пользователей

I. Проблемы, требовавшие решения

I. Проблемы,
требовавшие решения