СберЗдоровье · 2026 · iOS, Android

Карта врачей: от кнопки, которую находил один из девяти, к инструменту записи

Редизайн геопоиска врача в мобильном приложении СберЗдоровья. Начинали с задачи «обновить визуал карты», а пришли к новой роли карты в сценарии записи.

Клиники на карте с рейтингом, числом врачей и ценой

Шторка клиники с врачами и слотами записи

РольВедущий дизайнер

КомандаПродакт, исследователь, системный аналитик, iOS, Android, бэкенд

ПлатформыiOS, Android

СтатусВ разработке

Задача

Картой пользовались в 5,4% сессий поиска очного врача (Москва и МО, 2026 год). Часть этих пользователей по нескольку раз за сессию возвращалась с карты обратно в список.

Исходная постановка звучала как «обновить визуал карты». Я хотел сначала понять, что на самом деле не работает.

Исследование

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

8 из 9не нашли вход в карту

9 из 9не поняли, применились ли фильтры

9 из 9увидели карту на весь город вместо выбранного метро

9 из 9не поняли цену и рейтинг на пине

К кластерам вопросов не было.

Два экрана старой карты с разными наборами фильтров. Чем они отличаются? Не ответил никто. Исследование, апрель 2026.

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

«Лучше воспринимается информация, когда я вижу дом на карте, чем когда мне говорят „улица Ленина, 19“».Андрей, 32 года

Решение

Новая карта врачей: выдача с картой, карта на уровне города, пины клиник, карточка клиники

01 · Карта живёт на выдаче

Убрал спрятанную кнопку входа. Карта занимает 35–40% высоты экрана выдачи, ниже — список врачей.

Новый экран выдачи: карта сверху, список врачей снизу

02 · Карта и список — одна сущность

Скролл вверх — список заезжает поверх карты. Скролл вниз или тап по карте — полноэкранный режим. Фильтры применяются к обоим режимам одновременно.

Два состояния выдачи: карта вместе со списком и полная карта

03 · Пин отвечает на вопросы

Было: цена и звёзды. Стало: название клиники, рейтинг цифрой, количество подходящих врачей и цена «от».

04 · Запись прямо из карты

Тап по пину открывает карточку клиники со списком врачей и слотами. Записаться можно, не покидая карты.

Тап по пину открывает шторку с карточкой клиники

05 · Карта не показывает пустоту

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

Пустая карта, нет записи на дату, нет интернета, ничего не нашли

Проработка кейсов

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

Спецификация в Figma: выдача «список + карта сверху», карта в режиме приближения и карточки клиник, полный список, общие правила состояний, поведение шторки и логика кластеризации

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

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

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

ГеолокацияБез доступа к геопозиции кнопка «Рядом» предупреждает, что клиники могут отображаться неточно. Если рядом мало клиник, масштаб расширяется ступенями: 15 → 14 → 13, а при меньше чем четырёх клиниках в кадре виден весь город.

Плотная застройкаУ клиник в одном здании одинаковые координаты, и пины накладываются — их разводим на 13 метров. Тап по кластеру переводит на следующую ступень: город, округ, район, улица.

Пин и список совпадаютКарта и выдача фильтруются по одним параметрам. Цена на пине — самая низкая среди подошедших врачей, без вариантов «по запросу».

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

Всё это ушло в разработку одной спецификацией: экраны, общие правила состояний, поведение шторки и логика кластеризации. Разработчикам не нужно угадывать, что показать, когда что-то пошло не по плану.

Стилизация карты

Контраст пинов зависит от карты под ними, поэтому я настраивал оформление самого полотна в 2ГИС: карта должна работать спокойной подложкой, а пины — оставаться главным объектом внимания. Работы оказалось много. Карта стала заметно спокойнее, а контраст пинов значительно вырос.

Слева — уровень города, справа — высокий зум. Было: версия из исследования, апрель 2026. Стало: финальные экраны.

Мой вклад

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

Результат

Данные закрыты до релиза Карта в разработке — цифры откроются после запуска. Но одно уже есть: у карты впервые появилась воронка, раньше посчитать конверсию из карты в запись было нельзя.

Доля сессий с картой закрыто было 5,4%

Переключения карта ↔ список за сессию закрыто появится после релиза

Конверсия «карточка врача → запись» закрыто появится после релиза

Что я вынес

Сначала проверяй проблему, потом решение. Мы собирались чинить кластеры, а они были единственным, что работало.

Роль функции в сценарии определяет дизайн. Карта для поиска и карта для проверки выбора требуют разного.

Фон важен не меньше объекта. Контраст пина зависит от карты под ним, и этим тоже нужно заниматься дизайнеру.

Следующий кейс: Платёжная форма Долями→