Интерфейс, у которого нет права на «целевую аудиторию»
Вашим продуктом пользуется и 18-летний студент, оформляющий пушкинскую карту, и 80-летняя бабушка, которой нужно записаться к врачу.
Главная страница и начальный экран портала государственных услуг
Предыдущие версии главной страницы ГосуслугЗдесь ошибка в проектировании — это не просто упавшая конверсия, это тысячи людей, не получивших помощь вовремя. За 3,5 года работы в РТ Лабс я прошел путь от редизайна главной страницы страны до создания инструментов, которыми пользуются сотни разработчиков экосистемы.
Адаптивная версия главной страницы Госуслуг для авторизованного пользователяВ этой статье я расскажу, как проектировать пользовательское поведение в условиях экстремальной ответственности, почему доступность (A11y) — это база, а не тренд, и как дизайн-система спасает продукт, когда в нем становится слишком много смыслов.
Проблема «Универсального солдата»
В обычном продукте мы режем сегменты: «наши пользователи — это миллениалы с доходом X». На Госуслугах твоя ЦА — это все, у кого есть паспорт. Кейс: Как сделать так, чтобы кнопка «Записаться к врачу» была одинаково заметна для геймера с 4К-монитором и для дедушки с кнопочным телефоном и плохим зрением?
Меню и выбор популярных услугРешение: Мы ушли от «красивости» в сторону жесткой информационной иерархии. Главная страница стала навигатором, а не витриной. Мы внедрили стандарты доступности (A11y) на уровне ДНК: контрастность, размеры тач-зон и поддержка скринридеров стали не «допами», а условием выхода в прод.
Дизайн-система как фундамент государства
Когда у тебя тысячи страниц и сотни команд разработки, «рисовать макеты» — это путь в ад.
Дизайн-система Госуслуг CardboxЧто сделали: Мы перенесли гайды на Tilda для быстрой сборки промо-страниц и создали мощный Storybook.
Профит: Это сократило время синхронизации дизайна и фронтенда на 40%. Дизайнер перестал быть «рисовальщиком кнопок» и стал архитектором системы. Если мы меняем скругление у инпута — оно меняется везде автоматически.
Психология доверия через интерфейс
Государственный сервис часто ассоциируется с бюрократией и сложностью. Наша задача была — снизить когнитивную нагрузку.
Робот Макс всегда готов помочь пользователюПаттерны: Мы использовали «прогрессивное раскрытие» (progressive disclosure) — не вываливали на пользователя все 500 услуг сразу. Только контекстные подсказки и умный поиск.
Инсайт: Чем меньше визуального шума, тем выше уровень доверия. Чистое пространство (white space) на Госуслугах — это не мода, а инструмент снижения тревожности пользователя.
Заключение
Работа над таким продуктом меняет мышление. Ты перестаешь думать категориями «мне нравится этот градиент» и начинаешь думать категориями «поймет ли человек за 2 секунды, куда нажать, чтобы получить пособие».
Дизайн сегодня — это не про украшение, это про управление вниманием и заботу о человеке в цифровой среде.
Комментарии (29)
alex_1065
11.04.2026 17:40скажите пожалуйста, страница госсуслуг после вашего пересобирания определяет наличие впн у тех кто ее открывает?
Ranlod
11.04.2026 17:40Я не думаю что автор в курсе технических подробностей. Судя по профилю он дизайном занимается и вам сможет ответить только когда к нему придут и попросят сделать на сайте баннер "Вы используете VPN" но тогда и вы это увидите.
Это нужно фронтедеров спрашивать или разработчиков приложения, а не дизайнеров
serafims
11.04.2026 17:40Вот что очень бесит - так это этот ублюдский робот и теперь ещё ивсякие ИИ функции. Робот-скрепка на государственном сайте? Ну камон, это должен быть "серьезный сервис", вы ещё внедрите эмодзи для оценки ответа от госорганов (нет). Зачем это надо? Чтобы было сложнее мимикрировать под него, и чтобы не появлялись темные паттерны. И государственная система, и система, взаимодействующая с государством, должны быть серьезными, а не лайки-шорты-каменты.
serafims
11.04.2026 17:40Вы выше верно написали про снижение когнитивной нагрузки, это правильно и действительно удобно, но не через имитацию тогоя, чего нет. Никакого робота Макса нет, а визуальный мусор есть. Жаль отключить нельзя просто. А чтобы не было у человека тревожности, нужна информативность ответов информативность ошибок.
Когда я и ещё три человека 40 минут (!) пытались вбить название места выдачи свидетельства о рождении ребенка, которое прикрепляется к заявке человека при постановке в службу занятости, просто потому ,что учреждения с таким названием уже нет (поменялось на другое) и его НИКАК нельзя было вбить в систему, а свободный ввод недопустим, проклял все. Догадался только через адрес поискать в другой форме и там название современное подсмотреть.
Вот такие мелочи и мешают , да. И хрен бы мне тут этот робот помог бы.
В целом интерфейс выглядит достаточно умеренным и в целом продуманным.
serafims
11.04.2026 17:40И ведь нет на сайте для людей, профессионально занимающихся ИТ и понимающих суть, даже контекстной кнопки " ту есть проблема, тут есть баг, тут что-то не получилось при получении услуги". Думаю, многие бы могли б поделиться, в каких ситуациях все застопорилось.
KonstantinTokar
11.04.2026 17:40В том и проблема что многие. Чуть меньше чем все. И что делать с миллионом рапортов, в которых поток сознания?
nitro80
11.04.2026 17:40Когда я и ещё три человека 40 минут (!) пытались вбить название места выдачи свидетельства о рождении ребенка, которое прикрепляется к заявке человека при постановке в службу занятости, просто потому ,что учреждения с таким названием уже нет (поменялось на другое) и его НИКАК нельзя было вбить в систему, а свободный ввод недопустим, проклял все. Догадался только через адрес поискать в другой форме и там название современное подсмотреть.
Я недавно отправлял жалобу на медицинское учреждение, так в заявке необходимо было указать код учреждения, не помню, то ли ОГРН, то ли ещё какой-то из десятка возможных.
И тут я встал в ступор, ибо на сайте учреждения я не нашел (искал руками и гуглом), пришлось писать в айтишнику того учреждения в лс, благо что знакомы.
А остальные 99.999 желающих написать жалобы - они просто отсеются.
winorun
11.04.2026 17:40У Вас проф дефрмация.
Если бы просто вбили названия в интернет то попали бы на агрегатор где указаны все открытые данные учреждения.
Это было во первых. Во вторых на сайте учреждения по закону обязаны быть необходимые документы при чем на глубене не более 3 клика начиная с главной. Но не кто не говорит что они должны быть машиночитаемыми. Простыми словами там pdf без текстового слоя лежит с вероятность близкой к 1.
В третих, на крайний случай, вы можете запросить эту информацию в самом учреждении, без всякого знакомства.
И это я не упоминаю кучу других способов.
AlexanderMatveev
11.04.2026 17:40Последние полгода только через чатик и нахожу нужные разделы. Не было бы чатика - были бы претензии, что сложно что-то найти
Dhwtj
А выбора всех услуг так в мобильном приложении и не появилось. Куда-то перенаправляют на сайт.
Более того поиск всех услуг по факту отсутствует