Минкомсвязи в рамках проекта по развитию государственной web-системы подготовило стандарты единой дизайн-системы для электронных ресурсов страны. В этой статье мы расскажем об основных принципах построения системы.
С 2020 года в РФ начали обновлять сайты бюджетных организаций и местных органов самоуправления согласно рекомендациям единого стандарта ГосWeb 2.0. По словам Максута Шадаева, в 2020 году Минкомсвязь должна была создать конструктор сайтов и управления размещением на них контента, разработать варианты шаблонов для сайтов различных организаций и органов. На сайте Госвеб представлены услуги и сервисы по внедрению цифровых инструментов в соответствии с проектом нормативного регулирования цифровой среды в РФ.
Суть проблемы
На текущий момент в Росссийской Федерации зарегистрировано более 7000 сайтов государственных организаций: федерального, регионального и муниципального уровней. Сайты имеют уникальную структуру, дизайн, навигацию, контент и зачастую дублируют функционал.
В текущей ситуации обычному интернет-пользователю сложно сориентироваться для получения нужной информации и поиска органа власти, в который можно обратиться за помощью.
По данным исследования Минкомсвязи России, проведенного в 2017 году “76% граждан затрудняются с ответом, куда им обратиться в интернете за поддержкой государства в решении их задач”.
Введение единых правил организации информации, навигации, дизайна государственных систем позволит повысить качество и увеличить объем государственных услуг, оказываемых в электронном виде.
С другой стороны содержание и обслуживание текущей системы сайтов требует больших расходов. Единой экосистемой цифровых сервисов легче управлять, что позволит сократить финансовые издержки и позволит оперативнее вводить новые виды услуг и сервисов предоставляемых органами государственной власти.
Принципы
Основные требования к современным государственным сайтам сформулированы с опорой на следующие положения:
- Человечность. Сайты должны содержать полезную информацию, качественные услуги и отражать участие в жизнедеятельности государства.
- Сервисный подход. “Отличие сервиса от сайта в том, что он не просто дает информацию, а также предоставляет необходимую услугу”.
- Доступность. Сайты должны быть доступными и пригодными для людей с ограниченными возможностями.
- Дизайн на данных. UX и IX - цифровой стандарт строится на исследованиях предпочтений пользователей. Здесь вы можете посмотреть уже готовые рекомендации. Ниже мы приводим фрагмент страницы.
Дизайн государственных цифровых систем, нормативные требования
- Простота: интерфейс сайта должен быть понятным. Пользователь должен совершить несколько шагов для получения результата.
- Отзывчивость. Данный принцип предполагает доступность сайта для разных устройств и приложений: “Полный функционал сервисов должен быть доступен на всех платформах и экранах без потери качества пользовательского опыта.”
- Локализация. Мировые современные технологии в области веб-разработки должны быть адаптированы под особенности российского онлайн-взаимодействия.
- Лаконичность. Принцип предполагает чистый интерфейс, минималистические иллюстрации, простой язык, емкие доступные формулировки передающие суть (сайта, государственной услуги).
- Развитие. Постоянное развитие и накопление опыта профессионального сообщества.
В итоге сайты государственных учреждений при выполнении требований стандарта должны обеспечить высокий показатель юзабилити. В настоящий момент основной является Версия 2.0. В чем разница между Версией 1.0 и Версией 2.0 расскажем ниже.
Разработчики
Работа над проектом длилась 3 года. Исполнители работ компания “Смена”. Об этой компании сложно найти информацию в онлайн, известно, что основной акционер “Смена” компания сервисного дизайна AIC, партнер - “Лаборатория Артема Геллера” (разработчики сайта kremlin.ru). Руководитель “Смена” Артем Геллер. В состав команды вошло около 30 человек.
В стандарте представлен официальный шрифт Российской Федерации, разработкой которого занималась Александра Королькова ООО НПП ПараТайп - шрифт «Голос RF».
Требования к контенту цифрового сервиса
Версии
Текущий стандарт является версией 2.0. По мнению авторов формат первой версии “больше подходит для информационных сайтов, чем для сервисных”. Версия 1.0 включает в себя набор компонентов с примерами применения для дизайнеров.
В основном внимание уделяется визуальной составляющей. Ниже приведен пример сайта Министерства науки и высшего образования Российской Федерации выполненный согласно требованиям стандарта версии 1.0 (слева) и версии 2.0 (справа).
Дизайн государственных цифровых сервисов
Версия 2.0 по сути является уточненной версией 1.0: содержит больше элементов, описание схем построения компонентов, подробные руководства для исполнителей (менеджеров, исследователей, проектировщиков и аналитиков). Основной акцент сделан на доступности, понятности контента и на качестве цифровых сервисов.
По словам авторов “Задача дизайн-системы — сформировать структуру государства в digital. Она должна вместить в себя все существующие функции государства и иметь потенциал для дальнейшего развития. И при всём при этом в digital у государства должен быть образ, который узнаётся безошибочно, вызывает доверие и понимание.” (по автору).
На текущий момент осуществляется переход региональных и муниципальных сайтов на платформу «ГосВеб» в соответствии с нормативами регулирования цифровой среды.
Примеры госсайтов
Одним из первых выполнено обновление сайта правительства и губернатора Ямало-Ненецкого автономного округа yanao.ru.
Дизайн государственных систем сайт Правительства ЯНАО
Переход на платформу “ГосWeb 2.0” позволил повысить качество восприятия информации и упростить процесс получения данных для пользователей интернета. Сайт легко воспринимается и понятен для неактивных пользователей.
В 2023 году компания kvokka реализовала несколько проектов по редизайну и переносу сайтов, среди них ОБУЗ Курский онкологический научно-клинический центр им. Г.Е. Островерхова, Мариупольский профессиональный машиностроительный лицей, Контрольно-счетная палата города Курска.
Пример госсайта медицинского учреждения
ОБУЗ Курский онкологический научно-клинический центр им. Г.Е. Островерхова бюджетное учреждение здравоохранения. Причиной редизайна послужил устаревший архаичный дизайн, функционал сайта не поддерживал форму обратной связи с посетителями, а также необходимость внедрения рекомендаций ГосWeb 2.0. Перенос выполнен на CMS “Битрикс”.
Пример госсайта образовательного учреждения
Мариупольский профессиональный машиностроительный лицей - профессиональное образовательное учреждение. Необходимость редизайна возникла после перевода лицея на стандарты образования РФ.
Пример госсайта муниципального органа власти
Контрольно-счетная палата города Курска - муниципальный контрольный орган созданный при Курской городском собрании. Редизайн сайта выполнен в соответствии с рекомендациями ГосWeb 2.0, носит исключительно информационный характер о проводимой работе контрольным органом.
В рамках реализации идеи “Государство для людей” Минкомсвязи настоятельно рекомендует привести сайты государственных учреждений к единой дизайн системе. Для новых российских государственных сайтов требования являются обязательными.
Информация о реализации перехода государственных цифровых сервисов на новый дизайн-стандарт доступна по ссылке https://d-russia.ru/tag/gosveb.