Концепт · мобильное приложение и веб · 2026
Запись к врачу на Госуслугах — четыре шага и ни одного тупика
Через Госуслуги записываются к врачу миллионы людей, а в отзывах пишут одно и то же: форма меняется, поиск её не находит, перенести запись нельзя, а причины отказа спрятаны в справке. Мы пересобрали этот сценарий целиком — от поиска до переноса и отмены — на настоящем бренде портала
- Продукт
- Госуслуги, раздел «Здоровье»
- Сценарий
- Запись на приём к врачу
- Экраны
- 11 экранов, 26 состояний
- Формат
- Живой прототип телефона и веб-версия шага
Живой прототип
Всё нажимается: поиск, форма с проверкой полей, выбор врача и времени, запись, перенос и отмена. Данные вымышленные и живут только в этой вкладке
Концепт редизайна. Не является официальным приложением Госуслуги
01
Задача
Госуслугами пользуются не меньше 60 млн человек в месяц — это данные Минцифры за июль 2025 года. Запись к врачу — одна из самых частых услуг и одна из самых раздражающих
«Постоянно меняют форму записи. То новый дизайн, то старый дизайн оформления записи к врачам»
Мы не трогали то, что задаёт ведомство: расписание, прикрепление, правила записи. Всё, что написано в прототипе, взято из справки портала дословно. Поменялось другое — то, как сценарий ведёт человека и что он видит, когда что-то не получается
02
Аудит: девять проблем с доказательствами
Каждую проблему можно проверить: снимки портала, текст справки, строки из таблицы стилей или отзыв. Каждой соответствует экран в прототипе
- U1
Поиск не находит услугу
По запросу «запись к врачу» портал показывает статьи справки, а самой услуги в выдаче нет
Услуга первой строкой, справка — ниже
- U2
Форма меняет вид
Из отзыва: то новый дизайн, то старый, и в старом можно записаться только к участковому
Один скелет шагов 01–04 с неподвижным индексом
- U3
Запись нельзя перенести
«Перенести запись на Госуслугах не получится. Её можно только отменить и записаться заново»
«Перенести» из двух операций, которые портал уже умеет
- U4
Причины отказа — в справке
«Сведения о пациенте не найдены», «Нет доступных врачей…» живут в статье, а не в форме
Каждая причина — состояние на своём шаге, словами портала
- U5
Мелкие кнопки
«Каталог» 24×24, «Войти» 45×24, «Очистить поле» 24×24, в профиле кнопка закрытия 12×12
Все цели от 44×44, главное действие — 52 px внизу
- U6
Градиент и заглушки вместо главной
Через 9 секунд после загрузки на телефоне — серые блоки на сине-голубом градиенте
Главная начинается с поиска и ближайшей записи
- U7
Робот поверх текста
Робот Макс закрывает текст справки внизу экрана
Макс — кнопка в нижнем меню, как в приложении
- U8
Выбор врача вслепую
Какой терапевт ваш участковый, справка предлагает узнать в поликлинике
Подсказка и телефон — прямо на шаге выбора врача
- U9
Где теперь запись
Как проверить запись — отдельная статья справки
Экран успеха ведёт к записи, она же — на главной
03
Было и стало
Слева — gosuslugi.ru на телефоне 25 сентября 2026 года, справа — тот же момент в концепте
04
Референс и почему он
Terminal Industries — Site of the Month на Awwwards, сентябрь 2025. У этого сайта строгая сетка, моно-метки и тёмная панель результата
Из шести проверенных Sites of the Month только у него есть плотный сценарий «ввод данных → результат»: калькулятор с полями на волосяных линиях и тёмной панелью ответа. Это почти готовая форма записи. Мы взяли систему, а не вещи:
- шаг шкалы ×1,44 и трекинг заголовков;
- сетку ячеек с крестиками на пересечениях — она стала сеткой времени;
- тёмную панель результата — она стала талоном записи;
- побуквенное проявление заголовков, раскрытие клип-маской, штамп выбора — с их точными длительностями и кривыми.
Не взяли ни шрифтов, ни картинок, ни кода, ни стеклянной шапки — она нарушает наш список запретов
05
Дизайн-система
У каждого значения есть происхождение: бренд — считано со стилей портала, система — шкала, ритм и движение, связка — выведено из обоих
Цвет
- Чернила
#0B1F33бренд - Госсиний
#0D4CD3бренд - Нажатие
#0B40B3бренд - Выбор
#E4ECFDбренд - Линия
#E5EAF5связка - Ошибка, текст
#E11432бренд - Успех, текст
#12826Eбренд - Подпись
#66727Fбренд
Синий значит «здесь можно действовать» — и больше ничего. Его доля в окрашенном тексте — около 5%. Градиент портала мы убрали. Красный бренда (#EE3F58) даёт на белом только 3,83:1, поэтому текст ошибки набран более тёмным красным из той же палитры портала
Шрифт
Lato — настоящий шрифт портала: мы взяли его версию 2.015 с полной кириллицей, её отдаёт сам gosuslugi.ru. В Google Fonts у Lato кириллицы нет. Моно-метки набраны PT Mono из семейства «Общедоступные шрифты народов России»: отношение высоты строчных к прописным у него 0,714 против 0,707 у Lato, поэтому метки стоят с текстом на одной оптической линии
Компоненты
06
Движение
Длительности и кривые — из одной измеренной системы, а не подобраны на глаз. У каждого события в приложении своё движение, и ни одно не мешает нажать кнопку: заголовок проявляется цветом, текст читается с первого кадра
07
Как проверяли
- 203/203проверок вычисленных стилей по спецификации, ноль расхождений
- 140шагов сценария в браузере — на ширине 360, 390, 393 и 430
- 100доступность в Lighthouse на телефоне
- 96производительность в Lighthouse на телефоне
Все цели нажатия — от 44×44. Все пары текста и фона проходят WCAG AA. Интерфейс работает с клавиатуры, а при системной настройке «уменьшить движение» анимации отключаются
Концепт редизайна. Не является официальным приложением Госуслуги. Логотип и цвета принадлежат порталу, тексты взяты из его справки, данные в прототипе вымышлены