Сайт детской железной дороги находится на пересечении транспортной, образовательной и информационной задач. На один ресурс приходят дети, родители и педагоги, поэтому структура должна помогать каждому быстро находить своё — и не смешивать их сценарии.
В портфолио Меркури RUS два таких проекта: сайт Приволжской детской железной дороги по заказу ОАО «РЖД» и ресурс Красноярской детской железной дороги. Ниже — на примере Приволжской ДЖД — как мы проектируем такие сайты.
Начинать с аудиторий, а не с разделов
У сайта Приволжской детской железной дороги три основные группы пользователей: школьники 7–16 лет, родители и законные представители, педагоги и образовательные учреждения. Уже этого достаточно, чтобы отказаться от модели «один посетитель — один универсальный маршрут».
Ребёнок знакомится с самой дорогой и её событиями, родителю нужна понятная организационная информация, педагогу — сведения о программах и возможностях сотрудничества. Сначала мы описываем эти задачи, а затем проверяем, насколько структура помогает каждой группе пройти свой путь.
Расписание и события — коротким маршрутом
На сайте собраны сведения о работе дороги, расписание движения, экскурсионные программы и мероприятия. Это разные типы информации, но для пользователя их объединяет один вопрос: что происходит на дороге и как туда попасть.
Поэтому расписание, события и экскурсии не спрятаны в глубине структуры. Предсказуемый путь к актуальной информации важнее количества разделов.
Образовательный слой — самостоятельная часть сайта
Задача проекта включала популяризацию дороги среди детей и родителей и рассказ об образовательных программах и мероприятиях. Поэтому образовательный контент — отдельный слой ресурса, а не дополнение к расписанию.
Содержание этого слоя мы строим на реальных программах организации. Стоимость, правила посещения или порядок групповых поездок появляются на сайте тогда, когда их даёт сама организация, — а не потому, что «так обычно бывает» на похожих сайтах.
Интерактив, который объясняет
На сайте Приволжской ДЖД есть интерактивная карта маршрутов, виртуальные экскурсии и фотогалерея. Эти форматы особенно уместны там, где пользователю нужно не только прочитать описание, но и представить маршрут, инфраструктуру и жизнь дороги.
Интерактив не самоцель: карта помогает понять маршрут, виртуальная экскурсия — познакомиться с объектом, галерея — увидеть атмосферу. Функция оправдана, когда сокращает путь от вопроса пользователя к ответу.
Мобильная версия — часть основного сценария
Сайт адаптирован для смартфонов и планшетов. Для ресурса с расписанием, событиями и навигационной информацией это принципиально: к нему обращаются не только дома, но и перед поездкой или прямо на месте.
Мобильный сценарий мы проверяем не после готового десктопного макета, а вместе с общей структурой: видна ли ключевая информация, не теряются ли переходы, удобно ли смотреть расписание и фотографии на небольшом экране.
Второй проект — та же задача, свои решения
Красноярская детская железная дорога — второй проект этого типа в нашей практике. Задача повторяется: несколько аудиторий, события, образовательная часть. Но набор функций каждого сайта определяется потребностями конкретной дороги, а не копируется из предыдущего проекта.
Что проверить до начала проектирования
- какие аудитории реально пользуются ресурсом и чем отличаются их задачи;
- какая информация о работе дороги должна быть доступна быстрее всего;
- как связаны расписание, экскурсии и мероприятия;
- какие образовательные программы есть у организации;
- где интерактивная карта, виртуальная экскурсия или галерея действительно помогают пользователю;
- как основные сценарии работают на смартфоне и планшете.
Главное
Сайт детской железной дороги — это ресурс для нескольких аудиторий, а не линейная презентация организации. Проект Приволжской ДЖД объединяет информацию о работе дороги, расписание, экскурсии, мероприятия, образовательные программы, интерактивную карту, виртуальные экскурсии и галерею. Их ценность — не в количестве, а в том, насколько понятно они связаны с задачами детей, родителей и педагогов.
Как мы делаем сайты для государственных и социальных организаций — на странице услуги «Государственные и отраслевые веб-системы».