Интерфейс системы мониторинга госзакупок «Госзатраты»

Проблема и контекст

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

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

Подход к аналитике

Из-за ограниченных ресурсов на исследования подобрали максимально доступные методики анализа. Благодаря анализу конкурентов, выявлению сильных и слабых сторон, пользовательских путей, удалось точнее проработать релевантные улучшения для нашего сервиса, которые стали возможны благодаря обновлённому API. С помощью визуального анализа выявили общие закономерности в реализации и определились с дизайн-концепцией.

Сформулированы десятки гипотез по улучшению.

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

Итоговый дизайн и реализация

Переработал интерфейс, сделав его чище, понятнее и удобнее. Обновил визуальный стиль, добавил адаптивность и тёмную тему. Упорядочил стили и элементы интерфейса, избавился от лишнего.

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

Страница контракта — самая информационно нагруженная страница сервиса:

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

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

Результат

Для системы подготовлено несколько сотен экранов с главной страницей, внутренними контентными страницами, списками и профилями контрагентов, поиском по отраслям и регионам.

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

По итогу макеты и рабочий прототип оценивал и согласовывал Кудрин Алексей Леонидович. В результате согласований выделено дополнительное финансирование на продолжение разработки проекта. В планах добавление новых объёмных модулей.