Интерфейсы государственных информационных систем в сфере туризма
С 2020 года, работая в АО «НТТ», я разрабатывал новый интерфейс государственной информационной системы «Электронная путёвка». Система создана для мониторинга деятельности туроператоров в режиме реального времени. Она позволяет производить оценку состояния туристического рынка, обеспечивать органы государственной власти информацией в случаях неоказания туроператорами услуг по договору и необходимости принятия мер по оказанию экстренной помощи туристам.
В 2023 я разрабатывал интерфейс Единого Федерального Реестра Турагентов — федерального информационного ресурса, содержащего сведения о туроператорах, турагентах и субагентах, а также о договорах на продвижение и реализацию туристского продукта, заключённых между ними.
В 2024 году обе системы были объединены в одну. К ним же добавился Единый Федеральный Реестр Туроператоров и дашборд состояния туротрасли для Министерства экономического развития.
Система предназначена для туроператоров, турагентов, сотрудников федеральных органов исполнительной власти и туристов. При этом туристам доступна лишь верхушка айсберга. В основном интерфейс ориентирован на профессиональных пользователей.
Интерфейс состоит из более чем 300 экранов и огромного количества форм.
Некоторые экраны системы типовые. Так, табличное представление списков используется довольно часто и максимально унифицировано. Основные фильтры расположены над таблицей, дополнительные выезжают сбоку при нажатии на соответствующую кнопку. Есть возможность настроить отображение колонок, отсортировать таблицу по любой из них. Каждый пользователь может настроить каждую из таблиц под себя.
В системе много сложных форм с большим количеством полей. Каждую из них я пытался сделать максимально простой и понятной. Предполагается, что взаимодействие туроператоров и турагентов с системой происходит в автоматическом режиме. Тем не менее, для них предусмотрены интерфейсы для ручного ввода данных. Этим интерфейсам я уделил особое внимание.
Формы с большим количеством полей разбиваются на смысловые блоки. Меню справа всегда видно на экране. Оно позволяет быстро перемещаться к нужному блоку и контролировать степень его заполнения и наличие ошибок.
Валидация формы происходит в процессе её заполнения. Предупреждения, сообщения об ошибках и подсказки располагаются рядом с соответствующими полями.
Чтобы уменьшить визуальный шум и сделать форму визуально проще, некоторые поля «склеиваются» и выглядят как одно.
Крупные повторяющиеся части формы выносятся в модальные окна, после заполнения которых в форме остаётся только блок с необходимой информацией.
Многие формы сделаны в 2 вариантах: на редактирование и на чтение. В формах «на чтение» отсутствуют поля ввода, таким образом страница выглядит как простой документ, где ничего не отвлекает от чтения информации.
Интерфейсы, доступные для туристов, сделаны адаптивными, чтобы ими можно было пользоваться с мобильных устройств.
Большая часть интерфейсов в системе доступна федеральным органам исполнительной власти и, конечно же, оператору системы. Тут и множество различных реестров, справочников, настроек, интерфейсы модуля технической поддержки и так далее.
Специально для Министерства экономического развития был разработан дашборд, отображающий состояние ключевых показателей туротрасли.
Главная страница дашборда (данные вымышленные)
Более сотни показателей разделены на тематические разделы. Каждый показатель тщательно проработан и представлен в том виде, в котором он требовался сотрудникам министерства. У каждого показателя есть своя страница с более подробной информацией: всевозможными графиками и сравнениями.
Я разрабатывал дизайн системы «в браузере». Все интерфейсы выполнены в HTML и JavaScript. Всё можно прокликать: перейти по страницам, открыть модальные окна, понять, как выглядят сообщения об ошибках, как формы реагируют на ввод, а весь макет — на изменение размеров окна. Разработчики получили от меня готовую вёрстку, CSS и файл со всевозможными конфигурациями chart.js для построения графиков. Разработанный мной прототип системы был максимально похож на итоговый результат.
Не так просто представить более сложную, интересную и важную задачу для дизайнера интерфейсов. Обратитесь в АО НТТ, если вам нужно разработать что-то столь же масштабное.