Цифровизация
Каким должен быть сайт учебного заведения, который открывают множество раз за день? В этот раз разберём на примере сайта одного из самых престижных вузов России — МГТУ им. Баумана. Он победил на конкурсе «Золотой сайт-2021» и занял первое место в номинации “Образование”.
Наши критерии оценки:
- Дизайн — «лицо» вуза, включает целостность стилевого оформления, «читабельность» шрифта, сочетаемость с оформлением подсайтов, удобство просмотра фото и видео.
- Навигация — удобство пользования сайтом, четкая и понятная с первого взгляда структура.
- Контент — тексты, фотографии, инфографика и прочее.
- Интерактивность — наличие обратной связи, ссылок на социальные сети, возможность подписки, обновляемость информации, внутренняя информационная система.
- Адаптивность – повышает возможность использования сайта в различных условиях, корректно отображаясь на различных устройствах, сохраняя функционал.
Дизайн
Дизайн современный, выполнен в едином стиле, не перегружен излишними элементами интерфейса и яркими цветами. Обозначенные акцентные цвета могут использоваться отдельно или все вместе, показывая весь спектр деятельности университета:
- Зеленый – социальное развитие и жизнь;
- Фиолетовый – наука и образование.
- Синий – основной цвет университета, который связан с инновациями и технологиями.
Сайт легкий для восприятия, но оставляет впечатление масштаба. Внутренние страницы созданы на базе дизайн-системы, состоящей из набора компонентов.
Одно из главных преимуществ дизайна сайта – оформление стартовой страницы университета. Некоторые разделы анимированы, повышая тем самым ее интерактивность, и призывая пользователя взаимодействовать с ними.
Возможным недостатком современного, технологичного, минималистичного дизайна для подобного вуза можно считать то, что он не отображает фундаментальности университета и его почти двухсотлетнюю историю.
Навигация
Cтруктура сайта простая, основное меню разработано таким образом, чтобы каждый пользователь мог оперативно перейти в необходимый ему раздел. В первом уровне меню всего пять разделов: поступающим, обучающимся, наука и инновации, медиа, университет.
Недостаток такой навигации в том, что не всегда очевидно, в каком разделе меню будет находиться тот или иной пункт (например, телефонный справочник).
На главной странице были собраны все важные блоки, которые будут интересны для основных целевых аудиторий: новости, анонсы мероприятий, направления подготовки, полезные ссылки.
Контент
Образовательные программы были сгруппированы по семи областям знаний. С помощью раскрывающихся блоков абитуриент может получить краткую информацию о каждой из областей и выбрать интересующее направление подготовки. Все 7 областей знаний сопровождаются уникальными иллюстрациями, которые отражают каждое направление и его эмоциональный образ.
История вуза представлена в формате слайдера, описание событий дополнено изображениями и архивными снимками. Кроме этого, на страницу добавлен таймлайн для быстрого переключения между ключевыми датами.
Раздел «Поступающим» включает в себя необходимую информацию для абитуриентов: проходные баллы, правила приема, программы подготовки. А интерактивная схема поступления отображает основные шаги по подаче документов и зачислению в университет.
У каждого преподавателя есть своя персональная страница, которая позволяет делиться научными интересами, достижениями, публикациями с пользователями сайта.
Весь контент оформлен в едином стиле. Баннеры на главной странице имеют одинаковую структуру. Изображения тщательно подобраны и единообразно оформлены, единый стиль и детальное внимание к обработке контента повышают его уникальность и улучшают имидж вуза.
Интерактивность
На главной странице представлено множество интегрированных интерактивных систем, например, раскрывающиеся блоки, оформленные в фирменном стиле.
Тематические карточки с наиболее интересующими потенциальных студентов темами: университет, наука, спорт и культура объединены в один интерактивный блок.
Адаптивность
Многие пользователи (по данным различных источников, более половины от всех пользователей сайтов вузов) посещают сайт с мобильных устройств, поэтому проект адаптирован под любые устройства. Сайт разработан с учетом мобильных браузеров, достигнута максимальная производительность и скорость работы на планшетах и смартфонах. Кроме этого, при использовании адаптированной версии работает весь контент, в том числе и интерактивные иллюстрации.
Стоит отметить и доступность цифровой среды, для слабовидящих предусмотрена отдельная версии сайта. Пользователи могут самостоятельно адаптировать интерфейс под свои нужды и особенности восприятия: увеличить размер шрифта, изменить цветовую схему и расстояние между буквами.
Сайт МГТУ им. Баумана – на сегодняшний день один из лучших сайтов вузов в России. Его отличает современный дизайн с уникальными иллюстрациями, простая структура, доступность, адаптивность и внимание к деталям в работе с контентом. Возможные рекомендации по улучшению: переработать распределение подразделов меню, а также больше внимания уделить ключевым уникальным особенностям вуза, с учетом его почти двухсотлетней истории.
В ближайших публикациях канала мы разберем сайты крупнейших университетов мира и России.
