Дизайн сайта государственной организации: доступность, три языка и удобство для граждан

Хороший сайт государственной организации — это не витрина, а сервис: гражданин должен за минуту найти нужную услугу, контакты или документ, на своём языке и с любого устройства, в том числе при нарушениях зрения или моторики. Для этого важны понятная структура «от задач граждан», соответствие стандартам доступности (WCAG), полноценные версии на узбекском, русском и английском и быстрая мобильная версия.

Кто приходит на сайт ведомства и зачем

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

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

Структура сайта должна строиться вокруг этих задач, а не вокруг организационной схемы ведомства.

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

Доступность: не опция, а обязательное качество

Международный ориентир — стандарт WCAG (Web Content Accessibility Guidelines), обычно уровень AA. Он описывает, как сделать сайт удобным для людей с нарушениями зрения, слуха, моторики и когнитивных функций. Ключевые принципы:

1. Контраст. Текст достаточно контрастен относительно фона; информация не передаётся только цветом.
2. Масштабирование. Страница не «ломается» при увеличении шрифта до 200%.
3. Клавиатура. Всеми функциями можно пользоваться без мыши, фокус видно.
4. Экранные дикторы. Правильная семантика заголовков, подписи к изображениям, понятные названия ссылок и кнопок.
5. Формы. У каждого поля есть подпись, ошибки объясняются текстом.
6. Медиа. Субтитры к видео, текстовые версии важных материалов.

Многие госсайты в Узбекистане предлагают «версию для слабовидящих». Это полезно, но не заменяет доступности основной версии: лучше, когда сайт изначально удобен всем.

Три языка без компромиссов

• Государственный язык — основной; русская и английская версии — полноценные, а не частичные.
• Переключатель языка заметен и на каждой странице ведёт на ту же страницу в другом языке.
• Учитывайте разную длину текстов: узбекские и русские формулировки часто длиннее английских, кнопки и меню должны это выдерживать.
• Если сайт поддерживает узбекскую кириллицу и латиницу — продумайте это на уровне контента, а не только интерфейса.

Связь с госуслугами и открытыми данными

Сайт ведомства не должен дублировать то, что гражданин может сделать на едином портале государственных услуг. Лучше, когда страница услуги кратко объясняет суть и ведёт прямо к нужной услуге на портале, а не просто на его главную страницу. Раздел открытых данных стоит делать в машиночитаемых форматах, с описанием и датой обновления. Так сайт становится частью единой цифровой экосистемы, а не отдельным островом.

Формы обращений и записи на приём

Форма — место, где гражданин чаще всего сдаётся. Несколько правил, которые снижают число брошенных заявок:

• спрашивайте только то, что действительно нужно для рассмотрения обращения;
• объясняйте формат прямо у поля: как писать номер телефона, какой размер файла допустим;
• показывайте ошибки рядом с полем и понятным текстом, а не общим сообщением «форма заполнена неверно»;
• не стирайте введённые данные при ошибке;
• после отправки сообщайте номер обращения и срок ответа;
• размещайте рядом короткое уведомление о том, как будут обработаны персональные данные.

Мобильная версия и скорость

Большинство граждан заходят с телефона, часто при нестабильном мобильном интернете. Значит:

• дизайн проектируется сначала для мобильных;
• изображения оптимизированы, тяжёлые слайдеры и анимации — только там, где они правда нужны;
• документы доступны в лёгких форматах, а ключевая информация продублирована текстом на странице, а не только в PDF.

Визуальный стиль: строгость без скуки

Госсайт должен вызывать доверие: аккуратная типографика, сдержанная палитра, корректная государственная символика, единая система иконок. При этом «официально» не значит «устаревше». Современный, чистый дизайн повышает доверие к ведомству, а единые правила оформления упрощают работу контент-менеджерам. Подробнее о цифровизации госуслуг — в материале «Цифровизация госуслуг и UX».

Шаблон страницы услуги

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

1. Название услуги простыми словами, как её ищут граждане.
2. Кому подходит — в одном-двух предложениях.
3. Что нужно: список документов и условий.
4. Как получить: пошаговая инструкция с кнопкой перехода к онлайн-услуге, если она есть.
5. Сроки и стоимость со ссылкой на нормативный документ.
6. Куда обратиться при вопросах: телефон, адрес, график.
7. Частые вопросы и дата последнего обновления страницы.

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

Как писать тексты для госсайта

Даже идеальный дизайн не спасёт страницу, написанную канцеляритом. Принципы понятного языка:

• Начинайте с главного: что получит гражданин, сколько это займёт времени, что взять с собой.
• Короткие предложения и простые слова вместо «в целях обеспечения реализации».
• Пошаговые инструкции в виде нумерованных списков.
• Обращение к читателю: «вы можете подать заявку», а не «заявка может быть подана».
• Даты обновления на страницах с условиями и тарифами — чтобы было понятно, что информация актуальна.

Как проверить доступность сайта

1. Автоматические проверки. Инструменты вроде Lighthouse или axe быстро находят проблемы с контрастом, подписями и структурой. Но они ловят лишь часть ошибок.
2. Тест клавиатурой. Пройдите ключевые сценарии только с помощью Tab и Enter: видно ли, где фокус, доступны ли все кнопки и формы.
3. Экранный диктор. Послушайте страницу через NVDA, VoiceOver или TalkBack: понятны ли заголовки, ссылки, поля форм.
4. Увеличение до 200%. Проверьте, что текст не обрезается и не налезает на другие элементы.
5. Тест с людьми. Попросите пройти сценарии пожилых пользователей и людей с нарушениями зрения — это даёт больше, чем любой автоматический отчёт.

Типичные ошибки госсайтов

• Меню повторяет оргструктуру: «Департамент №3» вместо «Получить лицензию».
• Главная перегружена баннерами и новостями, услуги — в глубине.
• Важные документы только в сканах PDF, которые не читают экранные дикторы.
• Английская версия заполнена наполовину или устарела.
• Мелкий серый текст на светлом фоне.
• Нет поиска или он не находит документы.

Жизнь сайта после запуска

Многие госсайты хорошо выглядят в день запуска и постепенно устаревают. Чтобы этого не случилось, заранее договоритесь о правилах поддержки:

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

Чек-лист для ведомства перед редизайном

1. Соберите статистику: какие страницы и услуги ищут чаще всего.
2. Опишите 5–10 главных задач граждан и постройте меню вокруг них.
3. Заложите требования WCAG AA в техническое задание.
4. Спланируйте контент на трёх языках и ответственных за его обновление.
5. Проверьте прототип на реальных пользователях, включая пожилых людей.
6. Предусмотрите удобную систему управления контентом для сотрудников.

Если ваше ведомство или госкомпания планирует новый сайт или редизайн, команда Dasta Creative проектирует интерфейсы с учётом доступности и трёх языков — подробнее на странице веб-дизайна и в разделе проектов.